@charset "utf-8";

#atc04 .main_tit p{margin-bottom:15px;white-space:nowrap !important}
#atc04 .bnr{position:relative;width:100%;height:335px;border-radius:50px;color:#777;background:#fff}
#atc04 .bnr ul{display:block !important}
#atc04 .bnr li{display:flex;flex-wrap:wrap;align-content:center;align-items:center;padding-left:170px;font-size:17px;background-position:right;background-repeat:no-repeat}
#atc04 .bnr li.img01{background-image:url('./img/bg01.png')}
#atc04 .bnr li.img02{background-image:url('./img/bg02.png')}
#atc04 .bnr li.img03{background-image:url('./img/bg03.png')}
#atc04 .bnr p{width:100%;margin-bottom:20px;font-size:30px;font-weight:700;line-height:1.3;color:#111;white-space:pre-line}
#atc04 .bnr .dot{position:absolute;top:50%;right:unset;left:70px;z-index:10;transform:translateY(-50%)}
#atc04 .bnr .dot span{display:block;width:11px;height:11px;opacity:1;background:#b7b7b7}
#atc04 .bnr .dot span+span{margin-top:5px}
#atc04 .bnr .dot .on{background:var(--primary)}
#atc04 .cont{display:flex;justify-content:space-between;padding:200px 120px 180px 0}

#atc04 .lt_inner{position:relative;width:50%}
#atc04 .lt_inner .active{opacity:0;position:absolute;top:0;z-index:0;width:855px;height:160px;border-radius:20px;background:#fff;transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}
#atc04 .lt_inner:hover .active{opacity:1}

#atc04 .lt_area .data{font-size:15px;font-weight:700;color:var(--primary)}
#atc04 .lt_area .sh_notice{margin-top:5px;font-size:20px;font-weight:700;color:#111}
#atc04 .lt_area a{display:flex;align-items:center;justify-content:space-between;padding:55px 50px;transition:all .3s}
#atc04 .lt_area a:hover .cir{opacity:1}
#atc04 .lt_area a .cir{opacity:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #e1e1e1;border-radius:50%;color:var(--primary);background:#fff;transition:all .3s}
#atc04 .lt_area a svg{width:15px}