@charset "utf-8";

#inc03{position:relative;width:100%;height:645px;background:url(./img/bg.jpg) no-repeat fixed;background-size:cover}
#inc03 .bg{position:absolute;left:0;top:0;width:50%;height:100%;background:var(--primary)}
#inc03 .bg.aos-animate{opacity:.85}
#inc03 .txt{display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:1;width:50%;height:100%;padding:0 30px}
#inc03 .txt .flex{display:flex;flex-flow:column;align-items:flex-end}
#inc03 .txt p{margin-bottom:50px;font-size:42px;font-weight:500;line-height:1.35;color:#fff}
#inc03 .txt p span{display:block;padding-left:100px}
#inc03 .txt a{display:flex;align-items:center;justify-content:space-between;width:65%;height:55px;padding-right:8px;border-bottom:2px solid #fff;font-size:14px;font-weight:600;color:#fff;transition:all .2s}
#inc03 .txt a img{width:40px}

@media(hover:hover){
#inc03 .txt a:hover{padding-right:0}
}
@media(max-width:1450px){
#inc03 .txt p{font-size:39px}
#inc03 .txt p span{padding-left:25px}
}
@media(max-width:1230px){
#inc03{height:500px}
#inc03 .bg{width:60%}
#inc03 .txt{width:60%}
#inc03 .txt p{font-size:35px}
}
@media(max-width:1024px){
#inc03{height:400px}
#inc03 .bg{width:50%}
#inc03 .txt{width:50%}
#inc03 .txt p{margin-bottom:20px;font-size:30px}
#inc03 .txt p span{padding:0}
}
@media(max-width:768px){
#inc03{background-attachment:unset;background-position:center;background-size:cover}    
#inc03 .txt{text-align:center}
#inc03 .txt .flex{align-items:center}
#inc03 .txt p{font-size:25px}
#inc03 .txt a{width:180px;height:40px;padding:0 20px;border:1px solid rgba(255, 255, 255, .2);font-size:13px}
#inc03 .txt a img{width:32px}
#inc03 .txt{width:100%;height:50%;bottom:0;top:auto}
#inc03 .bg{bottom:0;top:auto;width:100%;height:50%}
}
@media(max-width:380px){
#inc03 .txt p{font-size:23px}
}