@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 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{overflow:hidden;border-radius:30px}
#inc01 ul li:before{background-color:#278bdac7}
#inc01 ul li.li01:before{background-image:url(./img/icon01.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li02:before{background-image:url(./img/icon02.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li03:before{background-image:url(./img/icon03.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li04:before{background-image:url(./img/icon04.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li05:before{background-image:url(./img/icon05.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li06:before{background-image:url(./img/icon06.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li07:before{background-image:url(./img/icon07.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li08:before{background-image:url(./img/icon08.png);background-repeat:no-repeat;background-position:8% 10%}
#inc01 ul li.li09:before{background-image:url(./img/icon09.png);background-repeat:no-repeat;background-position:8% 10%}


#inc01 ul li a{position:relative;display:flex;flex-flow:column;align-items:flex-start;width: 100%;height:100%;color:rgba(255,255,255,.7);word-break:keep-all;transition:all .3s}
#inc01 ul li a img{position:relative;width:100%;height:100%;/* object-fit:contain; */}
#inc01 ul li:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background: #00000026;z-index:2;pointer-events:none}
#inc01 ul li h3{position:absolute;bottom: 15px;left: 30px;margin:auto 0 15px;font-size:30px;font-weight:600;line-height:1.35;color:#fff;z-index: 10;}
#inc01 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background: #278bdac7;transition:all .3s;z-index:9;pointer-events:none}

@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%}
}
@media(max-width:1024px){
#inc01 .tit_area h2{font-size:42px}
#inc01 .tit_area .pl{font-size:16px}
#inc01 ul li h3{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 h2{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{border-radius:16px}
#inc01 ul li h3{font-size:22px;word-break:keep-all}
}
@media(max-width:480px){
#inc01 .inc01_slide{margin-left:0}
}