body{font-family:"Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;font-size:15px;font-weight:normal;color:#777;font-style:normal}#app .wrapper{width:1320px;margin:0 auto}#app header{position:absolute;top:70px;left:50%;transform:translateX(-50%)}#app header .header-bar{display:flex;align-items:center;justify-content:space-between}#app header .header-bar .logo{width:146px}#app header .header-bar .nav-list{display:flex;align-items:center}#app header .header-bar .nav-list li{margin:0 30px}#app header .header-bar .nav-list li a{color:#fff;font-size:16px;font-weight:bold;transition:color .3s ease}#app header .header-bar .nav-list li a:hover{color:#ff5e15}#app header .header-bar .nav-list li a::after{content:"+";margin-left:10px;color:#ff5e15}#app header .header-bar .header-btn{background:#ff5e15;font-size:18px;color:#fff;font-weight:bold;padding:20px 35px;transition:background-color .3s ease;border-radius:6px}#app header .header-bar .header-btn:hover{background:#00173c}#app .banner{width:100%;height:1045px;background:url("../images/banner.jpg") no-repeat center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .banner .banner-info{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:70px}#app .banner .banner-info h2{font-size:90px;color:#fff;font-weight:bold;margin-bottom:40px;letter-spacing:5px}#app .banner .banner-info h3{max-width:400px;color:#fff;text-align:center;font-size:70px;font-weight:bold;line-height:1.2;margin-bottom:50px}#app .banner .banner-info h3>span{color:#ff5e15}#app .banner .banner-info h4{font-size:60px;font-weight:bold;color:#fff;letter-spacing:5px}#app .banner .banner-btn a{font-size:18px;color:#fff;font-weight:bold;background:#ff5e15;padding:20px 35px;margin:0 15px;border-radius:6px}#app .banner .banner-btn a.contact{background:transparent;border:2px solid #fff}#app .banner .banner-btn a.discover{transition:background-color .3s ease}#app .banner .banner-btn a.discover:hover{background:#00173c}#app .service{position:relative;z-index:10;padding:80px 0 55px}#app .service .title{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px;font-weight:bold;color:#00173c;line-height:1.2;margin-bottom:30px}#app .service .title>span{font-size:20px;color:#6c757d;margin-bottom:6px}#app .service .service-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}#app .service .service-list .service-box{width:32%;padding:0 30px 30px;border-radius:6px;border:1px solid rgba(0,0,0,0.1);transition:border .3s ease;margin-bottom:25px}#app .service .service-list .service-box:hover{border:1px solid rgba(0,0,0,0.5)}#app .service .service-list .service-box:hover h3{color:#ff5e15}#app .service .service-list .service-box .icon{width:60px;height:60px;line-height:60px;text-align:center;position:relative;margin-bottom:30px;font-size:18px;border-radius:0 0 6px 6px;color:#fff;background:linear-gradient(135deg, #0c0c0c 50%, #000 50%)}#app .service .service-list .service-box h3{text-align:center;font-size:25px;font-weight:bold;color:#000;margin-bottom:20px;transition:color .3s ease}#app .service .service-list .service-box p{font-size:16px;line-height:24px;color:#6c757d}#app .help{background:url("../images/help-bg.jpg") no-repeat;background-size:cover;background-position:center top;padding:90px 0;position:relative}#app .help::after{content:"";position:absolute;background-color:rgba(0,0,0,0.8);width:100%;height:100%;left:0;top:0}#app .help .help-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}#app .help .help-content h3{font-size:20px;font-weight:bold;margin-bottom:20px;color:#ff5e15}#app .help .help-content h2{font-size:46px;line-height:1.2;font-weight:bold;color:#fff;max-width:500px;text-align:center}#app .help .help-content a{font-size:18px;color:#fff;font-weight:bold;background:#ff5e15;padding:20px 35px;margin:0 15px;border-radius:6px;transition:background-color .3s ease}#app .help .help-content a:hover{background:#00173c}#app .blog{padding:80px 55px}#app .blog .title{text-align:center}#app .blog .title h6{color:#6c757d;margin-bottom:6px;font-size:20px;font-weight:bold}#app .blog .title h2{font-size:60px;font-weight:bold;color:#00173c;margin-bottom:30px}#app .blog .blog-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#app .blog .blog-list li{width:30%;border-radius:8px;margin-bottom:50px}#app .blog .blog-list li .blog-img{position:relative;border-radius:8px;overflow:hidden}#app .blog .blog-list li .blog-img:hover img{transform:scale(1.1)}#app .blog .blog-list li .blog-img:hover .more{background:#ff5e15}#app .blog .blog-list li .blog-img::after{border-radius:8px;content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0, transparent 50%)}#app .blog .blog-list li .blog-img img{width:390px;height:260px;object-fit:cover;border-radius:8px;transition:transform .3s ease}#app .blog .blog-list li .blog-img .meta{position:absolute;left:20px;top:20px;z-index:2}#app .blog .blog-list li .blog-img .meta a{font-size:14px;color:#fff;margin:0 6px}#app .blog .blog-list li .blog-img .more{position:absolute;left:20px;bottom:20px;padding:8px 18px;font-size:14px;font-weight:bold;background:#000;text-transform:uppercase;border-radius:4px;z-index:2;color:#fff;transition:background-color .3s ease}#app .blog .blog-list li .blog-content{background:#f5f5f5;padding:20px;border-radius:0 0 8px 8px}#app .blog .blog-list li .blog-content .title{font-size:20px;margin-bottom:10px;line-height:26px;text-align:left;color:#000;max-width:300px}#app .blog .blog-list li .blog-content p{line-height:24px;font-size:14px;color:#6c757d}#app footer{background:#000;padding:60px 0 0}#app footer .footer-contact{display:flex;justify-content:space-between;color:#fff;margin-bottom:40px}#app footer .footer-contact .footer-contact-item .title{font-size:22px;font-weight:bold;margin-bottom:15px}#app footer .footer-contact .footer-contact-item .footer-contact-info li{margin-bottom:8px}#app footer .footer-contact .footer-contact-item .footer-contact-info li a{font-size:16px}#app footer .footer-contact .footer-contact-item .footer-input{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:350px}#app footer .footer-contact .footer-contact-item .footer-input input{width:100%;position:relative;flex:1 1 auto;width:1%;min-width:0;border:0;border-radius:4px;height:50px;padding:15px;color:#000;font-size:14px;line-height:1.5;background:#fff;background-clip:padding-box;border-top-right-radius:0;border-bottom-right-radius:0}#app footer .footer-contact .footer-contact-item .footer-input .btn{border:none;background:#ff5e15;color:#fff;height:50px;font-size:14px;font-weight:bold;text-transform:uppercase;padding:0 20px;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;position:absolute;left:350px;top:0}#app footer .footer-link{display:flex;align-items:center;justify-content:space-between;padding:25px 400px 0;border-top:1px solid rgba(255,255,255,0.1)}#app footer .footer-link li a{font-size:14px;color:#fff;transition:color .3s ease}#app footer .footer-link li a:hover{color:#ff5e15}#app footer .footer-copyright{font-size:12px;padding:20px 0;text-align:center;color:#c5c5c5;letter-spacing:1px}#app footer .footer-copyright a{transition:color .3s ease}#app footer .footer-copyright a:hover{color:#ff5e15}
