#banner,#banner .item{overflow:hidden;position:relative;background:#fff;z-index:100}
#banner{
    border-bottom: #65a603 7px solid;
}
#banner *{-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-ms-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out}
#banner .item a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#banner .info{position:absolute;width:100%;top:30vh;left:0;z-index:3}
#banner .info >*{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
#banner .info h3{display:block;line-height:110%;text-align:center;font-size:80px;font-weight:700;color:#fff;-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
#banner .info p{margin-top:30px;text-align:center;line-height:160%;font-weight:100;font-size:25px;color:#fff;-webkit-transform:translateY(30px);transform:translateY(30px);transition-delay:.5s;opacity:0}
#banner .img{position:relative;width:100vw;height:830px;background:no-repeat 50% / cover}
#banner .img video,#banner .img iframe{position:absolute;width:100vw;top:0;left:0;height: 100%;object-fit: cover;}
#banner .slick-active .img{height:827px;}
#banner .slick-active .info >*{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
 #cvenJ{
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: center;
    margin-top: -28px;
}
 #cvenJ a{
    display: flex;
    width: 150px;
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
    background: #65a603;
    z-index: 98999;
    border-radius: 10px;
    box-shadow: 0px 0 10px 0px rgb(55 55 55 / 25%);
}
 #cvenJ a span{
    color: white;
    font-size: 0.75em;
    margin-left: 10px;
}

#banner .btn{
    position: absolute;
    top: 44%;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 8%;
}
#banner .btn a{
    display: flex;
    flex-direction: column;
    padding:10px;
    border-radius: 50%;
    border: rgb(255 255 255 / 67%) 1px solid;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
#prevBtn{
	-webkit-transform:rotate(180deg)
}
#banner .btn a svg{width: 15px;padding: 5px;}
#banner .intext{
    position: absolute;
    z-index: 5;
    display: flex;
    width: 580px;
    max-width: 90%;
    height: 100%;
    left: 13%;
    top: 0;
    flex-direction: column;
    justify-content: center;
}
#banner .intext .imgo{}
#banner .intext .imgo span{
    font-size: 1em;
    color: white;
}
#banner .intext .imgo h2{
    position: relative;
    font-size: 3.5em;
    color: white;
    padding: 11px 0px;
}
#banner .intext .imgo h2:before{
	content:"";
	position: absolute;
	width: 115px;
	height: 2px;
	background: white;
	bottom: 0;
}
#banner .intext .imgo p{
    font-size: 1.4em;
    color: #f0f0f0;
    padding: 60px 0;
    width: 80%;
}
#banner .intext .marmore{}
#banner .intext a{
    position: relative;
    color: white;
    display: flex;
    width: 180px;
    aspect-ratio: 11 / 1;
    padding: 8px 10px;
    border: white 1px solid;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#banner .intext a:before{content:"";position: absolute;right: 0;width: 18px;height: 1px;background: white;}
@-webkit-keyframes banerBg{0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1)}
}@keyframes banerBg{0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@media screen and (max-width:1470px){
	#banner .slick-active .img{height:585px;}
}
@media screen and (max-width:1024px){
	#banner .btn{display:none;}
	#banner .intext .imgo p{
    width: 100%;
    padding: 40px 0;
}
}
@media screen and (max-width:980px){
	#cvenJ{display:none;}
}
@media screen and (max-width:768px){
	#banner .info h3{font-size:50px}
	#banner .slick-active .img{height:400px}
	#banner .info p{font-size:20px}
}
@media screen and (max-width:480px){
	#banner .img,#banner .slick-active .img{height:343px;background-position:61% 50%;background-size:cover}
}