@charset "utf-8"; 
.pagesbanner::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
.pagesbanner .pagesbanner-animate .p1{font-size:3vw;font-weight:bold;line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:1vw;font-size:1.7vw;line-height:1.4}
@media (max-width:768px) {
.pagesbanner .pagesbanner-animate .p1{font-size:4vw}
.pagesbanner .pagesbanner-animate .p2{font-size:2.5vw}
}
@media (min-width:1081px){
header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:9999;transition:all .1s linear;border-bottom:1px solid rgba(255,255,255,.3)}
header:not(.is-fixed) .head-main,
header:not(.is-fixed) .head-top:after,
header:not(.is-fixed) .head-top .head-box,
header:not(.is-fixed) .head-search .head-search-btn{background:transparent;transition:all .3s ease-in-out}
header:not(.is-fixed):hover .head-main{background:#fff}
header:not(.is-fixed):hover .head-search .head-search-btn{background:#f0f0f0}
header:not(.is-fixed) .head-nav>ul>li>a{color:#fff}
header:not(.is-fixed):hover .head-nav>ul>li>a{color:#000}
.head-nav a.inmenu_1,
.head-nav>ul>li>a:hover{color:var(--color) !important}
}
@media (min-width:1025px){.head-main .head-logo img{max-height:60px;}}