section[class~="banner"]{width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}section[class~="banner"] .image_list{width:100%}section[class~="banner"] .image_list div{width:100%;height:520px;margin:auto;background-position:center center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:768px){section[class~="banner"] .image_list div{height:150px}}section[class~="banner"] .dot{position:absolute;display:flex;align-items:center;justify-content:center;bottom:30px !important;z-index:2}@media screen and (max-width:768px){section[class~="banner"] .dot{bottom:10px !important}}section[class~="banner"] .dot i{display:block;margin:0 8px;width:60px;height:5px;background-color:#fff;opacity:.5;transition:all .3s}@media screen and (max-width:768px){section[class~="banner"] .dot i{width:6px;height:6px;opacity:.75;border-radius:50%;margin:0 4px}}section[class~="banner"] .dot .on{opacity:1;background-color:#2668b4}