/*------------------------------------------------------------*/

.sidebanner{position:relative;}
.sidebanner .txt{position:absolute;left:0;right:0;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items: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:10;}
.sidebanner h1,.sidebanner h2{color:#fff;font-size:36px;font-weight:700;line-height:1;text-shadow: 2px 2px 4px #666;}
.sidebanner p{color:#fff;font-size:15px;margin:15px 0 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 h1,.sidebanner h2{font-size:35px;}
}

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

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

}

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


@media screen and (max-width:768px) {

.sidebanner{height:130px;}  
.sidebanner > img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.sidebanner .txt{text-align:center;}
.sidebanner h1,.sidebanner h2{font-size:30px;}
.sidebanner p{margin:10px 0 0;font-size:14px;}

}


@media screen and (max-width:576px) {

.sidebanner h1,.sidebanner h2{font-size:27px;}

}


@media screen and (max-width:480px) {

.sidebanner h1,.sidebanner h2{font-size:24px;}

}

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

}