@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900|Noto+Serif+SC:200,300,400,500,600,700,900";
:root{--vl-color-main:transparent;--vl-color-auxiliary:transparent;--vl-color-punctate:transparent;--vl-color-blank:#000;--vl-color-white:#fff;--vl-color-grey:#888;--vl-color-grey-9:#999;--vl-color-grey-6:#666;--vl-color-grey-3:#333;--vl-color-f2f2f2:#f2f2f2;--vl-text-color-hover:var(--vl-color-main);--vl-text-color-active:var(--vl-color-main);--vl-size:1200px;--vl-size-max:auto;--vl-size-min:auto;--vl-spacing:20px;--vl-text-size:10px}
::-moz-selection,::-webkit-selection,:selection{background:#1f1f1f;color:#fff}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;width:100%}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,img,input,li,menu,nav,ol,p,section,select,span,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
li,ul{list-style-type:none}
button,input:focus,select:focus,textarea:focus{outline:none}
input::-moz-input-placeholder,input::-webkit-input-placeholder,textarea::-moz-textarea-placeholder,textarea::-webkit-textarea-placeholder{color:#999;transition:color .5s}
table{border-collapse:collapse;border-spacing:0;font:inherit}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset}
input{border:none;background-color:transparent;outline:none}
a{text-decoration:none}
body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in}
a:focus,div:focus,input:focus,p:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}
::-webkit-scrollbar{height:11px;border:none;background:var(--vl-color-main)}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background:var(--vl-color-main,#004573);border-radius:1px}
::-webkit-scrollbar-thumb:vertical{border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background:var(--vl-color-main,#004573);border-radius:0;border:none}
::-webkit-scrollbar{width:4px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:var(--vl-color-main,#004573)}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{border-radius:5px}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:vertical:hover{background:var(--vl-color-main,#004573)}
::-webkit-scrollbar-corner:vertical{background:var(--vl-color-main,#004573)}
.container{width:var(--vl-size);min-width:var(--vl-size-min);max-width:var(--vl-size-max);margin:auto}
.img-responsive{display:block;max-width:100%}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.flex,.flex-end,.flex-space-between,.flex-start{display:flex}
.flex-space-between{justify-content:space-between}
.flex-end{justify-content:flex-end}
.flex-start{justify-content:flex-start}
.header-menu{--menu-btn-bg:var(--vl-color-white);align-items:center;cursor:pointer;display:flex;justify-content:center;width:30px;position:relative;transition:all .4s ease}
.header-menu span{background:var(--menu-btn-bg);border-radius:4px;display:block;height:3px;width:100%;position:relative;transition:all .4s ease}
.header-menu span:after,.header-menu span:before{background-color:var(--menu-btn-bg);border-radius:4px;content:"";width:100%;height:3px;position:absolute;left:0;transition:all .4s ease}
.header-menu span:before{top:-10px}
.header-menu span:after{bottom:-10px}
.header-menu.active span{background:transparent}
.header-menu.active span:before{transform:rotate(45deg);top:0}
.header-menu.active span:after{transform:rotate(-45deg);bottom:0}
.m-nav{position:fixed;width:100%;height:100%;background:var(--vl-color-white);transition:all .5s ease;-webkit-transition:all .5s ease;z-index:0;opacity:0;visibility:visible;margin-top:0;overflow-y:auto;top:0;transform:translateX(100%)}
.m-nav a{outline:none}
.m-nav.active{opacity:1;transform:translateX(0);z-index:1000}
.m-nav .top{display:flex;justify-content:flex-end;height:60px;padding:20px;box-sizing:border-box}
.m-nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m-nav .top .header-menu{--menu-btn-bg:var(--vl-color-punctate)}
.m-nav .logo{width:100%;margin:0 auto}
.m-nav .logo img{width:30%;display:block;margin:0 auto 30px}
.m-nav .ul{margin-top:30px}
.m-nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m-nav.active .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m-nav .ul li:first-child{-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m-nav .ul li a{display:block;text-decoration:none;color:var(--vl-color-grey-3);font-size:16px;height:50px;line-height:50px;width:100%;position:relative}
.m-nav .ul li a.active{font-weight:800;color:var(--vl-color-punctate)}
.m-nav .ul li.dropdown a.dropdown-title:after,.m-nav .ul li.dropdown a.dropdown-title:before{content:"";position:absolute;width:10px;height:1px;background-color:rgba(51,51,51,.5);right:10px;top:50%;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}
.m-nav .ul li.dropdown a.dropdown-title:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.m-nav .ul li.dropdown a.dropdown-title.active:after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.m-nav .ul li a i{font-size:12px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.m-nav .ul li .dropdown_menu{display:none}
.m-nav .ul li.dropdown.active .dropdown_menu{display:block}
.m-nav .ul li .dropdown_menu a{display:block;font-size:14px;height:40px;line-height:40px;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m-nav .ul li .dropdown_menu a:last-child{border:none}
.m-nav-tel{text-align:center;margin-top:18px;margin-bottom:20px;font-size:18px;color:var(--vl-color-grey-6)}
.m-nav-tel a{color:var(--vl-color-main);font-weight:800}
.m-nav-link{text-align:center;margin-top:18px}
.m-nav-link a{display:inline-block;padding:5px 25px;color:#fff;cursor:default;background:var(--vl-color-main);font-size:14px;line-height:2}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none}
@media screen and (min-width:1921px){:root{--vl-text-size:10px}}
@media screen and (max-width:1920px){:root{--vl-text-size:.52vw}}
@media screen and (max-width:1400px){:root{--vl-text-size:.58vw}}
@media screen and (min-width:1200px){.visible-lg{display:block}}
@media screen and (max-width:1080px){:root{--vl-text-size:.925vw}.visible-md{display:block}}
@media screen and (max-width:992px){:root{--vl-text-size:1vw}.visible-sm{display:block}}
@media screen and (max-width:767px){:root{--vl-text-size:1.5vw}.visible-xs{display:block}.hidden-xs{display:none}}
@media screen and (max-width:480px){:root{--vl-text-size:2vw}}:root {
  --vl-color-main: #df7034;
  --vl-color-punctate: #a3d6d2 ;
}
html {
  /* background-color: #e9a273; */
  background-color: #fadbd7;
  font-family: "Poppins", "PingFang SC", "Microsoft YaHei", sans-serif;
}

@media screen and (min-width: 1600px) {
  :root {
    --vl-size: 84vw;
    --vl-size-min: 1200px;
    --vl-size-max: 1200px ;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1599px) {
  :root {
    --vl-size: 95vw;
    --vl-size-max: 1200px;
    --vl-size-min: auto;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1024px) {
  :root {
    --vl-size: 90vw;
    --vl-size-max: 1200px;
  }
}
@media screen and (max-width: 1023px) {
  :root {
    --vl-size: 95vw;
    --vl-size-max: 100%;
  }
}

.nav-drawer {
    .nav-menu-close {
        display: flex;
        justify-content: flex-end;

        cursor: pointer;

        .nav-menu-icon {
            background-color: var(--vl-color-main);
            border-radius: 50%;
            width: 32px;
            height: 32px;
            align-items: center;
            display: flex;
            justify-content: center;
        }

    }

    .nav-menu-list {
        margin-top: 10px;
        border-bottom: solid 1px #f2f2f2;

        .nav-menu-item {
            padding: 10px 0;
            border-top: solid 1px #f2f2f2;
            font-size: calc(var(--vl-text-size) * 2);
            font-weight: 600;

            &.active {
                color: var(--vl-color-main);
            }
        }
    }
}
.logo[data-v-efce09c9] {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo[data-v-efce09c9]:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue[data-v-efce09c9]:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}