.sb-banner{background:#292929;display:flex;height:285px;position:relative;width:100%;}.sb-banner .left{display:flex;flex-direction:column;justify-content:center;padding:0 50px;width:45%;}.sb-banner .left .logo{width:165px;z-index:10;}.sb-banner .left .logo img{width:100%;}.sb-banner .left .content{align-items:flex-start;display:flex;flex-direction:column;margin-top:16px;width:100%;z-index:10;}.sb-banner .left .content h1{margin:0;font-family:"Alto Pro Nor","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}.sb-banner .left .content h1 .title-yl-bg,.sb-banner .left .content h1 .title-bl-bg{padding:10px 8px;display:block;width:fit-content;}.sb-banner .left .slogan{color:#fff;font-size:20px;font-weight:400;margin-bottom:8px;}.sb-banner .left .title-yl-bg{background:#bca36c;color:#fff;font-size:30px;font-weight:600;padding:4px 8px;white-space:nowrap;}.sb-banner .left .title-bl-bg{background:#000;color:#fff;font-size:30px;font-weight:600;padding:4px 8px;white-space:nowrap;}.sb-banner .right{display:flex;height:100%;left:0;position:relative;width:55%;}.sb-banner .polygon-1{background:#292929;display:flex;height:100%;left:-95px;position:absolute;width:175px;z-index:9;-webkit-clip-path:polygon(0% 0%,55% 0%,100% 50%,55% 100%,0% 100%);clip-path:polygon(0% 0%,55% 0%,100% 50%,55% 100%,0% 100%);}.sb-banner .polygon-2{background:rgba(157,130,72,.8);height:100%;left:-45px;position:absolute;width:175px;z-index:9;-webkit-clip-path:polygon(55% 0%,100% 50%,55% 100%,0% 100%,45% 50%,0% 0%);clip-path:polygon(55% 0%,100% 50%,55% 100%,0% 100%,45% 50%,0% 0%);}.sb-banner .polygon-3{background:rgba(255,255,255,.45);height:100%;position:absolute;right:45px;width:165px;z-index:9;-webkit-clip-path:polygon(55% 0%,100% 50%,55% 100%,0% 100%,45% 50%,0% 0%);clip-path:polygon(55% 0%,100% 50%,55% 100%,0% 100%,45% 50%,0% 0%);}.sb-banner .polygon-4{background:#9d8248;display:flex;height:100%;position:absolute;right:0;width:165px;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,45% 50%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,45% 50%);}.sb-banner .right .img-container{align-items:center;display:flex;height:100%;margin-right:60px;width:100%;overflow:hidden;}.sb-banner .right img{min-height:100%;min-width:100%;object-fit:cover;}@media(max-width:1180px){.sb-banner .polygon-1{left:-75px;width:160px;}.sb-banner .polygon-2{left:-30px;width:160px;}.sb-banner .polygon-3{right:35px;width:130px;}.sb-banner .polygon-4{width:130px;}}@media(max-width:1000px){.sb-banner{height:250px;}.sb-banner .left{padding:0 32px;}.sb-banner .left .logo{width:135px;}.sb-banner .left .slogan{font-size:16px;}.sb-banner .left .title-yl-bg,.sb-banner .left .title-bl-bg{font-size:28px;}.sb-banner .polygon-1{left:-60px;width:150px;}.sb-banner .polygon-2{left:-20px;width:150px;}.sb-banner .polygon-3{right:30px;width:110px;}.sb-banner .polygon-4{width:110px;}}@media(max-width:700px){.sb-banner{height:220px;}.sb-banner .left{padding:16px;padding-right:0;}.sb-banner .left .slogan{display:none;}.sb-banner .left .title-yl-bg,.sb-banner .left .title-bl-bg{font-size:24px;}.sb-banner .polygon-1{left:-35px;width:100px;}.sb-banner .polygon-2{left:-5px;width:100px;}.sb-banner .polygon-3{right:20px;width:80px;}.sb-banner .polygon-4{width:80px;}.sb-banner .right .img-container{margin-right:24px;}}@media(max-width:500px){.sb-banner{height:160px;}.sb-banner .left .logo{width:110px;}.sb-banner .left .title-yl-bg,.sb-banner .left .title-bl-bg{font-size:18px;padding:4px;}.sb-banner .polygon-1{left:-3px;width:60px;}.sb-banner .polygon-2{left:13px;width:60px;}.sb-banner .polygon-3{right:13px;width:50px;}.sb-banner .polygon-4{width:50px;}}