.page-index[data-v-dc853070]{padding-top:54px;height:100%}.page-index .page-title[data-v-dc853070]{text-align:center;padding:80px 0 30px 0;position:relative;font-size:22px;color:#fff}.page-index .page-title[data-v-dc853070]:before{background-color:#282828;display:block;height:1px;margin:0 auto 12px;width:60px;content:""}.page-index .page-text[data-v-dc853070]{margin-top:15px;font-size:12px;color:#7f7f7f}.page-index .page-block[data-v-dc853070]{padding-bottom:60px;border-bottom:1px solid #232323}.page-index .page-block .page-banner[data-v-dc853070]{margin-top:50px}.page-index .page-block .page-banner img[data-v-dc853070]{display:block;max-width:100%}.page-index .page-block .page-content[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:60px}.page-index .page-block .page-content .page-left[data-v-dc853070]{width:48%}.page-index .page-block .page-content .page-left img[data-v-dc853070]{width:100%;display:block}.page-index .page-block .page-content .page-right[data-v-dc853070]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:50px;text-align:center}.page-index .page-block .page-content .page-right .page-right-title[data-v-dc853070]{font-size:20px;margin:0 auto;color:#fff}.page-index .page-block .page-content .page-right .page-right-content[data-v-dc853070]{margin-top:30px;line-height:24px;font-size:13px;color:#7f7f7f;text-align:left}.page-index .page-block .page-cream[data-v-dc853070]{position:relative;width:80%;margin:0 auto}.page-index .page-block .page-cream .page-creams[data-v-dc853070]{width:90%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-index .page-block .page-cream .page-creams>div[data-v-dc853070]{width:32%;margin:0 5px}.page-index .page-block .page-cream .page-creams .cream[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.page-index .page-block .page-cream .page-creams .cream .cream-img[data-v-dc853070]{width:100%;position:relative;overflow:hidden}.page-index .page-block .page-cream .page-creams .cream .cream-img img[data-v-dc853070]{width:100%;display:block}.page-index .page-block .page-cream .page-creams .cream .cream-img .cream-plus[data-v-dc853070]{position:absolute;width:100%;height:100%;left:-1px;top:-1px;border:1px solid #fff;-webkit-transition:all .3s;transition:all .3s;opacity:0}.page-index .page-block .page-cream .page-creams .cream .cream-img .cream-plus .cream-icons[data-v-dc853070]{position:absolute;background-color:#3b3b3b;left:50%;top:53%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;color:#fff;line-height:50px;text-align:center;-webkit-transition:all .5s;transition:all .5s}.page-index .page-block .page-cream .page-creams .cream .cream-img .cream-plus .cream-icons span[data-v-dc853070]{font-size:24px}.page-index .page-block .page-cream .page-creams .cream .cream-content[data-v-dc853070]{padding:15px 20px;height:auto;background-color:#232323;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:100%;text-align:left}.page-index .page-block .page-cream .page-creams .cream .cream-content .cream-name[data-v-dc853070]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-size:16px;color:#9e9e9e}.page-index .page-block .page-cream .page-creams .cream .cream-content .cream-text[data-v-dc853070]{font-size:13px;margin-top:3px;color:#5d5d5d}.page-index .page-block .page-cream .page-creams .cream:hover .cream-img .cream-plus[data-v-dc853070]{left:10px;top:10px;width:calc(100% - 22px);height:calc(100% - 22px);opacity:1}.page-index .page-block .page-cream .page-creams .cream:hover .cream-img .cream-plus .cream-icons[data-v-dc853070]{top:50%}.page-index .page-block .page-cream .page-creams .cream:hover .cream-content[data-v-dc853070]{background-color:rgba(59,59,59,.9)}.page-index .page-block .page-cream .page-creams .cream:hover .cream-content .cream-name[data-v-dc853070]{color:#fff}.page-index .page-block .page-cream .page-creams .cream:hover .cream-content .cream-text[data-v-dc853070]{color:hsla(0,0%,100%,.8)}.page-index .page-block .navs[data-v-dc853070]{position:relative;width:80%;margin:0 auto}.page-index .page-block .navs>div[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-index .page-block .navs .cream[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:31%;cursor:pointer;margin-left:20px;margin-bottom:3%}.page-index .page-block .navs .cream[data-v-dc853070]:first-child,.page-index .page-block .navs .cream[data-v-dc853070]:nth-child(4){margin-left:0}.page-index .page-block .navs .cream.cream-bottom[data-v-dc853070]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.page-index .page-block .navs .cream.cream-bottom .cream-img[data-v-dc853070]{width:35%}.page-index .page-block .navs .cream.cream-bottom .cream-img img[data-v-dc853070]{width:100%}.page-index .page-block .navs .cream.cream-bottom .cream-content[data-v-dc853070]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px}.page-index .page-block .navs .cream.cream-bottom .cream-content .cream-name[data-v-dc853070]{font-size:14px}.page-index .page-block .navs .cream.cream-bottom .cream-content .cream-name.more[data-v-dc853070]{margin-top:10px;font-size:12px}.page-index .page-block .navs .cream.cream-bottom .cream-content .cream-name.more span[data-v-dc853070]{font-size:12px;display:inline-block;-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8);margin-left:0;-webkit-transition:all .3s;transition:all .3s}.page-index .page-block .navs .cream.cream-bottom .cream-content .cream-text[data-v-dc853070]{font-size:12px}.page-index .page-block .navs .cream .cream-img[data-v-dc853070]{width:100%;position:relative;overflow:hidden}.page-index .page-block .navs .cream .cream-img img[data-v-dc853070]{display:block}.page-index .page-block .navs .cream .cream-img .cream-plus[data-v-dc853070]{position:absolute;width:100%;height:100%;left:-1px;top:-1px;border:1px solid #fff;-webkit-transition:all .3s;transition:all .3s;opacity:0}.page-index .page-block .navs .cream .cream-img .cream-plus .cream-icons[data-v-dc853070]{position:absolute;background-color:#3b3b3b;left:50%;top:53%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;color:#fff;line-height:50px;text-align:center;-webkit-transition:all .5s;transition:all .5s}.page-index .page-block .navs .cream .cream-img .cream-plus .cream-icons span[data-v-dc853070]{font-size:24px}.page-index .page-block .navs .cream .cream-content[data-v-dc853070]{height:auto;width:100%;text-align:left;margin-top:10px}.page-index .page-block .navs .cream .cream-content .cream-name[data-v-dc853070]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-size:16px;color:#9e9e9e}.page-index .page-block .navs .cream .cream-content .cream-text[data-v-dc853070]{font-size:13px;margin-top:5px;color:#5d5d5d}.page-index .page-block .navs .cream:hover .cream-img .cream-plus[data-v-dc853070]{left:10px;top:10px;width:calc(100% - 22px);height:calc(100% - 22px);opacity:1}.page-index .page-block .navs .cream:hover .cream-img .cream-plus .cream-icons[data-v-dc853070]{top:50%}.page-index .page-block .navs .cream:hover .cream-content .cream-name[data-v-dc853070]{color:#fff}.page-index .page-block .navs .cream:hover .cream-content .cream-name.more[data-v-dc853070]{text-decoration:underline}.page-index .page-block .navs .cream:hover .cream-content .cream-name.more span[data-v-dc853070]{margin-left:5px;-webkit-transition:all .3s;transition:all .3s}.page-index .page-block .page-navs[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:55px}.page-index .page-block .page-navs div[data-v-dc853070]{padding:10px 26px;line-height:12px;font-size:12px;color:#7f7f7f;display:inline-block;cursor:pointer;position:relative}.page-index .page-block .page-navs div[data-v-dc853070]:after{content:"";width:100%;height:100%;position:absolute;z-index:-1;right:40%;top:0;opacity:0;-webkit-transition:all .3s;transition:all .3s;background-color:rgba(59,59,59,.7)}.page-index .page-block .page-navs div[data-v-dc853070]:hover{color:#fff}.page-index .page-block .page-navs div[data-v-dc853070]:hover:after{right:0;opacity:1;-webkit-transition:all .3s;transition:all .3s}.page-index .page-block .page-navs span[data-v-dc853070]{display:block;height:12px;width:1px;background:#7f7f7f}.page-index .page-block .page-contact[data-v-dc853070]{width:80%;margin:0 auto;text-align:left;color:#7f7f7f;font-size:14px}.page-index .page-block .page-contact .contact-content[data-v-dc853070]{margin-bottom:10px}.page-index .page-block .page-contact .contact-content>div[data-v-dc853070]{line-height:24px;height:24px;width:100%;font-size:13px;color:#7f7f7f}.page-index .page-block .page-contact .contact-title[data-v-dc853070]{font-size:16px;line-height:24px;margin-bottom:12px;color:#fff}.page-index .page-block .page-contact .contact-wx[data-v-dc853070]{width:36px;height:36px;display:block;font-size:16px;margin-right:10px;text-align:center;line-height:36px;cursor:pointer;border:1px solid #282828;margin-top:20px}.page-index .page-block .page-contact .contact-wx[data-v-dc853070]:hover{color:#fff}.page-index .footer[data-v-dc853070]{padding:10px 56px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#7f7f7f;font-size:12px}.page-index .footer[data-v-dc853070],.page-index .footer div[data-v-dc853070]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-index .footer div[data-v-dc853070]{margin:0 20px}.page-index .footer img[data-v-dc853070]{height:20px;display:block;margin-left:10px}.page-index .popup[data-v-dc853070]{width:100%;height:100%;position:fixed;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.5);z-index:11}.page-index .popup img[data-v-dc853070]{max-width:96vw;max-height:96vh;display:block}.page-index .page-hover[data-v-dc853070]{cursor:pointer;position:relative}.page-index .page-hover .hover[data-v-dc853070]{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;-webkit-transition:all .3s;transition:all .3s;z-index:99;background:rgba(0,0,0,.8);color:#fff}.page-index .page-hover .hover .name[data-v-dc853070]{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}.page-index .page-hover .hover .plus[data-v-dc853070]{position:absolute;right:10px;top:10px;font-size:28px}.page-index .page-hover .hover[data-v-dc853070]:hover{opacity:1}.page-index .page-hover .hover:hover .name[data-v-dc853070]{left:10px;opacity:1;-webkit-transition:all .5s;transition:all .5s}.page-index .page-swiper[data-v-dc853070]{height:calc(100vh - 55px)}.page-index .swiper-container[data-v-dc853070]{height:100%}.page-index .swiper-container .swiper-slide .swiper-img[data-v-dc853070]{display:block;width:100%;height:100%}@media(max-width:1170px){.page-index .footer[data-v-dc853070]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-index .page-swiper[data-v-dc853070]{height:auto}.page-index .page-swiper .swiper-button-next[data-v-dc853070],.page-index .page-swiper .swiper-button-prev[data-v-dc853070],.page-index .swiper-button-next[data-v-dc853070],.page-index .swiper-button-prev[data-v-dc853070]{display:none}.page-index .page-block .page-cream .page-creams>div[data-v-dc853070]{width:46%}.page-index .page-block .page-cream .page-creams>div img[data-v-dc853070]{display:block;max-width:100%}.page-index .page-block .page-navs[data-v-dc853070]{display:none}.page-index .page-block .navs>div[data-v-dc853070]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-index .page-block .navs>div .cream[data-v-dc853070]{margin-left:0;width:100%}.page-index .page-block .navs>div .cream .cream-img[data-v-dc853070]{width:30%}.page-index .page-block .navs .navs-top[data-v-dc853070]{display:none}.page-index .page-block .page-title[data-v-dc853070]{padding:30px 0}.page-index .page-block .page-cream[data-v-dc853070]{width:100%}.page-index .page-block .page-cream .page-creams>div[data-v-dc853070]{width:30%}.page-index .page-block .page-content[data-v-dc853070]{padding:0 10px}.page-index .page-block .page-content .page-left[data-v-dc853070]{display:none}.page-index .page-block .page-content .page-right[data-v-dc853070]{margin-left:0}}.demo-drawer[data-v-dc853070]{height:100vh}