﻿section.mainSlider{width:100%;height:100%;padding-top:115px}
section.mainSlider .content{height:100%;position:relative }

.destopBanner{ display:block;}
.mobilBanner{ display:none !important;}

#mainSlider{width:100%;height:100%}
#mainSlider .item, #mainSlider .owl-item, #mainSlider .owl-stage, #mainSlider .owl-stage-outer{height:100% }
#mainSlider .item img.slideImg{display:block;width:66%;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%) }
#mainSlider .slideCaption{width:25%;height:100%;display:table }
#mainSlider .slideCaptionContent{display:table-cell;vertical-align:middle }
#mainSlider .slideCaptionContent h1{display:block;font-size:60px;color:#38383c;line-height:60px;letter-spacing:-5px;margin-left:-5px }
#mainSlider .slideCaptionContent h2{display:block;font-size:60px;color:#38383c;line-height:60px;letter-spacing:-5px;margin-left:-5px }
#mainSlider .slideCaptionContent span{display:block;font-size:14px;color:#38383c;padding:20px 0 }
#mainSlider .owl-dot, #mainSlider .slideCaptionContent a{display:block;font-size:18px;font-family:DINPro-Condensed }
#mainSlider .slideCaptionContent span b, #mainSlider .slideCaptionContent span strong{font-weight:600 }
#mainSlider .slideCaptionContent a{color:#38383c;position:relative;padding-left:35px }
#mainSlider .slideCaptionContent a::before{display:block;width:20px;height:1px;position:absolute;left:0;top:50%;background:#38383c;content:"";-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s }
#mainSlider .slideCaptionContent a:hover{padding-left:55px;color:#dd0330 }
#mainSlider .slideCaptionContent a:hover::before{width:45px;background:#dd0330 }

#mainSlider .fullBg{width:100%;height:100%; background-size: cover; background-repeat: no-repeat; background-position: bottom right; }

#mainSlider .owl-controls{height:100px;width:55%;background:#38383c;position:absolute;bottom:0;left:0 }
#mainSlider .owl-next, #mainSlider .owl-prev{width:105px;opacity:.5;position:absolute;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;height:100% }
#mainSlider .owl-prev{background:url(../images/leftArrow.png) center no-repeat;right:50px;transition:all .2s }
#mainSlider .owl-next{background:url(../images/rightArrow.png) center no-repeat;right:0;transition:all .2s }
#mainSlider .owl-next:hover, #mainSlider .owl-prev:hover{opacity:1 }
#mainSlider .owl-dots{width:100%;max-width:620px;float:right; margin-right: 0;}
#mainSlider .owl-dot{float:left;color:#4f4f53;padding-right:29px;line-height:100px }
#mainSlider .owl-dot.active, #mainSlider .owl-dot:hover{color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s }

#mainSlider .fullBg .slideCaption{width:40% }
#mainSlider .fullBg .captionBg{background:rgba(245,245,245,.9);padding:50px }

#mainSlider .videoSlider{width:100%;height:100%;position:relative;overflow:hidden }
 #mainSlider video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:1s opacity }
#mainSlider .videoSlider .content{z-index:5 }


@media only screen and (max-width:1440px) {
#mainSlider .item img.slideImg{width:55%;}
#mainSlider .slideCaption{height:95% }
#mainSlider .slideCaptionContent h1{font-size:48px;line-height:48px;}
#mainSlider .slideCaptionContent h2{font-size:48px;line-height:48px;}
#mainSlider .slideCaptionContent span{font-size:16px;padding:15px 0 30px }

#mainSlider .owl-controls{height: 65px;}
#mainSlider .owl-dot{line-height: 65px;}

}

@media only screen and (max-width: 1024px) {
#mainSlider .owl-dots {padding-left: 5%;}
#mainSlider .slideCaption {padding-left: 30px; width: 30%;}
}

@media only screen and (max-width:768px) {
#mainSlider .owl-dots{padding-left: 5%; margin-right:0;}
#mainSlider .owl-dot{padding: 0 5px !important;}
#mainSlider .slideCaption {padding:30px; padding: 50px; width: 100%; text-align: center;}
#mainSlider .fullBg{background-size:100% auto;}
#mainSlider .fullBg .slideCaption{width: 100%;}

#mainSlider .slideCaptionContent {display: block;}
#mainSlider .slideCaptionContent a {display: inline-block;}

#mainSlider .item img.slideImg {width:70%; right:auto; top:auto; position:relative; display:block; margin:15px auto 0; transform: translate(0); -webkit-transform: translate(0);-moz-transform: translate(0);}

#mainSlider .slideCaption {height: 57%;}
section.mainSlider .content {text-align: center; padding:0;}
#mainSlider .owl-next {width: 73px;}
#mainSlider .owl-prev {width: 42px; right: 64px;}
#mainSlider .videoSlider .video_mob { display:block}
#mainSlider .videoSlider video { display:none}

}

@media screen and (max-width:480px) {



#mainSlider .slideBlog.bayi .slideCaptionContent h1{font-size: 27px!important; line-height: 28px!important;}

section.mainSlider{padding-top:88px }
#mainSlider .owl-controls{width:100%;height:65px;text-align:center }
#mainSlider .owl-controls .owl-nav{display:none }
#mainSlider .owl-dot{line-height:65px;float:none;display:inline-block;padding:0 15px }
#mainSlider .slideCaption{width:80%;height:auto;text-align:center;margin:auto;padding:30px 0 0; }
#mainSlider .fullBg .slideCaption{padding:30px 0 0; width: 80%;}
#mainSlider .fullBg .captionBg{padding: 15px;}

#mainSlider .slideCaptionContent h1{font-size:26px;line-height:28px;letter-spacing:0 }
#mainSlider .slideCaptionContent h2{font-size:26px;line-height:28px;letter-spacing:0;padding-top:0;}
#mainSlider .slideCaptionContent span{font-size:13px;padding-bottom:10px;}
#mainSlider .slideCaptionContent a{width:160px;margin:auto;padding-left:0 }
#mainSlider .slideCaptionContent a::before{display:none }
}


@media only screen and (max-width:375px) {

#mainSlider .owl-dots {padding-left: 0px;}
}