.n-banner{position:relative;font-size:0;margin-top:100px}@media screen and (max-width: 1600px){.n-banner{margin-top:90px}}@media screen and (max-width: 1440px){.n-banner{margin-top:80px}}@media screen and (max-width: 768px){.n-banner{margin-top:8rem}}.n-banner .pic{text-align:center;z-index:1}.n-banner .pic img{display:inline-block;width:100%;max-width:100%}.n-banner .text{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.n-banner .text h3{font-size:2.5vw;font-weight:600;color:#fff;text-shadow:0px 3px 10px rgba(0,0,0,0.5);display:block}.type-nav{display:block;width:100%;border-bottom:1px solid rgba(0,0,0,0.1)}.type-nav .wrap-box ul{display:flex;justify-content:center;align-items:center}.type-nav .wrap-box ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px 0;margin:0 25px;box-sizing:border-box;position:relative}.type-nav .wrap-box ul li a::after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:#0061ae}@media screen and (min-width: 768px){.type-nav .wrap-box ul li a::after{transition:all .35s ease-in-out}}.type-nav .wrap-box ul li a span{font-size:20px;color:rgba(0,0,0,0.8);line-height:1.5;text-transform:capitalize}@media screen and (min-width: 768px){.type-nav .wrap-box ul li a span{transition:all .35s ease-in-out}}.type-nav .wrap-box ul li a span.en{font-size:13px;text-transform:capitalize}.type-nav .wrap-box ul li.active a span,.type-nav .wrap-box ul li:hover a span{color:#0061ae}.type-nav .wrap-box ul li.active a::after,.type-nav .wrap-box ul li:hover a::after{width:100%;left:0}.position{display:none}.position,.position a{color:#fff;padding:40px 0 30px;font-size:18px}.wrap-box{width:100%;max-width:1400px;margin:0 auto}@media screen and (max-width: 1440px){.wrap-box{width:calc(100% - 160px)}}@media screen and (max-width: 1360px){.wrap-box{width:calc(100% - 120px)}}@media screen and (max-width: 768px){.wrap-box{width:100%;max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}.wrapper{width:100%}@media screen and (max-width: 1600px) and (min-width: 768px){.type-nav .wrap-box ul li a{padding:1.5vw 0;margin:0 1.5625vw}.type-nav .wrap-box ul li a::after{height:.125vw}.type-nav .wrap-box ul li a span{font-size:1.25vw}.type-nav .wrap-box ul li a span.en{font-size:.8125vw}.position,.position a{padding:2.5vw 0 1.875vw;font-size:1.125vw}}@media screen and (max-width: 768px){.n-banner{position:relative;font-size:0}.n-banner .pic{text-align:center}.n-banner .pic img{width:100%}.n-banner .text{width:100%;margin-top:2rem}.n-banner .text h3{font-size:3.6rem}.type-nav{display:none}}