@charset "utf-8";

#inc01{padding:280px 0 220px;background:url(./img/bg.png) left top no-repeat}
#inc01 .tit_area{margin-bottom:70px;font-size:19px;text-align:center}
#inc01 .tit_area p{margin-bottom:20px;font-size:52px;font-weight:700;color:#111;font-family:'Jost'}
#inc01 .controls{position:absolute;left:50%;top:200px;transform:translateX(-50%);width:1000px;color:#111}
#inc01 .controls .arr{opacity:.3;position:absolute;cursor:pointer;transition:all .2s}
#inc01 .controls .arr.prev{left:-92px}
#inc01 .controls .arr.next{right:-92px}
#inc01 .controls .arr svg{width:62px;height:62px}

#inc01 ul li{overflow:hidden;width:1000px}
#inc01 ul li .txt{opacity:0;position:relative;z-index:1;float:right;width:90%;margin:-45px -1px 0 0;padding:55px 70px 0;background:#fff;transition:all .3s}
#inc01 ul li .txt div{white-space:pre-line}
#inc01 ul li .txt p{margin-bottom:15px;font-size:28px;font-weight:700;color:#111}
#inc01 ul li.on .txt{opacity:1;margin-top:-95px}
#inc01 .view_btn{display:inline-block;position:relative;margin-top:30px;padding-left:78px;font-weight:700;font-size:13px;line-height:58px;color:var(--primary);transition:all .3s;font-family:'Jost'}
#inc01 .view_btn:before{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:30px;content:'';z-index:-1;background:var(--primary);transition:all .3s}
#inc01 .view_btn span{position:absolute;left:26px;top:-1px;font-size:8px;color:#fff;transition:all .3s}
#inc01 .view_btn span:before{position:absolute;left:-18px;top:28px;width:20px;height:2px;opacity:0;content:'';background-color:#fff;transition:all .3s}

@media(hover:hover){
#inc01 .controls .arr:hover{opacity:1}
#inc01 .view_btn:hover:before{width:190px}
#inc01 .view_btn:hover{color:#fff}
#inc01 .view_btn:hover span{left:45px}
#inc01 .view_btn:hover span:before{left:-15px;opacity:1}
}

@media(max-width:1200px){
#inc01 ul li{width:800px}   
#inc01 ul li img{width:100%}
#inc01 .controls{top:25%;width:800px}
#inc01 .controls .arr.prev{left:-72px}
#inc01 .controls .arr.next{right:-72px}
}

@media(max-width:1024px){
#inc01{padding:180px 0 100px}
#inc01 .tit_area{margin-bottom:50px;font-size:16px}
#inc01 .tit_area p{margin-bottom:10px;font-size:42px}
#inc01 .controls{display:none}
#inc01 ul li{width:80%} 
#inc01 ul li .txt{padding:40px 50px 0}
#inc01 ul li .txt p{font-size:22px}
#inc01 ul li.on .txt{margin-top:-60px}
#inc01 ul li .txt div{ white-space:normal;word-break:keep-all}
}
@media(max-width:768px){
#inc01{padding:100px 0}
#inc01 .tit_area{margin-bottom:35px;font-size:15px}
#inc01 .tit_area p{font-size:36px}
#inc01 ul li .txt{padding:30px 40px 0}
#inc01 ul li.on .txt{margin-top:-35px}
#inc01 .view_btn{display:block;padding-left:60px;line-height:45px}
#inc01 .view_btn:before{width:45px;height:45px}
#inc01 .view_btn span{left:21px}
#inc01 .view_btn span:before{top:21px}
}
@media(max-width:480px){
#inc01{padding:80px 0}
#inc01 ul li .txt{width:100%;margin:0;padding:20px 0;border-bottom:2px solid var(--primary)} 
#inc01 ul li.on .txt{margin:0}
#inc01 ul li .txt p{font-size:20px}
#inc01 .view_btn{margin-top:20px}
}