.title[data-v-7ea94a10]{font-size:30px;font-weight:700;text-align:left}@media screen and (max-width:479px){.title[data-v-7ea94a10]{font-size:20px}}.title .color-block-wrap[data-v-7ea94a10]{display:flex}.title .color-block[data-v-7ea94a10]{width:.4em;height:.4em}.title .color-block[data-v-7ea94a10]:first-child{margin-right:6px;background-color:#ffc601}.title .color-block[data-v-7ea94a10]:last-child{background-color:#fa6e16}section[data-v-7ea94a10]{box-sizing:border-box;width:80%;max-width:1200px;padding:15px;margin:auto}@media screen and (max-width:768px){section[data-v-7ea94a10]{width:100%}}.paragraph[data-v-7ea94a10]{margin-top:20px;line-height:200%;font-size:16px}@media screen and (max-width:479px){.paragraph[data-v-7ea94a10]{font-size:14px}}.top[data-v-7ea94a10]{position:relative;width:100%;color:#ddd}@media screen and (max-width:768px){.top[data-v-7ea94a10]{height:400px}}@media screen and (max-width:479px){.top[data-v-7ea94a10]{height:300px}}.top .title[data-v-7ea94a10]{font-size:54px}.top .mask[data-v-7ea94a10]{position:absolute;z-index:3;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.top .hero-bg[data-v-7ea94a10]{width:100%;height:700px;background-position:50%;background-size:cover}@media screen and (max-width:479px){.top .hero-bg[data-v-7ea94a10]{height:300px}}.top[data-v-7ea94a10] .mainWraper{position:relative;width:100%}.top[data-v-7ea94a10] .thumbWraper{position:absolute;z-index:5;bottom:50px;left:0;right:0;width:600px;margin:auto}@media screen and (max-width:479px){.top[data-v-7ea94a10] .thumbWraper{width:100%}}.middle[data-v-7ea94a10]{display:flex;align-items:center;justify-content:center;width:100%;height:780px;margin-top:100px;background-position:top;background-size:cover;background-repeat:no-repeat;background-image:url(../img/p4-video-bg.c443510e.jpg);background-color:#e9e9e9}@media screen and (max-width:768px){.middle[data-v-7ea94a10]{flex-wrap:wrap;height:500px;margin-top:0;text-align:center}}@media screen and (max-width:479px){.middle[data-v-7ea94a10]{height:350px}}.middle>p[data-v-7ea94a10]{font-size:54px;font-weight:700;color:#fff}@media screen and (max-width:768px){.middle>p[data-v-7ea94a10]{width:100%;font-size:35px}}@media screen and (max-width:479px){.middle>p[data-v-7ea94a10]{font-size:21px}}.middle .player[data-v-7ea94a10]{position:relative;display:flex;align-items:center;justify-content:center;width:400px;height:600px;margin:0 50px;border-radius:8px;background-position:50%;background-size:cover;background-repeat:no-repeat;background-color:#fafafa}@media screen and (max-width:768px){.middle .player[data-v-7ea94a10]{width:200px;height:300px;margin:0 30px}}@media screen and (max-width:479px){.middle .player[data-v-7ea94a10]{width:150px;height:200px;margin:0 10px}}.middle .player[data-v-7ea94a10]:first-of-type{transform:translateY(-100px)}@media screen and (max-width:768px){.middle .player[data-v-7ea94a10]:first-of-type{transform:translate(0)}}.middle .player img[data-v-7ea94a10]{display:block;width:134px}@media screen and (max-width:768px){.middle .player img[data-v-7ea94a10]{width:80px}}@media screen and (max-width:479px){.middle .player img[data-v-7ea94a10]{width:50px}}.certification[data-v-7ea94a10]{margin:50px 0;height:400px}@media screen and (max-width:768px){.certification[data-v-7ea94a10]{height:300px}}.certification .img[data-v-7ea94a10]{width:250px;height:360px;margin:auto;background-position:50%;background-size:cover;background-repeat:no-repeat}@media screen and (max-width:768px){.certification .img[data-v-7ea94a10]{width:200px;height:300px}}.contact-us[data-v-7ea94a10]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:16px}.contact-us .left[data-v-7ea94a10]{width:55%;margin-top:30px}@media screen and (max-width:768px){.contact-us .left[data-v-7ea94a10]{width:100%;margin-bottom:20px}}.contact-us .left div[data-v-7ea94a10]{display:flex;align-items:center}.contact-us .left p[data-v-7ea94a10]{width:90%;padding:20px 0;font-size:16px}@media screen and (max-width:768px){.contact-us .left p[data-v-7ea94a10]{padding:10px 0}}@media screen and (max-width:479px){.contact-us .left p[data-v-7ea94a10]{font-size:14px}}.contact-us .left img[data-v-7ea94a10]{max-width:28px;margin-right:10px;vertical-align:middle}@media screen and (max-width:768px){.contact-us .left img[data-v-7ea94a10]{max-width:20px}}