@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@-webkit-keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@-webkit-keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@-webkit-keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:1}100%{opacity:0}}@keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes zboing{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes zboing{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:focus{outline:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none;border-radius:0;border:1px solid #000}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{zoom:1}.clearfix:before{content:"";display:table}.clearfix:after{content:"";display:table;clear:both}html{font-family:sans-serif;line-height:1;font-size:16px;height:100%}a{text-decoration:none;color:black}html{font-size:62.5%}h1{font-size:3rem}h2{font-size:2.6rem}h3{font-size:2rem}h4{font-size:1.8rem}p{font-size:1.6rem}html,body{position:relative;margin:0 auto;height:100%;font-family:Arial,'Noto Sans TC','Microsoft JhengHei',Verdana,Arial,Helvetica,sans-serif,'Microsoft Yahei', 'Microsoft JhengHei','新細明體';background:#ffffff}a{cursor:pointer}.fb-root{height:0;overflow:hidden}._freeze{position:fixed;width:100%;height:100%}.l-container{margin:0 auto;position:relative}.l-wrap{width:100%;position:relative}.l-main{min-height:100vh}.l-footer{position:relative;text-align:center;background:#ffffff;border-top:1px solid #e3e3e3}.l-footer .l-container{height:98px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 768px){.l-footer .l-container{display:block;height:auto;padding:25px 0 22px}}.l-footer .community:after{content:"";width:1px;height:40px;background:#e3e3e3;display:inline-block;margin:0 20px 0 0}@media only screen and (max-width: 768px){.l-footer .community:after{display:none}}.l-footer .community a{display:inline-block;width:40px;margin:0 15px 0 0}.l-footer p{text-align:left;line-height:19px;font-size:13px;color:#6e6e6e}@media only screen and (max-width: 768px){.l-footer p{text-align:center;margin:15px 0 0 0}}.container-area{width:100%;max-width:75vw;margin:0 auto}.hidden{display:none}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}header{width:100vw;padding:20px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav{background:#ffffff;height:70px;line-height:70px;width:100%;position:fixed;left:0;top:0;-webkit-box-shadow:0 5px 5px rgba(204,204,204,0.3);box-shadow:0 5px 5px rgba(204,204,204,0.3);z-index:999}@media only screen and (max-width: 768px){.nav{height:55px;line-height:55px;background:rgba(255,255,255,0.95)}}.nav a{cursor:pointer}.nav p{display:inline-block;margin-right:10px}.nav .l-container{height:100%}.nav-bd{height:100%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 768px){.nav-bd{padding:0 17px 0 0}}.nav-logo{display:inline-block;width:70px;line-height:0;vertical-align:middle}@media only screen and (max-width: 768px){.nav-logo{width:55px}}.nav-logo img{width:100%;height:auto}.nav-btn{display:none}@media only screen and (max-width: 768px){.nav-btn{width:24px;height:20px;cursor:pointer;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;z-index:99}.nav-btn>.one,.nav-btn>.two,.nav-btn>.three{width:100%;height:2px;background:#85e6e2;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s}}.nav-menu li{display:inline-block;line-height:0;vertical-align:middle;margin-right:30px}@media only screen and (max-width: 768px){.nav-menu li{margin-right:0}}.nav-menu li span{color:#5f5f5f;font-weight:500;font-size:20px;line-height:1}@media only screen and (max-width: 768px){.nav-menu{width:63%;background:#ffffff;-webkit-box-shadow:-2px 0 5px 5px rgba(238,238,238,0.6);box-shadow:-2px 0 5px 5px rgba(238,238,238,0.6);height:100vh;right:-100%;top:0;position:absolute;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.nav-menu ul{margin:0;padding-top:111px;padding-left:59px}.nav-menu ul li{width:100%;position:relative}}.nav-item--active{position:relative}.nav-item--active:after{content:"";width:100%;height:6px;background:#4dacff;position:absolute;left:0;bottom:-25px}@media only screen and (max-width: 768px){.nav-item--active:after{display:none}}@media only screen and (max-width: 768px){.nav--active .nav-menu{right:0;position:absolute;top:0;overflow:auto}.nav--active .nav-btn>.one{position:absolute;top:50%;left:0;-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.nav--active .nav-btn>.two{opacity:0}.nav--active .nav-btn>.three{position:absolute;top:50%;left:0;-webkit-transform:rotate(-45deg) translateY(-50%);-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}}.popup{display:block;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.popup img{width:100%;height:auto}.popup__area{position:relative}.popup__content{position:relative;height:80vh;overflow:scroll;padding:0 15px;width:80%;margin:100px auto 0;text-align:center}.popup__content::-webkit-scrollbar{display:none}.popup__close{top:-70px;right:30px;font-size:30px;width:50px;height:50px;line-height:50px;text-align:center;background:#aaa;color:#fff;border-radius:50%;position:absolute;cursor:pointer}.popup__close:before{content:"✖"}.popup .poppage{width:1280px;height:720px;background:#ffffff;margin:100px auto 0;border-radius:15px;position:relative}@media only screen and (max-width: 1280px){.popup .poppage{width:800px;height:450px}}@media only screen and (max-width: 768px){.popup .poppage{width:340px;height:191px;margin:220px auto 0}}.popup .poppage .close{cursor:pointer;width:70px;position:absolute;top:0;right:0;-webkit-transform:translate(40%, -40%);-ms-transform:translate(40%, -40%);transform:translate(40%, -40%)}@media only screen and (max-width: 768px){.popup .poppage .close{width:36px;-webkit-transform:translate(0%, -120%);-ms-transform:translate(0%, -120%);transform:translate(0%, -120%)}}.popup .poppage .video{height:100%;overflow:hidden;border-radius:15px}ul.pictures{background:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}ul.pictures li{border:1px dashed #dddddd;width:150px;height:150px;margin:0;text-align:center;position:relative}ul.pictures li label{width:100%;height:100%;line-height:150px;font-size:24px;margin:0;display:block;cursor:pointer;position:relative;z-index:2}ul.pictures li label ~ input{opacity:0;display:none}ul.pictures li label ~ .preview{width:100%;height:100%;text-align:center;line-height:150px;position:absolute;top:0;left:0;z-index:1;overflow:hidden}ul.pictures li label ~ .preview p{font-size:24px;color:#000}ul.pictures li label ~ .preview img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.index{position:relative;padding:70px 0 0 0}@media only screen and (max-width: 768px){.index{padding:0}}.index .kv{background:-webkit-gradient(linear, left bottom, left top, from(#eff8ff), color-stop(60%, #eff8ff), color-stop(60%, #fff));background:linear-gradient(0deg, #eff8ff, #eff8ff 60%, #fff);position:relative;padding:150px 0 60px 0;text-align:center}@media only screen and (max-width: 1280px){.index .kv{height:auto}}@media only screen and (max-width: 768px){.index .kv{padding:100px 0 50px;text-align:center;height:auto}}.index .kv .content{width:83.33333%;max-width:1600px;min-width:800px;margin:0 auto;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width: 768px){.index .kv .content{width:100%;min-width:auto;display:block}}.index .kv .slogan{vertical-align:top;padding:55px 0 0 0;margin:0 20px 0 0;text-align:left}@media only screen and (max-width: 768px){.index .kv .slogan{padding:0;margin:0;text-align:center}}.index .kv .slogan h2{font-size:72px;font-weight:500;color:#0a0a0a}@media only screen and (max-width: 1280px){.index .kv .slogan h2{font-size:58px}}@media only screen and (max-width: 768px){.index .kv .slogan h2{font-size:40px}}.index .kv .slogan h3{font-size:34px;color:#606060;margin:27px 0 0 0}@media only screen and (max-width: 1280px){.index .kv .slogan h3{font-size:24px}}@media only screen and (max-width: 768px){.index .kv .slogan h3{font-size:20px;margin:30px 0 0 0;line-height:1.2}}.index .kv .slogan .btnarea{margin:56px 0 0 0}@media only screen and (max-width: 768px){.index .kv .slogan .btnarea{margin:40px 0 0 0}}.index .kv .slogan .btnarea a{font-size:20px;line-height:1.2;padding:18px 28px;border-radius:10px}@media only screen and (max-width: 1280px){.index .kv .slogan .btnarea a{font-size:18px;padding:11px 16px}}@media only screen and (max-width: 768px){.index .kv .slogan .btnarea a{font-size:20px}}.index .kv .slogan .btnarea .btn-cooperation{background:#34a8fd;border:2px solid #34a8fd;color:#ffffff;margin:0 20px 0 0;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-cooperation:after{content:"";width:9px;height:17px;background:url(../images/btn_right_white.png) center top no-repeat;background-size:cover;display:inline-block;vertical-align:top;margin:3px 0 0 10px;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-cooperation:hover{background:#ffffff;border:2px solid #34a8fd;color:#34a8fd;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-cooperation:hover:after{background:url(../images/btn_right_blue.png) center top no-repeat;background-size:cover;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-video{background:#ffffff;border:2px solid #34a8fd;color:#34a8fd;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-video:after{content:"";width:9px;height:17px;background:url(../images/btn_right_blue.png) center top no-repeat;background-size:cover;display:inline-block;vertical-align:top;margin:3px 0 0 10px;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-video:hover{background:#34a8fd;border:2px solid #34a8fd;color:#ffffff;-webkit-transition:0.3s;transition:0.3s}.index .kv .slogan .btnarea .btn-video:hover:after{background:url(../images/btn_right_white.png) center top no-repeat;background-size:cover;-webkit-transition:0.3s;transition:0.3s}.index .kv .kv-pic{width:63.4375%;max-width:1015px}@media only screen and (max-width: 768px){.index .kv .kv-pic{width:96%;margin:65px auto 0}}.index .block{background:#ffffff;text-align:center;padding:140px 0 0 0;position:relative;opacity:0;-webkit-transition:0.6s;transition:0.6s;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%)}@media only screen and (max-width: 768px){.index .block{padding:70px 0 0 0}}.index .block h2{font-size:46px;font-weight:500;line-height:1.2;color:#0a0a0a;margin:0 0 8px 0}@media only screen and (max-width: 768px){.index .block h2{font-size:28px}}.index .block h3{font-size:21px;line-height:1.2;color:#606060}@media only screen and (max-width: 768px){.index .block h3{font-size:14px}}.index .block p{font-size:22px;line-height:1.45;color:#3c3c3c}@media only screen and (max-width: 1440px){.index .block p{font-size:18px}}@media only screen and (max-width: 1280px){.index .block p{font-size:16px}}@media only screen and (max-width: 1024px){.index .block p{font-size:12px}}@media only screen and (max-width: 768px){.index .block p{font-size:14px}}.index .advantage{padding:70px 0;opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}@media only screen and (max-width: 768px){.index .advantage{padding:70px 0 55px 0}}.index .advantage .content{width:72.91667%;max-width:1400px;min-width:800px;margin:60px auto 0}@media only screen and (max-width: 768px){.index .advantage .content{width:96%;min-width:auto;margin:45px auto 0;padding:0 20px 0}}.index .advantage .content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 768px){.index .advantage .content ul{-ms-flex-wrap:wrap;flex-wrap:wrap}}.index .advantage .content li{text-align:center}@media only screen and (max-width: 768px){.index .advantage .content li{width:48%;margin:0 0 30px 0}}.index .advantage .content li:nth-last-child(1){margin:0}@media only screen and (max-width: 768px){.index .advantage .content li:nth-last-child(1){margin:0 50% 0 0}}.index .advantage .content .pic{width:136px;height:136px;margin:0 auto 20px}@media only screen and (max-width: 768px){.index .advantage .content .pic{width:78px;height:78px}}.index .advantage .content p{font-weight:500}.index .qcases{position:relative;margin:0 auto;padding:140px 0 60px;background:url(../images/garybg.jpg) center top no-repeat}@media only screen and (max-width: 768px){.index .qcases{padding:50px 0 45px;background:#fafafa}}.index .qcases .title{position:relative;z-index:1}.index .qcases .content{width:1140px;margin:75px auto 0;position:relative;text-align:right}@media only screen and (max-width: 1024px){.index .qcases .content{width:59.375%;max-width:1140px;min-width:800px}}@media only screen and (max-width: 768px){.index .qcases .content{width:100%;min-width:auto;margin:50px auto 0;text-align:center}}.index .qcases .content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}@media only screen and (max-width: 768px){.index .qcases .content .pccase{display:none}}.index .qcases .content li{margin:0 10px}.index .qcases .content .pic{width:270px;height:306px;margin:0 auto 30px;overflow:hidden}.index .qcases .content p{font-weight:500}.index .qcases .content .btn-more{display:inline-block;font-size:18px;background:#34a8fd;border-radius:10px;color:#ffffff;padding:16px 26px;margin:66px 0 0 0;-webkit-transition:0.3s;transition:0.3s;border:2px solid #34a8fd}.index .qcases .content .btn-more:after{content:"";width:9px;height:17px;background:url(../images/btn_right_white.png) center top no-repeat;background-size:cover;display:inline-block;vertical-align:top;margin:0 0 0 6px;-webkit-transition:0.3s;transition:0.3s}.index .qcases .content .btn-more:hover{background:#ffffff;border:2px solid #34a8fd;color:#34a8fd;-webkit-transition:0.3s;transition:0.3s}.index .qcases .content .btn-more:hover:after{background:url(../images/btn_right_blue.png) center top no-repeat;background-size:cover;-webkit-transition:0.3s;transition:0.3s}@media only screen and (max-width: 768px){.index .qcases .content .btn-more{margin:30px auto 0}}.index .qcases .content .slick{display:none;width:100%}@media only screen and (max-width: 768px){.index .qcases .content .slick{display:block}}.index .qcases .content .slick .slickbox{width:60%;text-align:center}@media only screen and (max-width: 768px){.index .qcases .content .slick .slickbox{margin:0 auto}}.index .qcases .content .slick .slick-dots{width:120px;font-size:0;margin:30px auto 0}.index .qcases .content .slick .slick-dots button{width:20px;height:20px;border-radius:50%;background:#c9c9c9;border:0}.index .qcases .content .slick .slick-dots .slick-active{position:relative}.index .qcases .content .slick .slick-dots .slick-active:after{content:"";width:14px;height:14px;border-radius:50%;background:#808080;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}.index .qcases .content .slick p{font-size:18px}.index .cutest{padding:140px 0}@media only screen and (max-width: 768px){.index .cutest{padding:70px 0}}.index .cutest .content{width:59.89583%;max-width:1150px;min-width:800px;margin:120px auto 0}@media only screen and (max-width: 768px){.index .cutest .content{width:100%;margin:60px auto 0;padding:0 20px;min-width:auto}}.index .cutest .area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 80px 0}@media only screen and (max-width: 768px){.index .cutest .area{display:block;margin:0 0 40px 0}}.index .cutest .list{text-align:left}.index .cutest .list li{margin:0 0 80px 0;position:relative}@media only screen and (max-width: 768px){.index .cutest .list li{margin:0 0 40px 0}}.index .cutest .list p{font-size:28px;font-weight:500;line-height:1.28;color:#3c3c3c}@media only screen and (max-width: 1440px){.index .cutest .list p{font-size:24px}}@media only screen and (max-width: 1280px){.index .cutest .list p{font-size:20px}}@media only screen and (max-width: 768px){.index .cutest .list p{font-size:16px}}@media only screen and (max-width: 768px){.index .cutest .list .longtxt{letter-spacing:-0.8px}}.index .cutest .list .ps{font-size:18px;font-weight:400;line-height:1.55;color:#727272;margin:10px 0 0 0}@media only screen and (max-width: 1280px){.index .cutest .list .ps{font-size:16px}}@media only screen and (max-width: 768px){.index .cutest .list .ps{font-size:14px}}.index .cutest .area1 .pic{width:456px}@media only screen and (max-width: 768px){.index .cutest .area1 .pic{display:none}}.index .cutest .area1 .list{padding:70px 0 0 110px;margin:0 0 0 100px;width:60%}@media only screen and (max-width: 768px){.index .cutest .area1 .list{margin:0;width:100%;padding:0 0 0 90px}}.index .cutest .area1 .box1:before{content:"";width:80px;height:80px;background:url(../images/wins_icon1.png) center top no-repeat;background-size:cover;position:absolute;top:10px;left:-100px}@media only screen and (max-width: 768px){.index .cutest .area1 .box1:before{top:0;left:-80px;width:60px;height:60px}}.index .cutest .area1 .box2:before{content:"";width:80px;height:80px;background:url(../images/wins_icon3.png) center top no-repeat;background-size:cover;position:absolute;top:10px;left:-100px}@media only screen and (max-width: 768px){.index .cutest .area1 .box2:before{top:0;left:-80px;width:60px;height:60px}}.index .cutest .area2{margin:0}.index .cutest .area2 .pic{width:450px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media only screen and (max-width: 768px){.index .cutest .area2 .pic{display:none}}.index .cutest .area2 .list{padding:70px 0 0 110px;width:60%}@media only screen and (max-width: 768px){.index .cutest .area2 .list{margin:0;width:100%;padding:0 0 0 90px}}.index .cutest .area2 .box3:before{content:"";width:80px;height:80px;background:url(../images/wins_icon2.png) center top no-repeat;background-size:cover;position:absolute;top:10px;left:-100px}@media only screen and (max-width: 768px){.index .cutest .area2 .box3:before{top:0;left:-80px;width:60px;height:60px}}.index .cutest .area2 .box4:before{content:"";width:80px;height:80px;background:url(../images/wins_icon4.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:-100px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.index .cutest .area2 .box4:before{top:0;left:-80px;width:60px;height:60px;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}}.index .cutest .cutestpic{display:none}@media only screen and (max-width: 768px){.index .cutest .cutestpic{display:inline-block;width:260px;margin:20px auto 0}}.index .business{margin:0 auto;padding:140px 0;position:relative;background:url(../images/garybg.jpg) center top no-repeat}@media only screen and (max-width: 768px){.index .business{padding:50px;background:#fafafa}}.index .business .title{position:relative;z-index:1}.index .business .content{width:64.69003%;max-width:1200px;min-width:800px;margin:64px auto 0}@media only screen and (max-width: 768px){.index .business .content{width:100%;min-width:auto;margin:53px auto 0;text-align:center}}@media only screen and (max-width: 768px){.index .business p{font-size:21px;font-weight:500}}.index .business ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width: 768px){.index .business ul{display:block}}.index .business li{text-align:center;width:220px;margin:0 10px;position:relative}@media only screen and (max-width: 768px){.index .business li{width:100%;margin:0 auto 30px}}.index .business li:after{content:"";width:15px;height:27px;background:url(../images/partnership_arrow.png) center top no-repeat;background-size:cover;position:absolute;top:35px;right:-20px}@media only screen and (max-width: 768px){.index .business li:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;top:auto;right:auto;display:block;margin:37px auto 0}}.index .business li:nth-last-child(1):after{display:none}.index .business .pic{width:114px;margin:0 auto 28px;position:relative}@media only screen and (max-width: 768px){.index .business .pic{width:120px;margin:0 auto 13px}}.index .business .step{background:#34a8fd;border-radius:20px;color:#ffffff;font-size:16px;font-weight:bold;line-height:19px;padding:5px 10px;display:inline-block;margin:0 0 18px 0}@media only screen and (max-width: 768px){.index .business .step{display:none}}@media only screen and (max-width: 768px){.index .business .mbstep:before{content:"1";width:25px;height:25px;line-height:25px;border:1px solid #000000;border-radius:50%;display:inline-block;margin:0 7px 0 0}}@media only screen and (max-width: 768px){.index .business .mbstep1:before{content:"1"}}@media only screen and (max-width: 768px){.index .business .mbstep2:before{content:"2"}}@media only screen and (max-width: 768px){.index .business .mbstep3:before{content:"3"}}@media only screen and (max-width: 768px){.index .business .mbstep4:before{content:"4"}}@media only screen and (max-width: 768px){.index .business .mbstep5:before{content:"5"}}.index .qrecord{padding:140px 0 100px 0;background:-webkit-gradient(linear, left bottom, left top, from(#edf4f8), color-stop(50%, #edf4f8), color-stop(50%, #fff));background:linear-gradient(0deg, #edf4f8, #edf4f8 50%, #fff)}@media only screen and (max-width: 768px){.index .qrecord{padding:70px 0}}.index .qrecord .content{width:62.5%;max-width:1200px;min-width:800px;margin:80px auto 0;padding:0 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 768px){.index .qrecord .content{display:block;width:100%;min-width:auto;margin:60px auto 0;padding:0;text-align:center}}.index .qrecord .pic{width:576px}@media only screen and (max-width: 768px){.index .qrecord .pic{width:250px;margin:45px auto 0}}@media only screen and (max-width: 768px){.index .qrecord ul{padding:0 0 0 90px}}.index .qrecord ul li{font-size:24px;font-weight:500;line-height:1;color:#3c3c3c;text-align:left;margin:0 0 22px 0;list-style:disc;padding:0 0 0 10px}@media only screen and (max-width: 768px){.index .qrecord ul li{font-size:17px}}.index .qrecord ul li:nth-last-child(1){margin:0}.index .qrecord ul .sp{font-size:32px;font-weight:500;color:#34a8fd;list-style:none;margin:0 0 28px 0;position:relative}@media only screen and (max-width: 768px){.index .qrecord ul .sp{font-size:22px}}.index .qrecord ul .sp:before{content:"";width:30px;height:30px;background:url(../images/crown.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:-35px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.index .qmedia{padding:140px 0 100px 0}@media only screen and (max-width: 768px){.index .qmedia{padding:70px 0}}.index .qmedia .content{width:46.875%;max-width:900px;min-width:800px;margin:50px auto 0;text-align:left}@media only screen and (max-width: 768px){.index .qmedia .content{width:100%;min-width:auto;margin:55px auto 0;text-align:center}}.index .qmedia .content:before{content:"";width:100%;height:1px;background:#e3e3e3;display:block;margin:0 0 50px 0}@media only screen and (max-width: 768px){.index .qmedia .content:before{display:none}}.index .qmedia ul{padding:0 0 0 40px}@media only screen and (max-width: 768px){.index .qmedia ul{padding:0 30px}}.index .qmedia li{text-align:left;margin:0 0 50px 0;padding:0 0 0 70px;position:relative}@media only screen and (max-width: 768px){.index .qmedia li{padding:0 0 0 60px}}.index .qmedia li:nth-child(1):before{content:"";width:46px;height:46px;background:url(../images/emoji_qmon.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.index .qmedia li:nth-child(1):before{width:36px;height:36px;top:5px;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}}.index .qmedia li:nth-child(2):before{content:"";width:46px;height:46px;background:url(../images/emoji_qdai.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.index .qmedia li:nth-child(2):before{width:36px;height:36px;top:5px;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}}.index .qmedia li:nth-child(3){margin:0}.index .qmedia li:nth-child(3):before{content:"";width:46px;height:46px;background:url(../images/emoji_killer.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.index .qmedia li:nth-child(3):before{width:36px;height:36px;top:5px;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}}.index .qmedia li p{font-size:22px;font-weight:500;line-height:1.45;color:#3c3c3c}@media only screen and (max-width: 768px){.index .qmedia li p{font-size:16px}}.index .qmedia li .date{font-size:16px;line-height:23px;color:#868686;padding:0 0 0 10px;border-left:3px solid #868686;margin:8px auto 0}@media only screen and (max-width: 768px){.index .qmedia li .date{font-size:14px;line-height:1;border-left:3px solid #868686;margin:12px auto 0}}.index .qmedia .btn-more{display:inline-block;font-size:18px;line-height:22px;background:#34a8fd;border-radius:10px;border:2px solid #34a8fd;color:#ffffff;padding:15px 26px;margin:70px 0 0 42px;-webkit-transition:0.3s;transition:0.3s}.index .qmedia .btn-more:after{content:"";width:9px;height:17px;background:url(../images/btn_right_white.png) center top no-repeat;background-size:cover;display:inline-block;vertical-align:top;margin:1px 0 0 6px;-webkit-transition:0.3s;transition:0.3s}.index .qmedia .btn-more:hover{background:#ffffff;color:#34a8fd;-webkit-transition:0.3s;transition:0.3s}.index .qmedia .btn-more:hover:after{background:url(../images/btn_right_blue.png) center top no-repeat;background-size:cover;-webkit-transition:0.3s;transition:0.3s}@media only screen and (max-width: 768px){.index .qmedia .btn-more{margin:60px auto 0}}.index .contact{background:#f1f3fa;padding:140px 0 114px}@media only screen and (max-width: 768px){.index .contact{padding:70px 0}}.index .contact .content{width:52.08333%;max-width:1000px;min-width:800px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 768px){.index .contact .content{width:100%;min-width:auto;display:block}}.index .contact .txt{text-align:left}@media only screen and (max-width: 768px){.index .contact .txt{text-align:center;width:100%}}.index .contact h2{font-size:46px;font-weight:500;line-height:1.3}@media only screen and (max-width: 1280px){.index .contact h2{font-size:32px}}.index .contact a{display:inline-block;font-size:24px;line-height:1.25;color:#ffffff;padding:18px 37px;background:#34a8fd;border:2px solid #34a8fd;border-radius:10px;margin:56px 0 0 0;-webkit-transition:0.3s;transition:0.3s}@media only screen and (max-width: 768px){.index .contact a{font-size:22px;margin:30px 0 0 0}}.index .contact a:after{content:"";width:13px;height:18px;background:url(../images/contact_fill_out_icon.png) center top no-repeat;background-size:cover;display:inline-block;margin:0 0 0 10px;-webkit-transition:0.3s;transition:0.3s}.index .contact a:hover{color:#34a8fd;background:#ffffff;-webkit-transition:0.3s;transition:0.3s}.index .contact a:hover:after{background:url(../images/contact_fill_out_icon_blue.png) center top no-repeat;background-size:cover;-webkit-transition:0.3s;transition:0.3s}.index .contact .pic{width:285px}@media only screen and (max-width: 768px){.index .contact .pic{width:160px;margin:42px auto 0}}.index .blockactive{opacity:1;-webkit-transition:0.6s;transition:0.6s;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}.index .pconly{display:inline-block !important}@media only screen and (max-width: 768px){.index .pconly{display:none !important}}.index .mbonly{display:none !important}@media only screen and (max-width: 768px){.index .mbonly{display:inline-block !important}}.cases{position:relative;padding:70px 0}@media only screen and (max-width: 768px){.cases{padding:35px 0 0 0}}.cases h2{font-size:46px;font-weight:500;line-height:1.2;color:#0a0a0a}@media only screen and (max-width: 768px){.cases h2{font-size:30px}}.cases h3{font-size:21px;line-height:1.2;color:#606060;margin:10px auto 0}@media only screen and (max-width: 768px){.cases h3{font-size:16px;margin:0 auto}}.cases p{font-size:22px;line-height:1.45;color:#3c3c3c}@media only screen and (max-width: 1024px){.cases p{font-size:20px}}@media only screen and (max-width: 768px){.cases p{font-size:17px}}.cases a{color:#9b9b9b}.cases .map{margin:40px 0 0 70px;border-left:4px solid #9b9b9b;padding:0 0 0 1em}@media only screen and (max-width: 768px){.cases .map{display:none}}.cases .map p{font-size:20px;line-height:33px;color:#9b9b9b}.cases .head{margin:33px auto 0;text-align:center}.cases .content{width:1140px;margin:75px auto 0}@media only screen and (max-width: 1024px){.cases .content{width:59.375%;max-width:1140px}}@media only screen and (max-width: 768px){.cases .content{min-width:300px;width:90%;margin:48px auto 0;padding:0}}.cases .content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 768px){.cases .content ul{-ms-flex-pack:distribute;justify-content:space-around}}.cases .content li{width:270px;text-align:center;margin:0 0 84px 0}@media only screen and (max-width: 1024px){.cases .content li{width:240px}}@media only screen and (max-width: 768px){.cases .content li{width:140px;margin:0 0 40px 0}}.cases .content .pic{width:270px;height:306px;overflow:hidden;margin:0 0 34px 0;-webkit-transition:0.5s;transition:0.5s}@media only screen and (max-width: 1024px){.cases .content .pic{width:240px;height:272px}}@media only screen and (max-width: 768px){.cases .content .pic{width:140px;height:155px;margin:0 0 10px 0}}.medias{position:relative;padding:70px 0}@media only screen and (max-width: 768px){.medias{padding:35px 0 0 0}}.medias h2{font-size:46px;font-weight:500;line-height:55px;color:#0a0a0a}@media only screen and (max-width: 768px){.medias h2{font-size:30px}}.medias h3{font-size:21px;line-height:25px;color:#606060;margin:10px auto 0}@media only screen and (max-width: 768px){.medias h3{font-size:16px;margin:0 auto}}.medias p{font-size:22px;line-height:32px;color:#3c3c3c}@media only screen and (max-width: 1024px){.medias p{font-size:20px}}@media only screen and (max-width: 768px){.medias p{font-size:17px}}.medias a{color:#9b9b9b}.medias .map{margin:40px 0 0 70px;border-left:4px solid #9b9b9b;padding:0 0 0 1em}@media only screen and (max-width: 768px){.medias .map{display:none}}.medias .map p{font-size:20px;line-height:33px;color:#9b9b9b}.medias .head{margin:33px auto 0;text-align:center}.medias .content{width:900px;margin:75px auto 0}@media only screen and (max-width: 1024px){.medias .content{width:800px}}@media only screen and (max-width: 768px){.medias .content{width:100%;margin:48px auto 0;padding:0 30px}}.medias .content li{margin:0 0 50px 0;padding:0 0 0 75px;position:relative}@media only screen and (max-width: 768px){.medias .content li{padding:0 0 0 60px;margin:0 0 45px 0}}.medias .content li:before{content:"";width:46px;height:46px;background:url(../images/emoji_qmon.png) center top no-repeat;background-size:cover;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.medias .content li:before{top:5px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.medias .content li:nth-child(3n+1):before{background:url(../images/emoji_qmon.png) center top no-repeat;background-size:cover}.medias .content li:nth-child(3n+2):before{background:url(../images/emoji_qdai.png) center top no-repeat;background-size:cover}.medias .content li:nth-child(3n+3):before{background:url(../images/emoji_killer.png) center top no-repeat;background-size:cover}.medias .content li p{font-size:22px;font-weight:500;line-height:1.45;color:#3c3c3c}@media only screen and (max-width: 768px){.medias .content li p{font-size:16px}}.medias .content li .date{font-size:16px;font-weight:400;line-height:23px;color:#868686;border-left:3px solid #868686;padding:0 0 0 10px;margin:10px 0 0 0}@media only screen and (max-width: 768px){.medias .content li .date{font-size:12px;line-height:1;border-left:2px solid #868686;padding:0 0 0 6px}}[v-cloak] *{display:none}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}.menu-bars{z-index:10;position:fixed;bottom:0;left:90%;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition:0.6s;transition:0.6s}@media only screen and (max-width: 768px){.menu-bars{left:auto;right:10px}}.menu-bars.hide{opacity:0;-webkit-transform:translateY(110%);-ms-transform:translateY(110%);transform:translateY(110%)}.menu-bars a{width:92px;display:block;margin-bottom:20px}@media only screen and (max-width: 1024px){.menu-bars a{width:67px;margin-bottom:10px}}