.sidebanner {position:relative;}
.sidebanner img {width:100%;min-height:160px;}
.sidebanner .txt {position:absolute;left:0;right:0;top:0;bottom:0;padding:80px 0 0;display:flex;justify-content:center;align-items:center;}
.sidebanner .txt::after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.sidebanner .wp {position:relative;z-index:2;}
.sidebanner h1,.sidebanner h2 {color:#fff;font-size:36px;font-weight:700;font-family:var(--font-family-1);text-shadow:2px 2px 4px #666;}
.sidebanner p {color:#fff;font-size:15px;margin:15px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:2px 2px 4px #666;}
.sidebanner p i {font-size:15px;color:#fff;}
.sidebanner p a {color:#fff;text-shadow:2px 2px 4px #666;}

@media screen and (max-width:1550px) {
 .sidebanner .txt h1,.sidebanner .txt h2 {font-size:34px}
}

@media screen and (max-width:1441px) {
 .sidebanner .txt h1,.sidebanner .txt h2 {font-size:32px}
}

@media screen and (max-width:1367px) {
 .sidebanner .txt h1,.sidebanner .txt h2 {font-size:30px}
}

@media screen and (max-width:1280px) {
 .sidebanner .txt h1,.sidebanner .txt h2 {font-size:28px}
}
               

@media screen and (max-width:768px) {
.sidebanner .txt {text-align:center;}
.sidebanner .txt h1,.sidebanner .txt h2 {font-size:26px}
.sidebanner p {font-size:14px;margin:10px 0 0;}
}

@media screen and (max-width:480px) {
 .sidebanner .txt h1,.sidebanner .txt h2 {font-size:22px}
}