header{top: 0;left: 0;z-index: 9999;}
.banner,article{padding-top: 95px;}
.slick-prev, .slick-next{top:calc(50% + 48px)}
.logo{width: 50px;}
.icon{width: 45px;}
menu{width: 60px;height: 60px;border: 3px solid #4584ac;}
menu:before,menu:after,.menu{content:"";display: block;width: 100%;height: 5px;background-color: #4584ac;border-radius: 3px;transition: all .3s;margin: 5px 0;}
menu.close{border-color: #44c64d;}
.close:before{transform: rotate(45deg) scale(1.1) translate(-1px, -6px);transform-origin:left;background-color: #44c64d;}
.close:after{transform: rotate(-45deg) scale(1.1) translate(-2px, 7px);transform-origin: left;background-color: #44c64d;}
.mapTitle span{height: 5px;width:100%}
#sec2 .po-a{bottom: 0;left: 0;z-index: 9;text-shadow: 0 0 2px #000 }
.btn.bgc-3:hover{background-color: rgba(0,0,0,0);border:1px solid #86afc9;transition:all .5s}
.btn.bgc-1:hover{background-color: rgba(0,0,0,0);border:1px solid #4584ac;color: #4584ac;transition:all .5s}
.btn.typeBtn.action:hover{background-color: rgba(0,0,0,0);border:1px solid #44c64d;color: #44c64d;transition:all .5s}
#proMap div.po-a{width: 21vw;cursor: pointer}
#proMap .picTxt .line{height: 2px;width: 100%;}
.picture{width: 7.5vw;min-width: 70px;}
#proMap .po-a:hover .picture{border:5px solid #fff;-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5);box-shadow: 5px 5px 10px rgba(0,0,0,.5);transition: all .3s ease}
.Vline{width: .5vh;height: 4vw;}
.Hline{height: .5vh;width: 10vw;}
.smallWindow{-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);box-shadow: 0 0 10px rgba(0,0,0,.5);top: 50%;transform: translate(-50%,-50%);left: 50%;width: 90%;max-width: 1100px;z-index: 9999;}
.smallWindow .item{max-height: 80vh; overflow: auto}
#certification .smallWindow{box-shadow:none;width: auto;}
a#close{width: 40px;height: 40px;top: -1rem;right: -1rem;border:2px solid red;z-index: 999;cursor: pointer}
a#prev,a#next{width: 40px;height: 40px;font-size: 30px;}
#about iframe{height:670px;width: 1200px;}
#about .img{background: url('../images/about/about5_03.png') center top / contain no-repeat;}
#about .po-a:not(#anchor){left: 75%;width: 93%;top: 21%;}
#about span.w-30{height: 4px;top: 36%;left: 70%;transform: skew(-10deg, -20deg);}
#about span.w-50{top: 21%;left: calc(100% - 1px);height: 3px;}
#about span.w-50:after{content: ""; position: absolute;top: -300%;left: 100%;border-radius: 50%;width: 15px;height: 15px;border: 3px solid #998062;background: inherit}
#product h1{font-size: min(max(3.5vw, 18px), 56px);}
#product .img{border:5px solid rgba(0,0,0,0);cursor: pointer}
#product .img img,.productionImg .img:hover>img{position: relative;z-index: -1;}
#product .img:hover{border-color:skyblue;-webkit-box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);transition:all .3s ease}
.title>[class^="bgi"]{height: 60vmin;text-shadow: 0 0 10px #000;font-size: 3.8vw;}
.index_slick .po-a{bottom: 0;left: 0;}
.index_slick .po-a h1{text-shadow: 0 0 5px #000}
#contact .human{width: 18%;bottom: 0;right: 8vw;}
#contact iframe{height: 450px;}
.picture7{bottom:61%;right:68%}
.picture8{bottom:73%;right:61%}
nav .action:before{content: "";position: absolute;display: block;width: 100%;height: 12px;top: 0;left: 0;background-color: #4584ac;}
#map ::placeholder {color: #ddd;}
#map ::-webkit-input-placeholder {color: #ddd;}
#map :-ms-input-placeholder {color: #ddd;}
#map ::-moz-placeholder {color: #ddd;opacity: 1;}
#sec1 .w-25:hover>.ov-h>div{transform: scale(1.2);transition: all .5s ease;}
#sec1 .w-25:hover>.ov-h{border:5px solid skyblue;}
.productionImg .img:hover>img{transform: scale(1.2);transition:all .3s ease-in}
#product .item .w-50{min-height: 350px;}
.text.po-r:after{transition: all .3s ease}
.text.po-r .bgc-6{border: 2px solid #d6effb;transition: all .8s ease}
.text.po-r:after {content: "";display: block;width: 100%;height: 100%;border: 2px solid #44c64d;position: absolute;bottom: -6%;right: -3%;z-index: -2;}
.text.po-r:hover:after{bottom: 0;right: 0;border-color:rgba(0,0,0,0)}
.text.po-r:hover .bgc-6{background-color: #fff;border-radius: 0;border-color:#44c64d}
span.bgc-4{-webkit-box-shadow: 0 0 1px #fff;box-shadow: 0 0 1px #fff;}
h1.letterS-10{font-size: min(max(1.9vw, 32px), 40px);}