.procBoxW{padding:0 1em}.procBox{max-width:1120px;margin:0 auto}.procBox .list ul{margin:0 -1.2%;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-around}.procBox .list li{display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:stretch;width:33.3%;margin-top:2em}.procBox .list li:nth-child(4){width:50%}.procBox .list li:nth-child(5){width:50%}.procBox .list .lib{position:relative;z-index:0;margin:0 3.6%;padding-bottom:1.1em;display:block;background-color:#fff;overflow:hidden}.procBox .list li:nth-child(4) .lib{margin:0 2.4%}.procBox .list li:nth-child(5) .lib{margin:0 2.4%}.procBox .list .pic{display:block;width:100%;padding-top:63%;height:0;overflow:hidden;background:center center no-repeat;background-size:cover}.procBox .list li:nth-child(4) .pic{padding-top:41%}.procBox .list li:nth-child(5) .pic{padding-top:41%}.procBox .list .name{font-size:18px;text-align:left;font-weight:700;margin:1.2rem 1.6rem 0;line-height:1.3em}.procBox .list .name a{color:#000;position:relative;z-index:0;transition:all 0.5s;right:0}.procBox .list .name a:hover{right:-2px}.procBox .list .txt{font-size:15px;text-align:left;margin:.4rem 1.6rem 0;line-height:1.3em}.procBox .list .txt .item{padding:.3em 0 .3em}.procBox .list .txt .item a{display:inline-block;color:#414141;position:relative;z-index:0;transition:all 0.5s;right:0;padding-left:1em;background:0 .1em no-repeat;background-size:.8em auto}.procBox .list .txt .item a:hover{right:-2px;background-image:url(/wp-content/themes/haovip20210729/assets/imgs/arrow2.png)}.downBox{max-width:1120px;margin:3.3em auto 0;background-color:#000;color:#fff}.downBox .con{padding:2.3em 1.7em 2.3em 2.3em;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.downBox .txtb{text-align:left}.downBox .t1{font-size:18px;line-height:1.6em}.downBox .t2{font-size:20px;font-weight:700;line-height:1.6em}.downBox .btnDown{display:inline-block;padding:0 1.6em;background-color:#00B263;color:#000;font-size:20px;line-height:2.2em;transition:all 0.5s}.downBox .btnDown:hover{background-color:#000;color:#00B263}.seBox{max-width:1120px;margin:3.3em auto 0;background-color:#fff;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between}.seBox2{flex-direction:row-reverse}.seBox .picb{width:28.7%}.seBox .pic{width:100%;height:100%;background:center center no-repeat;background-size:cover}.seBox .txtb{width:71.3%;padding:3em 0 1.7em;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:center}.seBox .txtb .con{flex:1;margin:0 8.8%;text-align:left}.seBox2 .txtb .con{margin:0 8.8%;text-align:right}.seBox .txtb .tit{font-weight:700;font-size:2em;line-height:1.3em;text-transform:uppercase}.seBox .txtb .txt{margin:1em 0 0 auto;line-height:1.7em}.seBox .txtb .btn{margin-top:.8em;display:inline-block;color:#000;font-weight:700;line-height:1.8em;padding:.1em 0 0}.seBox .txtb .btn:hover{text-decoration:underline}.seBox .txtb .line{margin:.6em auto 0 0;width:5.2rem;height:4px;background-color:#00B263}.seBox2 .txtb .line{margin:.6em 0 0 auto}.appBoxW{padding:0 1em}.appBox{max-width:1120px;margin:0 auto}.appBox .list ul{margin:0 -1.2%;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-around}.appBox .list li{width:33.3%;margin-top:2em}.appBox .list .lib{position:relative;z-index:0;margin:0 4.8%;padding:1em;display:block;background-color:#fff;overflow:hidden;cursor:pointer}.appBox .list .cur .lib{-moz-box-shadow:0 0 .5em rgb(0 0 0 / .3);-webkit-box-shadow:0 0 .5em rgb(0 0 0 / .3);box-shadow:0 0 .5em rgb(0 0 0 / .3)}.appBox .list .pic{display:block;width:100%;padding-top:66.6%;height:0;overflow:hidden;background:center center no-repeat;background-size:cover}.appBox .list .name{font-size:1rem;text-transform:uppercase;display:block;margin:1em auto 0;height:2.6em;overflow:hidden;line-height:1.3em}.appBox .list .name::after{content:"";display:inline-block;margin-left:.7em;width:1em;height:1em;background:url(/wp-content/themes/haovip20210729/assets/imgs/arrow.png) 0 center no-repeat;background-size:1em auto;position:relative;z-index:0;top:.1em}.appBox .list .sub{display:none}.appBox .list .pMask{overflow:hidden;position:absolute;top:100%;left:0;right:0;padding:0 1.3em;height:100%;text-align:left;transition:all 0.3s;background:#000;filter:Alpha(opacity=70);background:rgb(0 0 0 / .7)}.appBox .list .pMaskc{display:block;padding:1.6em 0 0}.appBox .list .lib:hover .pMask{top:0}.appBox .list .pMask .name2{display:block;font-weight:700;white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;line-height:1.2em;height:1.2em;overflow:hidden;color:#00B263}.appBox .list .pMask p{margin-top:.9em;overflow:hidden;color:#fff;line-height:1.35em;height:8.1em;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.appBox .list .pMask .btn{margin-top:.8em;display:inline-block;color:#fff;line-height:1.8em;padding:.1em 0 0;transition:all 0.5s;font-weight:700}.appBox .list .pMask .btn:hover{text-decoration:underline}.appBox .list .line{margin:1.1em auto 0;height:4px;width:32%;background-color:#00B263}.appBox .list .pMask .line{margin:.4em auto 0 0}.appBox .lists{display:none;overflow:hidden;padding:2em 2em 1em}.appBox .lists ul{display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}.appBox .lists li{padding-top:1em;width:20%;overflow:hidden;text-align:left}.appBox .lists li .txt{position:relative;z-index:0;padding:0 1em 0 1em;line-height:1.3em}.appBox .lists li .txt a{position:relative;z-index:0;transition:all 0.5s;right:0;padding-left:1.2em;display:block;color:#000;background:0 0 no-repeat;background-size:1em auto}.appBox .lists li .txt a:hover{right:-2px;background-image:url(/wp-content/themes/haovip20210729/assets/imgs/arrow2.png)}@media only screen and (max-width:828px){.procBox .list li{width:50%}.procBox .list li:nth-child(5){width:100%}.procBox .list li:nth-child(5) .lib{margin:0 3.6%}.downBox .con{display:block}.downBox .btnDown{margin-top:1em}.seBox{display:block}.seBox .txtb .tit{font-size:1.3em}.seBox .txtb{width:100%}.seBox .picb{width:100%}.seBox .txtb .con{margin:0 9%}.seBox2 .txtb .con{margin:0 9%}.seBox .pic{height:0;padding-top:60%;overflow:hidden}.appBox .list ul{margin:0}.appBox .list .lib{margin:0 2%;padding:.5em}.appBox .lists li{width:50%}.appBox .lists{padding:1em}}@media only screen and (max-width:500px){.procBox .list li{width:100%}.procBox .list li:nth-child(4){width:100%}.procBox .list li:nth-child(4) .lib{margin:0 3.6%}}@media only screen and (max-width:420px){.appBox .lists{font-size:.75em}.appBox .list .name{font-size:.75em}}.expStatsBox{max-width:1120px;margin:3.3em auto;background-color:#fff;box-shadow:0 10px 30px rgb(0 0 0 / .05)}.expStatsInner{display:flex;flex-wrap:wrap}.expLeft{width:50%;background-color:#000;padding:50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:start}.expLeft .sub-tit{color:#fff;font-size:24px;font-weight:200;line-height:1.2em}.expLeft .tit{color:#fff;font-size:40px;font-weight:600;line-height:1.3em}.expLeft .desc{color:#fff;font-size:16px;font-weight:500;line-height:1.65em;margin-bottom:1.6em}.expLeft .btn-work{display:inline-block;width:fit-content;text-decoration:none;padding:15px 45px 15px 45px;background-color:#00B263;color:#fff;font-size:15px;font-weight:500;line-height:1em;text-align:center;text-transform:capitalize;transition:all 0.3s ease}.expLeft .btn-work:hover{background-color:#fff;color:#00B263}.statsRight{width:50%;background-color:#fff;text-align:left}.statsGrid{display:grid;grid-template-columns:repeat(2,1fr);height:100%}.statsItem{padding:50px;border:1px solid #f0f0f0;display:flex;flex-direction:column}.statsItem .num{color:#00B263;font-size:40px;font-weight:600;line-height:1.2em;margin-bottom:20px}.statsItem .label{color:#000;font-size:16px;font-weight:500;line-height:1.65em}@media (max-width:1024px){.expLeft,.statsRight{flex:1 1 100%}}@media (max-width:768px){.expLeft{padding:25px}.statsGrid{grid-template-columns:1fr}.statsItem{padding:25px}.statsItem .num{font-size:30px}}.formFaqBox{margin:3.3em auto;padding:145px 0;background-color:#fff}.formFaqInner{margin:0 auto;max-width:1120px;display:flex;flex-wrap:wrap}.formLeft{width:50%;background-color:#fff;padding:65px;color:#272727;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;text-align:left}.formLeft .form-tit{font-size:40px;font-weight:600;line-height:1.3em}.formLeft .form-sub{font-size:16px;font-weight:500;line-height:1.65em;margin-bottom:1.6em}.form-group-box{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;gap:15px;flex-wrap:wrap}.form-group .form-input,.form-group .wpcf7-form-control-wrap{box-sizing:border-box;flex:1!important;min-width:180px!important}.form-group .form-input{padding:11px 15px;border:1px solid #dadbdd;border-radius:0;background-color:#f8f8f8;color:#272727;font-size:16px;font-weight:500;line-height:1em;box-sizing:border-box}.form-group .wpcf7-form-control-wrap .form-input,.form-group .wpcf7-form-control-wrap .form-textarea{width:100%}.form-group .wpcf7-form-control-wrap{line-height:initial}.form-group .form-textarea{width:100%;padding:11px 15px;border-radius:0;resize:both;min-height:312px;border:1px solid #dadbdd;background-color:#fafafa;color:#606266;font-size:16px;font-weight:500;line-height:1em;box-sizing:border-box}.form-group .form-btn{width:100%;cursor:pointer;padding:8px 20px 8px 20px;border:1px solid #fff0;border-radius:0;background-color:#00B263;color:#fff;font-size:16px;font-weight:500;line-height:1.5em;text-transform:capitalize;transition:all 0.3s ease;box-sizing:border-box}.form-group .form-btn:hover{background-color:#fff;font-weight:700;color:#00B263}.form-group .wpcf7-submit{width:100%}.form-group-submit{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.form-group-submit .wpcf7-submit{position:relative}.form-group-submit .wpcf7-submit.has-spinner{padding-right:50px}.wpcf7-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:wpcf7-spinner-rotation 0.8s linear infinite;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}@keyframes wpcf7-spinner-rotation{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}.wpcf7-form.submitting .wpcf7-spinner{opacity:1;visibility:visible}.wpcf7-not-valid-tip{color:#ff6b6b;font-size:14px;margin-top:5px;display:block;flex-shrink:0}.wpcf7-response-output{margin:20px 0 0;padding:15px;border-radius:7px;font-size:14px}.wpcf7 form.invalid .wpcf7-response-output{background-color:rgb(255 107 107 / .1);border:1px solid #ff6b6b;color:#ff6b6b}.wpcf7 form.sent .wpcf7-response-output{background-color:rgb(76 175 80 / .1);border:1px solid #4caf50;color:#4caf50}.screen-reader-response{position:absolute;left:-9999px}.faqRight{width:50%;padding-left:100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:left}.faqRight .faq-learn{color:#00B263;font-size:24px;font-weight:400;line-height:1.2em}.faqRight .faq-tit{color:#000;font-size:40px;font-weight:600;line-height:1.3em}.accordionWrap{border:1px solid #e0e0e0;margin-top:20px}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-item:last-child{border-bottom:none}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer}.accordion-header h3{margin:0;color:#212d45;font-size:16px;font-weight:700;line-height:1em}.accordion-icon{width:16px;height:16px;position:relative;transition:transform 0.3s ease}.accordion-icon::before,.accordion-icon::after{content:'';position:absolute;background-color:#333;transition:all 0.3s ease}.accordion-icon::before{width:2px;height:14px;top:2px;left:8px}.accordion-icon::after{width:14px;height:2px;top:8px;left:2px}.accordion-item.active .accordion-icon::before{transform:rotate(90deg);opacity:0}.accordion-content{overflow:hidden;padding:15px 20px;display:none}.accordion-content p{margin-bottom:1.6em;color:#000;font-size:16px;font-weight:500;line-height:1.65em}.view-all-link{align-self:flex-end;text-decoration:none;padding:15px 45px 15px 45px;color:#212d45;font-size:15px;font-weight:500;line-height:1em;text-transform:capitalize;transition:color 0.3s ease}.view-all-link:hover{color:#ffc03d}@media (max-width:1024px){.formFaqBox{padding:0}.formFaqInner{flex-direction:column}.formLeft{padding:50px}.faqRight{padding:50px}.formLeft,.faqRight{min-width:100%}}@media (max-width:768px){.formFaqBox{padding:0}.formLeft{padding:25px}.faqRight{padding:25px}.formLeft .form-tit{font-size:30px}.form-group{flex-direction:column}.form-group .form-input{min-width:100%}.faqRight .faq-tit{font-size:30px}.accordion-item.active .accordion-content{padding:7px 15px}.view-all-link{padding:20px 0 0 0;align-self:flex-start}}