.headdd{font-size:56px;line-height:1}
@media only screen and (max-width: 1920px){
.main-banner,.main-banner .item{min-height:650px;}
}
@media only screen and (max-width: 1800px){
.main-banner,.main-banner .item{min-height:580px;}
.headdd{font-size:56px;}
}
@media only screen and (max-width: 1500px){
.main-banner,.main-banner .item{min-height:500px;}
.headdd{font-size:50px;}
}
@media only screen and (max-width: 1399px){
.headdd{font-size:40px;}
}
@media only screen and (max-width: 1199px){
.eilish{flex-wrap: wrap-reverse;}
.main-banner,.main-banner .item{min-height:450px;}
.headdd{font-size:36px;}
}
@media (max-width:991px){
.main-banner,.main-banner .item{min-height:350px;}
.floatfat{margin-top:-20px !important}
}
@media only screen and (max-width:767px){
.banner-content{text-align: center;background:rgba(255,255,255,.9);padding:10px;border-radius:6px;}
.headdd{font-size:32px;}
.contotomo .btn{font-size:15px;padding:9px 18px}
.her{max-width:360px;}
}
@media only screen and (max-width:640px){
.her{max-width:250px;}
.headdd{font-size:26px;}
.photobef{width:100%;text-align:center;}
.main-banner, .main-banner .item{padding-top:20px !important;}
}
@media only screen and (max-width:640px){
.headdd{font-size:22px;}
}

.main-banner,.main-banner .item{overflow:hidden;position:relative;z-index:1;}
.banner-back{position:absolute;bottom:0;left:50%;height:100%;z-index:-1;width: auto;transform:translateX(-50%);}
.nott{max-width:24px!important;display:inline-block!important;}

.noticeBox{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px #00000014;max-width:950px;border:1px solid #06497614}
.noticeHead{background:linear-gradient(90deg,#3b57ba 0%,#3b82f6 100%);color:#fff;padding:20px 25px;display:flex;align-items:center;gap:15px}
.noticeHead h3{font-size:28px;font-weight:700;margin:0;letter-spacing:.3px;color:var(--whiteColor)}
.noticeHead img{width:50px!important;}
.noticeContent{padding:20px;position:relative}
.noticeContent::before{content:'';position:absolute;left:0;top:30px;width:5px;height:calc(100% - 60px);background:linear-gradient(to bottom,#3b57ba,#3b82f6);border-radius:20px}
.noticeContent p{padding-left:24px;margin-bottom:18px;color:#444;font-size:15px;line-height:1.5}
.officialLine{margin-top:25px;margin-left:24px;background:#0e890a14;border:1px solid #0e890a2e;color:#0b5f08;padding:16px 18px;border-radius:14px;font-weight:600}
@media(max-width:768px) {
.noticeHead{padding:16px 18px}
.noticeHead h3{font-size:20px}
.noticeContent{padding:22px 18px}
.noticeContent p{font-size:14px;line-height:1.3;padding-left:18px}
.officialLine{margin-left:18px;font-size:14px}
}

.bannerowl.dotta .owl-dots{position:absolute;bottom:10%;right:10px;margin:0;transform:translateY(-50%);transition: opacity .3s ease;display: flex;justify-content: center;flex-flow: column;line-height:1;}
.bannerowl.dotta .owl-dots .owl-dot{margin:0;display:inline-block;height:auto;}
.bannerowl.dotta .owl-dots .owl-dot span{width:14px;height:14px;transition:height ease-in-out .5s;background:var(--main-color);display:inline-block;border-radius:10px;}
.bannerowl.dotta .owl-dots .owl-dot.active span,.bannerowl.dotta .owl-dots .owl-dot.active span{height:28px;border-radius:10px;width:14px;transition:height ease-in-out .5s;background:var(--main-color);}