@charset "utf-8";
.banner{position: relative;overflow: hidden;}
.bannerabox img{width: 100%; object-fit: cover;aspect-ratio: 1100 / 695;}

.bannertext{position: absolute;width: 100%; padding: .4rem 0; top: 50%;transform: translateY(-50%);left: 0;background: rgba(255,255,255,.7);z-index: 100;}
.logo{width: 350px; margin: 0 auto;}
.logo img{width: 100%;}
.wbnr{padding: .2rem 0;}
.wbnr ul{display: flex;gap:.5rem;justify-content: center;}
.wbnr h2{font-weight: bold;font-size: var(--font32);color: #2b328d;}
.wbnr p{font-size: var(--font18); margin-top: .1rem;color: #2b328d;}
.wbnr h3{display: flex;justify-content: center;gap:.25rem; padding-top: .15rem;}
.wbnr h3 a{display: block; width: 84px; line-height: 30px;text-align: center; border-radius: 6px;font-size: 16px; color: #fff;background:#2b328d;transition: all .5s;}
.wbnr h3 a:hover{opacity: .6;}
.sjzs{display: none;}
@media(max-width:1000px){
.logo{width: 150px;}
.wbnr{zoom: .55;}
.wbnr h3 a{padding: .1rem 0;}
.wbnr h2{font-size: 12px;}
.wbnr p{font-size: 12px;}
.wbnr h3 {display: flex;gap:.5rem;}
.wbnr h3 a{font-size: 12px;line-height: 22px;width: 75px;height: 22;}
.pczs{display: none;}
.sjzs{display: block;}
.bannerabox{height: 100vh;}
.bannerabox img{width: 100%;height: 100%;object-fit: cover;}
}