.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;position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);z-index:2;width:100%}.type-nav .wrap-box{background:#0061ae}.type-nav .wrap-box ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}@media screen and (min-width: 768px){.type-nav .wrap-box ul li{transition:all .35s ease-in-out}}.type-nav .wrap-box ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px 10px;box-sizing:border-box}.type-nav .wrap-box ul li a span{font-size:20px;color:#fff;line-height:1.5;text-transform:capitalize}.type-nav .wrap-box ul li a span.en{font-size:13px;text-transform:capitalize}.type-nav .wrap-box ul li.active,.type-nav .wrap-box ul li:hover{background:#5496CC}.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){.type-nav .wrap-box ul li a span{font-size:18px}}@media screen and (max-width: 1440px){.n-banner .text h3{font-size:60px}.wrapper .position{color:#fff;padding:30px 0 20px;font-size:16px}.wrapper .position i{font-family:'iconfont'}}@media screen and (max-width: 768px){.n-banner{position:relative;font-size:0}.n-banner .pic{text-align:center;height:30vh}.n-banner .pic img{width:100%;height:100%;object-fit:cover;object-position:center center}.n-banner .text{width:100%;margin-top:2rem}.n-banner .text h3{font-size:3.6rem}.type-nav{display:none}}