@charset "utf-8";

#inc01{padding:120px 80px 140px}
#inc01 .tit{margin-bottom:40px;font-size:46px;font-weight:700;color:#111}
#inc01 .inc01_slide .item{padding:0 60px 55px 60px}
#inc01 .inc01_slide .item:before{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:50%;background:#f2f2f2;transition:all .2s}
#inc01 .inc01_slide .item .img{overflow:hidden;display:flex;justify-content:center;align-items:center;;border:1px solid #e1e1e1;font-size:30px;background:#fff;transition:all .3s}
#inc01 .inc01_slide .item .img img{margin:auto;transition:all .3s}
#inc01 .inc01_slide .item .info{color:#777}
#inc01 .inc01_slide .item .info h3{padding:25px 0 10px;font-size:24px;font-weight:700;color:#111}
#inc01 .inc01_slide .item .info .more{overflow:hidden;display:flex;align-items:center;position:relative;width:44px;height:44px;margin-top:25px;padding-left:12px;border-radius:30px;color:#fff;background:#111;transition:all .3s}
#inc01 .inc01_slide .item .info .more i{margin:auto 0;font-size:22px}
#inc01 .inc01_slide .item .info .more span{opacity:0;position:absolute;left:30px;white-space:nowrap;font-size:12px;transition:all .3s}
#inc01 .inc01_slide .item.on:before{background:#fff}
#inc01 .controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:100px}
#inc01 .controls > span{display:flex}
#inc01 .controls .pager{display:flex;align-items:center;justify-content:center;gap:10px;width:46px;gap:10px;font-size:16px;font-weight:700;color:#111}
#inc01 .controls .arr{cursor:pointer;width:40px}

@media(hover:hover){
#inc01 .inc01_slide .item:hover .img{box-shadow:0px 40px 40px -40px rgba(0, 0, 0, 0.18)}
#inc01 .inc01_slide .item:hover .img img{transform:scale(1.05)}
#inc01 .inc01_slide .item:hover .info .more{width:140px;color:#fff;background:var(--primary)}
#inc01 .inc01_slide .item:hover .info .more span{left:45px;opacity:1}
}
@media(max-width:1280px){
#inc01{padding:120px 50px}    
#inc01 .inc01_slide .item{padding:0 35px 35px 35px}
}
@media(max-width:1024px){
#inc01{padding:80px 30px}  
#inc01 .tit{font-size:38px}
#inc01 .controls{margin-top:50px}
}
@media(max-width:768px){
#inc01{padding:80px 0}  
#inc01 .tit{padding:0 30px;margin-bottom:20px;font-size:32px}
#inc01 .inc01_slide .item .info p{font-size:22px}
#inc01 .controls{gap:15px;margin-top:30px}
#inc01 .controls .arr{width:32px}
#inc01 .controls .pager{font-size:13px}
}
@media(max-width:480px){
#inc01{padding:60px 0}      
#inc01 .tit{font-size:28px}
#inc01 .inc01_slide .item{padding:0 25px 30px 25px} 
#inc01 .inc01_slide .item .img img{width:100%}
#inc01 .inc01_slide .item .info p{padding:15px 0 5px;font-size:18px}
#inc01 .inc01_slide .item .info .more{width:35px;height:35px;margin-top:15px;padding-left:8px}
}