body{background:#fff;}
/* index首页 */
	/*banner*/
	.banner-box1{ margin-top:-62px;width: 100%;min-height:670px;background: url(../img/index-banner1.png) no-repeat center bottom #E6EBF1;}
	.banner-box1 .container{padding-top:260PX;}
	.banner-box1 .container h1{color:#111;font-size:42px;font-weight: bolder;}
	.banner-box1 .container p{ color:#666;font-size:16px;line-height: 2;font-weight:300;}
	.banner-box1 .container a.btn{padding:10px 30px; background-color: #2A5AF6;color:#fff;font-size: 20px;border-radius: 4px;}
	/* num-box */
	.num-box{position: relative;top:-45px; }
	.num-box .container .row{padding:20px 10px; border-radius: 10px;background-color:#F9FAFC;box-shadow: inset 2px 2px 3px rgba(255,255,255,0.9),  /* 浅色内阴影（模拟高光） */0 5px 10px rgba(0, 44, 133, 0.1);/* 深色内阴影（模拟暗部） */}
	.num-box .container::after{content:"";display: block;}
	.num-box .item {display:flex;align-items: center;justify-content: center;}
	.num-box .item dt{ }
	.num-box .item dd{}
	.num-box .item dd h2{margin-bottom:0; color:#111;font-size:32px; }
	.num-box .item dd p{color:#999;font-size:16px;}
	/* banner-box2 */
	.banner-box2{min-height:500px;padding:50px 0 100px;}
	.tods-item .title{position:relative;}
	.tods-item .title h1{margin-bottom:10px;font-size:32px;color:#111;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:break-all;}
	.tods-item .title p{height:40px; max-height:40px;margin-top:5px;color:#666;font-size:15px;font-weight:300;}
	/* 通用按钮 */
	.news-arrow{position: absolute; width:50px;bottom:-30px;right:0;left:-15px;margin: auto;}
	.news-arrow .carousel-control-prev{display:inline-block;}
	.news-arrow .carousel-control-prev span{display:inline-block;font-size:14px;color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px; border:1px solid #ccc;border-radius:20px;}
	.news-arrow .carousel-control-next{display:inline-block; }
	.news-arrow .carousel-control-next span{display:inline-block;font-size:14px;color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px;border:1px solid #ccc;border-radius:20px;}
	.news-arrow .carousel-control-next:focus span,.news-arrow .carousel-control-next:hover ,.news-arrow .carousel-control-prev:focus span,.carousel-control-prev:hover {color:#fff;text-decoration:none;background-color:#0055FF;border-color:#0055FF;outline:0;opacity:1;}
	/* banner-box2 */
	.banner-box2 .tods-item img{width: 100%;border-radius:20px;}
	.banner-box2 .tods-item b{display: block;padding:10px 0;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
	.banner-box2 .tods-item span{display: block;color:#999;font-size:14px;}
	.banner-box2 .tods-item:hover span{color:#999;font-size:14px;}
	.banner-box2 .news-arrow{bottom:50px;width:100px;}
	.banner-box2 .news-arrow .swiper-button-prev{color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px;border:1px solid #ccc;border-radius:20px;}
	.banner-box2 .news-arrow .swiper-button-next{color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px;border:1px solid #ccc;border-radius:20px;}
	.banner-box2 .swiper-button-next:after,.banner-box2 .swiper-button-prev:after{font-size:14px;}
	/* banner-box3 */
	.banner-box3{position: relative;min-height:500px; background-color:#F6F8FB;}

	.banner-box3 .news-arrow{bottom:50px;width: 100px;}
	.banner-box3 .news-arrow .swiper-button-prev{color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px;border:1px solid #ccc;border-radius:20px;}
	.banner-box3 .news-arrow .swiper-button-prev:hover,.banner-box3 .news-arrow .swiper-button-next:hover,.banner-box2 .news-arrow .swiper-button-prev:hover,.banner-box2 .news-arrow .swiper-button-next:hover{color:#fff;background-color: #0056FF;border:1px solid #0056FF;}
	.banner-box3 .news-arrow .swiper-button-next{color:#8a8a8a;width:30px;height:30px;text-align: center;line-height:30px;border:1px solid #ccc;border-radius:20px;}
	.banner-box3 .swiper-button-next:after,.banner-box3 .swiper-button-prev:after{font-size:14px;}
	.banner-box3 .swiper-slide {height:500px;padding:20px; text-align: center;font-size:18px;border-radius:20px;background: #fff;overflow: hidden;/* Center slide text vertically */
				  -webkit-box-pack: center;
				  -ms-flex-pack: center;
				  -webkit-justify-content: center;
				  justify-content: center;
				  -webkit-box-align: center;
				  -ms-flex-align: center;
				  -webkit-align-items: center;
				  align-items: center;
				  /* transform: scale(0.9); */}
	.banner-box3 .swiper-slide-active,.swiper-slide-duplicate-active{/* background-color: #0056FF;transform: scale(1); */}
	/* .banner-box3 .swiper-slide-active h2,.banner-box3 .swiper-slide-active h6,.banner-box3 .swiper-slide-active a,.swiper-slide-duplicate-active h2,.swiper-slide-duplicate-active h6,.swiper-slide-duplicate-active a{color:#fff !important;} */
	.banner-box3 .swiper-slide .item{position:relative; display:block;width:100%;height:100%; padding:30px; }
	.banner-box3 .swiper-slide .item h2{color:#111;font-size:30px;text-align:left;margin-bottom:5px;}
	.banner-box3 .swiper-slide .item h6{color:#999;font-size: 16px;text-align:left;font-weight:300;line-height:1.6;}
	.banner-box3 .swiper-slide .item a{color:#2A5AF6;font-size:16px;}
	.banner-box3 .swiper-slide .item a:hover{text-decoration:underline;}
	.banner-box3 .swiper-slide .item figure{position: absolute;bottom:-10px;right:-10px;}
	.banner-box3 .swiper-slide .item figure img{width:220px}
	.banner-box3 .swiper-slide .item-against{position:relative; visibility: hidden; width: 100%;height:100%; padding:30px;background-color: #0056FF; }
	.banner-box3 .swiper-slide .item-against h2{color:#fff !important;font-size:30px;text-align: left;margin-bottom:10px;}
	.banner-box3 .swiper-slide .item-against h6{color:#fff !important;font-size: 15px;text-align: left;font-weight:300;line-height:1.4;}
	.banner-box3 .swiper-slide .item-against a{color:#fff;font-size:16px;}
	.banner-box3 .swiper-slide .item-against a:hover{text-decoration: underline;}
	.banner-box3 .swiper-slide .item-against figure{position: absolute;right:-10px;bottom:-10px;}
	.banner-box3 .swiper-slide:hover{background-color:#0056FF;cursor: pointer;}
	.banner-box3 .swiper-slide:hover .item{display: none;}
	.banner-box3 .swiper-slide:hover .item-against{ visibility: visible;}

	/* banner-box4 */
	.banner-box4{height:550px; padding:50px 0 100px;}
	.banner-box4 .marqueen-box{position: absolute;left:0;top:20px;right:0;margin: auto; width:100%;overflow: hidden;}
	.marquee-container {width: 100%;overflow: hidden;padding: 1rem 0;position: relative;}
	.marquee-content{display: flex;white-space: nowrap;animation: marquee 20s linear infinite;}
	.marquee-content > ul li{display: flex;align-items: center; margin:0 1rem;font-size:1.2rem;  border-radius: 10px; }
	.marquee-content > ul li a{display: block;width:220px; height:100px;line-height: 100px;text-align: center; overflow: hidden; }
	.marquee-content > ul li:nth-child(2n) a{}
	.marquee-content > ul li a img{width:100%;}
		/* 复制一份内容用于无缝循环 */
	   .marquee-content > ul {display: flex;}
		@keyframes marquee {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
/* traffic流量变现 */	
	/* traffic-box1 */
	.traffic-box1{background: url(../img/traffic-banner.png) no-repeat center bottom #F0F5FB;}
	.traffic-box1 .container p{font-size:18px;}
	/* traffic-box2 */
	.traffic-box2{padding:50px 0;}
	.traffic-box2 .num-box .item{padding:30px 100px; justify-content: left;}
	.traffic-box2 .num-box .item h2{font-size:24px;color:#111;}
	.traffic-box2 .num-box .item p{font-size:14px;color:#666;font-weight: 300;}
	/* traffic-box3 */
	.traffic-box3{width: 100%;height:auto;padding:50px 0 100px; background: url(../img/traffic-box3-bg.png) no-repeat center bottom #F3F5F8;background-size: cover;}
	.traffic-box3 .swiper-wrapper .swiper-slide{ box-shadow:0 0 12px rgba(0,0,0,.05);}
	.traffic-box3 .swiper .swiper-slide .item,.traffic-box3 .swiper .swiper-slide .item-against{padding:20px;}
	.traffic-box3 .swiper .swiper-slide .item h3{margin:30px 0;font-size:24px;color:#111;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;}
	.traffic-box3 .swiper .swiper-slide .item p{height:80px; margin:30px 0;font-size:16px;line-height:1.6;font-weight: lighter; color:#666; overflow: hidden; }
	.traffic-box3 .swiper .swiper-slide .item a.btn-block{width:80%;margin: auto;font-size:16px; padding:10px 20px;border-radius:5px;background-color:#F6F8FB;}
	.traffic-box3 .swiper .swiper-slide .item h6{ margin:20px 0;font-size: 14px; text-align: center;}
	.traffic-box3 .swiper .swiper-slide .item-against h3{margin:30px 0;font-size:24px;color:#fff;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;word-break: break-all;}
	.traffic-box3 .swiper .swiper-slide .item-against p{height:80px; margin:30px 0;font-size:16px;line-height:1.6;font-weight: lighter; color:#fff; overflow: hidden; }
	.traffic-box3 .swiper .swiper-slide .item-against a.btn-block{width:80%;margin:auto;font-size:16px;padding:10px 20px;border-radius:5px;background-color:#fff;color:#2A5AF6;}
	.traffic-box3 .swiper .swiper-slide .item-against h6{margin:20px 0;text-align:center;color:#fff;font-size:14px;}
	.traffic-box3 .swiper .swiper-slide:hover .item{display:none;}
	.traffic-box3 .swiper .swiper-slide:hover .item-against{display:block !important;}
	.traffic-box3 .swiper-button-prev,.traffic-box3 .swiper-button-next{top:var(--swiper-navigation-top-offset,40%);border-radius:30px;}
	.traffic-box3 .swiper-button-prev:hover,.traffic-box3 .swiper-button-next:hover{color:#fff !important;background-color:#2A5AF6;}
	.traffic-box3 .preview-container img{transform:scale(1.1);}
	.traffic-box3 .carousel-wrapper .btn-blue{display:inline-block;width:auto;font-size:20px;padding:15px 35px;border-radius:5px;background-color:#2A5AF6;color:#fff;}
	/* traffic-box4 */
	.traffic-box4{padding:50px 0;}
	.traffic-box4 .item{height:287px;width:280px;}
	.traffic-box4 .item dd{display: block;width: 100%; padding:20px;}
	.traffic-box4 .item dd h2{text-align:center;font-size:24px;color:#111;}
	.traffic-box4 .item dd p{width:80%;margin: auto; text-align:center;font-size:14px;color:#666;}
	.traffic-box4 .num-box .item.item1{background:url(../img/traffic-step-01.png) no-repeat;background-size:280px;background-size:contain;}
	.traffic-box4 .num-box .item.item2{background:url(../img/traffic-step-02.png) no-repeat;background-size:280px;background-size:contain;}
	.traffic-box4 .num-box .item.item3{background:url(../img/traffic-step-03.png) no-repeat;background-size:280px;background-size:contain;}
	.traffic-box4 .num-box .item.item4{background:url(../img/traffic-step-04.png) no-repeat;background-size:280px;background-size:contain;}
	.traffic-box4 .num-box{}
	.step-arrow{position:absolute;right:-3%;top:50%;width:40px;height:40px;line-height:40px;text-align:center;background-color:#0058FF;border-radius:30px;}
	.step-arrow .iconfont{color:#fff;}
	
/* access */
	.access-box1{background:url(../img/access-banner.png) no-repeat center bottom #E6EBF1;}
	.access-box2 .document-main{background-color:#F9FAFC;background-image:linear-gradient(#F5F6FA,#fff);box-shadow:inset 3px 3px 3px rgba(255, 255, 255, 0.9), 0 5px 10px rgba(0, 44, 133, 0.1);border-radius:5px;}
.access-box2 .item{margin-bottom:15px;}
	.access-box2 .item dt{ line-height:2;display:flex;align-items:center;}
	.access-box2 .item dt a{color:#111;font-size:16px;}
	.access-box2 .item dt a::before,.access-box2 .item dd a::before{content:"";display:inline-block;width:7px;height:7px; margin-right: 5px; background-color: #222;border-radius:20px;}
	.access-box2 .item dd a{color:#8a8a8a;font-size:15px;}
	.access-box2 .item dd{padding-left:1rem;line-height:2;}
	.btn-blue{display:inline-block;width:auto;font-size:20px;padding:15px 35px;border-radius:5px;background-color:#2A5AF6;color:#fff;}
	.btn-blue:hover{color:#fff !important;}
	
/* aboutus */
	.aboutus-box1{background: url(../img/aboutus-banner.png) no-repeat center bottom #E6EBF1;}
	.aboutus-box1 p{max-width:60%;}
	.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat center right  ;}
	.aboutus-box2 .num-box{top:40px;}
	.aboutus-box2 .num-box .item{justify-content: left;}
	.aboutus-box2 .num-box .item h2{font-size: 24px;}
	.aboutus-box2 .num-box .item p{font-size:16px;font-weight: 300 ;}
	.aboutus-box3{background-color:#F6F8FB;	}
	.aboutus-box3 form label{display: block;padding:20px 15px;margin-bottom:15px; background-color:#fff;border-radius:5px;	}
	.aboutus-box3 form label span{margin-right: 24px;}
	.aboutus-box3 form label input,.aboutus-box3 form label textarea{border: none;}
	.aboutus-box3 form label input{width:70%;}
	.aboutus-box3 form label textarea{width:100%;}
	.aboutus-box4{display: flex;align-items: center;justify-content: center;height:300px;max-height:300px;min-height:300px; overflow: hidden; background: url(../img/aboutus-banner3.png) no-repeat center #E9F0F8;background-size: cover;}
	.aboutus-box4 .tods-item{}
	.aboutus-box4 .tods-item .title h1{ }
	.aboutus-box4 .tods-item .title p{margin-top:20px; font-size: 18px;}

/*login*/
.login-content{height:100%;width:100%;min-height:600px;background:url(../img/login-bg2.jpg) no-repeat center right #f5f9ff;}
.login-main{padding: 80px 0 0 10px;background: url(../img/login-bg1.png) -100px 150px no-repeat;background-size: contain;}
.login-banner{float:left;margin-top:100px;}
.login-banner h1{margin:100px 0 20px;font-size:42px; font-weight:700;letter-spacing:10px;color:#0a325e;}
.login-banner h6{font-weight:300;letter-spacing:20px;font-size:20px;color:#0a325e;}
.login-box{}
.login-box .login-form{float:right;width:400px;height:450px; padding:20px;margin-top:100px;background-color:rgba(255,255,255,.8);border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1);}
.login-box .iconguanbi{position: absolute;right:20px;top:20px;color:#333 !important;cursor:pointer;}
.login-box .iconguanbi:hover{transform:rotate(15deg);color:#3671ff;}
.login-box .form-item{	}
.login-box .form-item label{display:block;margin:30px 0;padding:5px 10px;border:1px solid #f7ba3e;border-radius:30px;}
.login-box .form-item label .iconfont{opacity:.5;}
.login-box .form-item label input{width:75%;line-height:50px;border:none;background:none;}
.login-form .login a.btn-blue{display:block;margin:20px 0;border-radius:30px;font-size:20px;background-color:#f7ba3e;color:#fff; }
.login-form .sigin{font-size:14px;}
.reg-code{float:right; width:98px;margin-top:12px;font-size:13px;border-radius:30px;background-color: #f5f5f5;}
.reg-code:hover{background-color:#e8e8e8;}
.login-box .form-item.sigin-login input{width:16px;height:16px;margin-top:-1px;vertical-align:middle;}
.login-menu-box{padding:50px 0;}
.login-menu{padding:20px;border-radius:20px;background-color:rgba(255,255,255,.3);box-shadow:0 20px 20px rgba(17,32,66,.05);}
.login-menu h1{padding-bottom:10px; text-align: center;font-size:26px; font-weight:300;}
.login-menu h6{text-align: center;font-size:14px;font-weight:300;}
	
	
@media only screen and (min-width:1680px){
	/* .contactus-bg-mov{position: absolute;top:-300px;z-index: 1;width:100%; } */
	}
	 
@media only screen and (min-width:1440px) and (max-width:1679px){
	.traffic-box4 .item{width:240px;height: 250px;}
	.traffic-box4 .step-arrow{right: -4%;top:45%;width:2rem;height: 2rem;line-height: 2rem;}
	.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat 50px 100px;background-size:cover;}
	}
@media only screen and (min-width:1201px) and (max-width:1339px){
	.traffic-box4 .item{width:13rem;height: 14rem;}
	.traffic-box4 .step-arrow{right: -6%;top:45%;width:2rem;height: 2rem;line-height: 2rem;}
	.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat 50px 100px;background-size:cover;}
	}
@media(max-width:1200px) and (min-width:992px){
	
	.banner-box3 .swiper-slide .item h6,.banner-box3 .swiper-slide .item-against h6{font-size:13px;}
	.banner-box2 .tods-item .title p{overflow: hidden;height:3rem; max-height:3rem;font-size:1rem;}
	.traffic-box2 .num-box .item{padding:1rem 0;}
	.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat 0 100px;background-size:cover;}
	.traffic-box4 .num-box{margin:0 !important;padding: 0 !important;}
	.traffic-box4 .item{width:13rem;height: 14rem;}
	.traffic-box4 .item dd p{font-size: 0.9rem;}
	.traffic-box4 .item dd h2{font-size:1.1rem;}
	.traffic-box4 .step-arrow{right: -8%;top:45%;width:2rem;height: 2rem;line-height: 2rem;}
	}
@media (max-width:991px){
	.num-box .item dd h2{font-size:1.5rem;}
.banner-box2 .tods-item .title p{overflow: hidden;height:3rem; max-height:3rem;font-size:1rem;}
.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat 0 100px;background-size:cover;}
	}
@media (max-width:767px){
	/* index */
		/*banner*/
	.banner-box1{min-height:20rem;padding-bottom: 2rem; background: url(../img/index-banner1.png) no-repeat center bottom #E6EBF1;background-size: cover;} 
	.banner-box1 .container{padding-top:2.5rem;}
	.banner-box1 .container h1{font-size:2rem;}
	.banner-box1 .container p{font-size:1rem;line-height:1.6;font-weight:300;}
	
	/* num-box */
	.num-box{top:-1rem;}
	.num-box .item dt{width:2rem;}
	.num-box .item dt img{width:1.8rem;}
	.num-box .item dd h2{margin-bottom:0.2rem;font-size:1.2rem;}
	.num-box .item dd p{font-size:0.8rem;}
	.tods-item .title h1{font-size:1.5rem;}
	.tods-item .title p{max-height:6rem; font-size:1rem;overflow: hidden;}
	
	/* banner-box2 */
	.banner-box2{min-height:22rem;padding:2rem 0 5rem;}
	.banner-box2 .news-arrow{bottom:2rem;}
	.banner-box2 .tods-item .title p{overflow: hidden;  font-size:1.1rem;}
	
	/* banner-box3 */
	.banner-box3 #my-swiper2-container{  padding:1rem;}
	.banner-box3 .swiper-slide{max-height:30rem;}
	.banner-box3 .swiper-slide .item,.banner-box3 .swiper-slide .item-against{padding:0.1rem;margin:0.2rem;}
	 .banner-box3 .swiper-slide .item img,.banner-box3 .swiper-slide .item-against img{width:8rem;}
	 
	.banner-box3 .swiper-slide .item h2,.banner-box3 .swiper-slide .item-against h2{font-size:2.5rem;}
	.banner-box3 .swiper-slide .item h6,.banner-box3 .swiper-slide .item-against h6{font-size:1.6rem;}
	.banner-box3 .swiper-slide .item a{font-size:1.2rem;}
	/* banner-box4 */
	.banner-box4{height:22rem;}
	.marquee-content > ul li{margin:0 0.3rem;}
	.marquee-content > ul li a{width:10rem;height:5rem;line-height:1;}
	.banner-box4 .marqueen-box:nth-child(1){top:0 !important;}
	.banner-box4 .marqueen-box:nth-child(2){top:6rem !important;}
	.banner-box4 .marqueen-box:nth-child(3){top:11rem !important;}
	
/* traffic */
	.traffic-box2{padding:2rem 0;}
	.traffic-box2 .num-box .item{padding:1rem 0;}
	.traffic-box2 .num-box .item h2{font-size:1.2rem;}
	.traffic-box2 .num-box .item p{font-size:1rem;}
	.traffic-box3{padding:1rem 0 3rem;}
	.traffic-box3 .swiper .swiper-slide .item h3{font-size:1.4rem;}
	.traffic-box3 .swiper .swiper-slide .item p{font-size:1.1rem;}
	.traffic-box3 .swiper .swiper-slide .item a.btn-block{font-size:1.2rem;font-weight: bold;}
	.traffic-box3 .swiper .swiper-slide .item h6{font-size:1.2rem;}
	.traffic-box3 .carousel-wrapper .btn-blue{font-size:1.5rem;padding:1rem 2rem;}
	.traffic-box4 .num-box .item{height:15rem;width:15rem;margin: auto; }
	.traffic-box4 .num-box .step-arrow{top:12rem;left: 0;right: 0;margin: auto;transform:rotate(90deg);background-color: rgba(42, 90, 246,.1);}
	.traffic-box4 .num-box .step-arrow .iconfont{color:#2A5AF6 !important;font-weight: bolder;font-size:1rem;}
	
/* access */
	.access-box2{min-height:20rem;padding: 2rem 0;}
	.access-box2 .item{margin-bottom:0;}
	.access-box2 .item dt{ line-height:2;display:flex;align-items:center;}
	.access-box2 .item dt a{color:#111;font-size:1.2rem;}
	.access-box2 .item dt a::before,.access-box2 .item dd a::before{content:"";display:inline-block;width:7px;height:7px; margin-right: 5px; background-color: #222;border-radius:20px;}
	.access-box2 .item dd a{color:#8a8a8a;font-size:1.1rem;}
	.access-box2 .item dd{padding-left:1rem;line-height:2;}
	.access-box2.banner-box2 .tods-item .title p{height: auto;max-height:10rem;}
	.btn-blue{display:inline-block;width:auto;font-size:1.5rem;padding:1rem 2rem;border-radius:5px;background-color:#2A5AF6;color:#fff;}
	
/* aboutus */
	.aboutus-box1 .container p{max-width: 100%;}
	.aboutus-box2{background: url(../img/aboutus-banner2.png) no-repeat center;background-size:660%;}
	.aboutus-box3{padding:2rem 0;}
	.aboutus-box3 form label{padding:0.6rem 1rem;}
	.aboutus-box3 form label span{font-size:1rem;color:#666;}
	.aboutus-box3 form label input{width:60%;}
	.aboutus-box2 .num-box{top:0;}
	.aboutus-box2 .num-box .item h2{font-size:1.3rem;}
	.aboutus-box2 .num-box .item p{font-size:1rem;}
	.aboutus-box4{min-height:10rem; height: 10rem;background: url(../img/aboutus-banner3.png) no-repeat center left;background-size:cover;}
	
}

@media (max-width:576px){.contactus-bg-mov{position: absolute;top:-5rem;z-index: 1;width:100%;height:20rem;}}