menu{width: 60px;height: 60px;}
menu:before,menu:after,.menu{content:"";display: block;width: 100%;height: 5px;background-color: #fff;border-radius: 3px;transition: all .3s;margin: 3px 0;}
menu.close:before{transform: rotate(45deg) scale(1.1) translate(-1px, -6px);transform-origin:left;}
menu.close:after{transform: rotate(-45deg) scale(1.1) translate(-3px, 7px);transform-origin: left;}
.logo{width: 9vw;height: 9vw;}
.logo img{width: 4vw;}
.navDropMenu{top: 100%;left: 0;z-index: 10;}
nav>.container{min-height: 9vw;}
.icon{width: 45px;}
#map .icon{width:33.33%;max-width: 240px;}
.phnav .icon{width: 10vw;max-width: 60px;min-width: 40px;}
#process .icon{width: 20px;}
.text{margin: -16% 0 0 0;}
.text>div{width: 10vw;}
.logoBox{top: -2vw;}
.po-a.w-100.h-100{top: 0;left: 0;}
.title:after{content: "";display: block;width: 11.3vw;height: 2px;background-color: red;}
.btnStyle1{width: 100%;max-width: 220px;transition: all .3s ease;border-bottom: 5px solid #ea5504;}
.btnStyle1:hover{filter: brightness(1.3);border-bottom-color: #d94403}
h5.btnStyle1{max-width: 150px;}
#bnr1{background: url('../images/bgi1.webp') center top /cover fixed;height: 40vmin;}
#bnr2{background: url('../images/bgi2.webp') center top /cover fixed;height: 40vmin;}
.img{height: 11vw;-webkit-background-size: cover;background-size: cover;background-position: center;}
.content a:hover{filter: brightness(.7)}
.processTitle:after{content: "";position: absolute;display: block;top: 100%;left: 68px;transform-origin: left; transform: rotate(-45deg);width: 100%;height: 1px;background-color: #000;}
#service .mask{background-color: rgb(255,90,0);transform: translateX(-200%);transition:all .3s ease-in;z-index: 8;}
#service .item:hover .mask{transform: translateX(0)}
#service .item:hover .txt{color: #fff;transition:all .3s ease-in;}
#case .caseBox:hover .img{-webkit-background-size: 120%;background-size: 120%;}
#case .mask{background-color: rgba(249,234,208,.1);border: 5px solid  rgb(249,234,208);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.8),5px 5px 5px rgba(0,0,0,.5);box-shadow: inset 0 0 10px rgba(0,0,0,.8),5px 5px 5px rgba(0,0,0,.5);z-index: 99}
#case .mask:hover{background-color: rgba(255,90,0,.7);transition: all .5s ease}
#case .txt{transform: translateY(50px);opacity: 0;transition: all .3s ease-in}
#case .mask:hover .txt{transform: translateY(0);opacity: 1;}
#case .caseBox:hover .bgc-1{transition: all .5s ease;opacity: 0;}
#map a:hover{color: #ea5504;}
#map .contact{max-width: 55%;}
.content{background:#efefef;border: 1px solid #ddd;border-image: -webkit-linear-gradient(top left,#bbb 0%,#efefef 25%,#aaa 45%,#efefef 65%,#bbb 85%, #efefef 100%) 30 30;border-image: -moz-linear-gradient(top left,#bbb 0%,#efefef 25%,#aaa 45%,#efefef 65%,#bbb 85%, #efefef 100%) 30 30;border-image: linear-gradient(top left,#bbb 0%,#efefef 25%,#aaa 45%,#efefef 65%,#bbb 85%, #efefef 100%)  30 30;}
select{width: 100%;max-width: 300px;}
.top{width: 60px;height: 60px;background:radial-gradient(circle at center,rgba(255,90,0,1),rgba(255,90,0,.1));background-color: rgba(255,90,0,.4);bottom: 10px;right: 5px;z-index: 999;-webkit-box-shadow:0 10px 5px rgba(0,0,0,.5);box-shadow:0 10px 5px rgba(0,0,0,.5);opacity: .8;transition: opacity .5s}
.top:after{content:"";position: absolute;display: block;width: 40px;height: 40px;top: -10%;left: 50%;transform: translateX(-50%);background:radial-gradient(circle at center,rgba(255,255,255,.4),rgba(255,90,0,0));border-radius: 50%;filter: brightness(1.5);}
.top:before{content:"";position: absolute;display: block;width: 5px;height: 5px;top: 10%;left: 50%;transform: translateX(-50%);background:radial-gradient(circle at center,rgba(255,255,255,.5),rgba(255,255,255,.3));border-radius: 50%;filter: brightness(1.5);}
.top:hover{opacity: 1;}
.top:hover h6{animation: topAni .8s linear infinite}
@keyframes topAni{50%,to{transform: translateY(10px) scale(.85)}5%,35%{transform: translateY(0) scale(1)}20%{transform: translateY(-10px) scale(.85)}}
.navDropTab:hover .navDropMenu{display: block;box-shadow: 0 0 5px rgba(0,0,0,.3)}
.box{-moz-column-count: 5;-webkit-column-count: 5;column-count: 5;-moz-column-gap: 10px;-webkit-column-gap: 10px;column-gap: 10px;min-height: 650px;}
.box .pic{display: inline-block;overflow:hidden;-webkit-column-break-inside: avoid;break-inside: avoid;}
.phheader{max-height: 100vh;overflow: auto;}
.iconBox{width: 60px;top: 20%;right: 10px;z-index: 999;}
.Q h5{max-width: calc(100% - 31px);}