.banner{position:relative;top:0;left:0;right:0;width:100%;list-style:none;padding:0;z-index:1;background:#1B4349;background: linear-gradient(180deg, #004850 6%,#00212D 60%);overflow:hidden;}
.banner-main{position:relative;box-sizing:content-box;z-index:3;width:100%;text-align:center;color: #fff;overflow: hidden;}
.banner-content h1{font-weight:500;text-shadow: #333 0.1rem 0 0.3rem;}.banner-content p{text-shadow: #111 0.1rem 0 0.3rem;white-space: normal;word-break: break-word;overflow-wrap: break-word;}
.banner-bg{position:absolute;top:0;left:0;right:0;width:100%;background-image:url(0101bg.svg);background-repeat:no-repeat;}
@media only screen and (min-width:768px){
.banner-main{height:36.8rem;}
.banner-content{margin:0 auto;width:120rem;position:relative;top:0;z-index:5;}
.banner-content h1{padding:10rem 0 1.6rem;font-size:6.8rem;letter-spacing:0.1rem;}
.banner-content p{margin:0 auto;padding:0 0 3.8rem;max-width:96%;font-size:2.8rem;letter-spacing:0.1rem;line-height:5.3rem;}
.banner-bg{height:36.8rem;z-index:2;background-position:center 58px;background-size:222%;opacity:0.18;}
 }
@media only screen and (max-width:768px){
.banner-main{height:32rem;}
.banner-content{position:absolute;top:0;left:0;z-index:99;width:100%;}
.banner-content h1{padding:7.5rem 0 1rem;font-size:4.2rem;}
.banner-content p{margin:0 auto;padding:0 0 1.2rem;max-width:96%;font-size:2rem;line-height:3.6rem;overflow:hidden;}
.banner-bg{height:36.8rem;z-index:2;background-position:center 55px;background-size:450%;opacity:0.23;}
}