.index-focus{position:relative}
@media only screen and (max-width:991px){
.index-focus{ margin-top:66px}
}
.index-focus,.home-slider .single-slider{height:480px; overflow:hidden;background-color:#666;}
.index-focus .single-slider{background-size:cover;background-position:center;position:relative}
.index-focus .single-slider .slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.65}
.index-focus .owl-nav{margin:0;width:100%}
.index-focus .owl-carousel .owl-nav div{width:60px;height:70px;line-height:60px;background:none;color:#fff;position:absolute;margin:0;padding:inherit;font-size:50px;text-align:center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:0px;top:50%;margin-top:-30px;opacity:0.8;text-shadow:1px 1px #222;}
.index-focus .owl-carousel .owl-nav div:hover{color:#fff;background:none;text-shadow:2px 2px #222;}
.index-focus .owl-carousel .owl-nav .owl-prev{left:-100px}
.index-focus:hover .owl-carousel .owl-nav .owl-prev{left:0px}
.index-focus .owl-carousel .owl-nav .owl-next{right:-100px}
.index-focus:hover .owl-carousel .owl-nav .owl-next{right:0px}
.index-focus .owl-item.active .main_text h4{animation:fadeInUp 0.1s both 0.2s}
.index-focus .owl-item.active .main_text h1{animation:fadeInRight 0.2s both 0.4s}
.index-focus .owl-item.active .main_text p{animation:fadeInLeft 0.4s both 0.6s}
.index-focus .owl-item.active .button{animation:fadeInUp 0.4s both 0.8s}
@media only screen and (min-width:768px) and (max-width:991px){
.index-focus .main_text h1{font-size:35px;line-height:50px}
.index-focus,.home-slider .single-slider{height:320px !important}
}
@media only screen and (max-width:767px){
.index-focus,.home-slider .single-slider{height:250px !important}
}
@media only screen and (min-width:1200px) and (max-width:1920px){
.index-focus,.home-slider .single-slider{height:550px !important}}
@media only screen and (min-width:421px) and (max-width:560px){
.index-focus,.home-slider .single-slider{height:180px !important}}
@media only screen and (min-width:381px) and (max-width:420px){
.index-focus,.home-slider .single-slider{height:160px !important}
}
@media only screen and (min-width:320px) and (max-width:380px){
.index-focus,.home-slider .single-slider{height:140px !important}
}
@media only screen and (min-width:200px) and (max-width:319px){
.index-focus,.home-slider .single-slider{height:117px !important}
}