@charset "utf-8";

#inc01{display:flex;padding:220px 0 220px 5%;background:url(./img/bg.png) bottom center no-repeat #020305}
#inc01 .tit_area{flex-shrink:0;padding-top:70px}
#inc01 .tit_area p{margin-bottom:25px;font-size:65px;font-weight:700;color:#fff}
#inc01 .tit_area .pl{font-size:17px;white-space:pre-line;line-height:1.8}
#inc01 .controls{display:flex;align-items:center;margin-top:70px;color:#fff}
#inc01 .controls .arr{display:flex;align-items:center;cursor:pointer}
#inc01 .controls .pager{width:76px;margin:0 35px;font-size:0}
#inc01 .controls .pager span{position:relative;font-size:14px;font-weight:600}
#inc01 .controls .pager span+span{opacity:.5;margin-left:20px;padding-left:20px}
#inc01 .controls .pager span:before{content:"0"}
#inc01 .controls .pager span+span:after{display:block;;content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background:rgba(255,255,255,.4)}

#inc01 .inc01_slide {margin-left:18%}
#inc01 ul li{height:526px;overflow:hidden;border-radius:30px;background:url(./img/img01.jpg) center no-repeat;background-size:cover}
#inc01 ul li.li02{background-image:url(./img/img02.jpg)}
#inc01 ul li.li03{background-image:url(./img/img03.jpg)}
#inc01 ul li a{position:relative;display:flex;flex-flow:column;align-items:flex-start;height:100%;padding:50px;color:rgba(255,255,255,.7);word-break:keep-all;transition:all .3s}
#inc01 ul li a img{opacity:0;margin-top:15px;transition:all .3s}
#inc01 ul li p{margin:auto 0 15px;font-size:30px;font-weight:600;line-height:1.35;color:#fff}
#inc01 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background:var(--primary);transition:all .3s}

@media(hover:hover){
#inc01 ul li:hover:before{opacity:.9}
#inc01 ul li:hover a{color:#fff}
#inc01 ul li:hover img{opacity:1;margin:0}
}
@media(max-width:1300px){
#inc01{padding:160px 0 160px 30px}	
#inc01 .inc01_slide{margin-left:8%}
#inc01 ul li{height:480px}
#inc01 ul li a{padding:30px}
}
@media(max-width:1024px){
#inc01 .tit_area p{font-size:42px}
#inc01 .tit_area .pl{font-size:16px}
#inc01 ul li{height:420px}
#inc01 ul li p{font-size:26px}
}
@media(max-width:768px){
#inc01{display:block;padding:60px 0}	
#inc01 .tit_area{padding:0 20px 25px;text-align:center}
#inc01 .tit_area p{margin-bottom:10px;font-size:32px}
#inc01 .tit_area .pl{white-space:normal;word-break:keep-all}
#inc01 .controls{justify-content:center;margin-top:15px}
#inc01 .inc01_slide{margin-left:20px}
#inc01 ul li{height:380px;border-radius:16px}
#inc01 ul li a{padding:20px}
#inc01 ul li p{font-size:22px;word-break:keep-all}
}
@media(max-width:480px){
#inc01 .inc01_slide{margin-left:0}
}