@charset "utf-8";

#inc02{display:flex;height:620px;padding:0 100px;background:url(./img/bg.jpg) no-repeat;background-size:cover}
#inc02 .cont{margin:auto 0;color:#fff}
#inc02 .cont > span{font-size:16px;font-weight:600}
#inc02 .cont p{margin:40px 0 50px;font-size:38px;font-weight:700;line-height:1.35;word-break:keep-all;white-space:pre-line}
#inc02 .cont a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;color:#fff;line-height:58px;transition:all .4s}
#inc02 .cont a:before{display:block;content:"";position:absolute;left:0;width:0;height:100%;border-color:var(--primary);color:#fff;background:#fff;transition:all .6s var(--easing)}
#inc02 .cont a i{position:relative;font-style:normal}
#inc02 .cont a:hover{border-color:transparent;color:var(--primary)}
#inc02 .cont a:hover:before{width:100%}
#inc02 .cont a span{position:relative;margin:0 0 2px 15px}
@media (max-width:1024px){
#inc02{height:520px;padding:0 50px}
#inc02 .cont p{font-size:32px}
}
@media (max-width:768px){
#inc02{height:420px;padding:0 20px}
#inc02 .cont p{font-size:25px}
#inc02 .cont a{width:140px;height:50px}
}
@media (max-width:480px){
#inc02{height:350px;justify-content:center;text-align:center}
#inc02 .cont p{font-size:20px;word-break:keep-all;white-space:normal}
#inc02 .cont a{margin:0 auto;font-size:14px}

}