@charset "utf-8";

#inc01{display:flex;padding:220px 0 260px 5%;background:url(./img/bg.png) bottom center no-repeat #020305}
#inc01 .tit_area{flex-shrink:0;padding-top:70px}
#inc01 .tit_area h2{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.li04{background-image:url(./img/img04.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 h3{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}
#inc01 ul li:hover:before{opacity:.9}
#inc01 ul li:hover a{color:#fff}
#inc01 ul li:hover img{opacity:1;margin:0}