.owl-carousel .owl-nav {width:100%;margin:0;}

.owl-carousel button.owl-prev,
.owl-carousel button.owl-next {display:block;position:absolute;top:50%;width:40px;height:80px;overflow:hidden;text-align:center;background:none;border:none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.owl-carousel button.owl-prev:hover,
.owl-carousel button.owl-next:hover {background:none;}
.owl-carousel button.owl-prev i,
.owl-carousel button.owl-next i {color:#fff;font-size:24px;line-height:80px;}
.owl-carousel button.owl-prev {left:0;}
.owl-carousel button.owl-next {right:0;}

/*.owl-carousel .owl-nav [class*='owl-'] {display:inline-block;margin:0;padding:0;color:#fff;font-size:14px;background:#;cursor:pointer;}
.owl-carousel .owl-nav [class*='owl-']:hover {}*/

.owl-carousel .owl-nav .disabled {opacity:0.5;cursor:pointer;}

.owl-carousel .owl-nav.disabled + .owl-dots {margin:20px 0 0 0;}

.owl-carousel .owl-dots {display:block;position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.owl-carousel .owl-dots button {background:none;border:none}
.owl-carousel .owl-dots .owl-dot {display:inline-block;zoom:1;*display:inline;}
.owl-carousel .owl-dots .owl-dot span {display:block;width:60px;height:3px;margin:40px 2px 0 2px;background:#fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {background:#569ffd;}

.owl-carousel .item {position:relative;}

.slide {background:#444}
.slide .item {position:relative;width:100%;}

.slide1 {display:block;position:relative;width:100%;max-width:1140px;height:820px;margin:0 auto;padding:0 20px;text-align:left;}
.slide1 .con {position:relative;width:480px;padding:120px 0 0 0;z-index:1;}
.slide1 .con .qm {margin:0 0 24px 0;}
.slide1 .con h2 {margin:0 0 30px 0;color:#04c8c8;font-size:48px;font-weight:500;line-height:54px;letter-spacing:-2px;}
.slide1 p {margin:0 0 48px 0;color:#fff;font-size:30px;font-weight:400;line-height:44px;letter-spacing:-2px;}
.slide1 p strong {font-weight:500;}
.slide1 .sign {color:#fff;font-size:30px;font-weight:400;text-align:right;line-height:50px;}
.slide1 .sign img {}

.slide1 .img {position:absolute;right:0;bottom:0;width:540px;}
.slide1 .img img {width:100%;height:auto;}

.slide1 .con .qm,
.slide1 .con h2,
.slide1 .con p,
.slide1 .con .sign,
.slide1 .con .img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.slide .owl-item.active .con .qm {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0s;
}

.slide .owl-item.active .con h2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}

.slide .owl-item.active .con p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.6s;
}

.slide .owl-item.active .con .sign {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.9s;
}

.slide .owl-item.active .img {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInRight;
animation-delay: 0.3s;
}


.slide2 {display:block;position:relative;width:100%;max-width:1140px;height:820px;margin:0 auto;padding:0 20px;text-align:left;}
.slide2 .box {position:absolute;left:50%;top:50%;width:620px;height:540px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.slide2 .box .img1,
.slide2 .box .img2,
.slide2 .box .img3,
.slide2 .box .img4,
.slide2 .box .img5 {position:absolute;left:0;top:0;width:100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slide2 .box .img1 img,
.slide2 .box .img2 img,
.slide2 .box .img3 img,
.slide2 .box .img4 img,
.slide2 .box .img5 img {width:100%;height:auto;}

.slide2 .text {display:block;position:absolute;left:0;top:0;width:100%;padding:140px 0 0 100px;color:#fff;font-size:58px;line-height:72px;letter-spacing:-8px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slide2 .text strong {color:#02f7fd;font-weight:500;}

.owl-carousel .owl-item.active .box .img1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 0.3s;
}

.owl-carousel .owl-item.active .box .img2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 0.6s;
}

.owl-carousel .owl-item.active .box .img3 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 0.9s;
}

.owl-carousel .owl-item.active .box .img4 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 1.2s;
}

.owl-carousel .owl-item.active .box .img5 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 1.5s;
}


.owl-carousel .owl-item.active .box .text1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 2s;
}


.owl-carousel .owl-item.active .box .text2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 2.3s;
}


.owl-carousel .owl-item.active .box .text3 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 2.6s;
}


.owl-carousel .owl-item.active .box .text4 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 2.9s;
}


.owl-carousel .owl-item.active .box .text5 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 3.2s;
}


.owl-carousel .owl-item.active .box .text6 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 3.5s;
}


.owl-carousel .owl-item.active .box .text7 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 3.8s;
}


.owl-carousel .owl-item.active .box .text8 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 4.1s;
}


.owl-carousel .owl-item.active .box .text9 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 4.4s;
}


.owl-carousel .owl-item.active .box .text10 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 4.7s;
}


.owl-carousel .owl-item.active .box .text11 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 5s;
}


.owl-carousel .owl-item.active .box .text12 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 5.3s;
}


.owl-carousel .owl-item.active .box .text13 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 5.6s;
}


.owl-carousel .owl-item.active .box .text14 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 5.9s;
}


.owl-carousel .owl-item.active .box .text15 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 6.2s;
}


.owl-carousel .owl-item.active .box .text16 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 6.5s;
}


.owl-carousel .owl-item.active .box .text17 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeIn;
animation-delay: 6.8s;
}


.slide3 {border-bottom:solid 1px #ddd;}
.slide3 .item {text-align:center;line-height:40px;letter-spacing:-1px;}
.slide3 .item strong {font-weight:500;}

.slide4 {background:#444}
.slide4 .item {position:relative;width:100%;}
.slide4 .item img {width:100%;height:auto;}


.slide5 {position:absolute;left:0;top:0;width:100%;height:100%;text-align:left;}
.slide5 .box {position:absolute;left:50%;top:50%;width:620px;height:540px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.slide5 .box .img1,
.slide5 .box .img2,
.slide5 .box .img3,
.slide5 .box .img4,
.slide5 .box .img5 {position:absolute;left:0;top:0;width:100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slide5 .box .img1 img,
.slide5 .box .img2 img,
.slide5 .box .img3 img,
.slide5 .box .img4 img,
.slide5 .box .img5 img {width:100%;height:auto;}

.slide5 .text {display:block;position:absolute;left:0;top:0;width:100%;padding:140px 0 0 100px;color:#fff;font-size:58px;line-height:72px;letter-spacing:-8px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slide5 .text strong {color:#02f7fd;font-weight:500;}

.slide6 {width:100%;margin:0 auto;}
.slide6 .item {position:relative;margin:0 40px;}
.slide6 .item img {width:100%;height:auto;}







@media screen and (max-width:1024px) {
.owl-carousel .owl-nav.disabled + .owl-dots {margin:0;}

.owl-carousel .owl-dots .owl-dot span {width:40px;}


.slide1 {height:640px;}
.slide1 .con {width:360px;padding:80px 0 0 0;}
.slide1 .con .qm {margin:0 0 18px 0;}
.slide1 .con .qm img {width:48px;height:auto;}
.slide1 .con h2 {margin:0 0 30px 0;font-size:36px;line-height:48px;}
.slide1 p {margin:0 0 36px 0;font-size:24px;line-height:32px;}
.slide1 .sign {font-size:24px;line-height:30px;}
.slide1 .sign img {width:80px;height:auto;}

.slide1 .img {right:-60px;width:460px;}


.slide2 {height:640px;}
}






@media screen and (max-width:768px) {

.owl-carousel .owl-dots {bottom:10px;}


.slide1 {height:480px;}
.slide1 .con {width:300px;padding:60px 0 0 0;}
.slide1 .con .qm {margin:0 0 18px 0;}
.slide1 .con .qm img {width:36px;height:auto;}
.slide1 .con h2 {margin:0 0 30px 0;font-size:30px;line-height:40px;letter-spacing:-1px;}
.slide1 p {margin:0 0 30px 0;font-size:18px;line-height:24px;letter-spacing:-1px;}
.slide1 .sign {font-size:18px;line-height:24px;}
.slide1 .sign img {width:60px;height:auto;}

.slide1 .img {right:-60px;width:320px;}


.slide2 {height:480px;}
.slide2 .box {width:320px;height:270px;}

.slide2 .text {padding:70px 0 0 60px;font-size:29px;line-height:36px;letter-spacing:-4px;}


.slide5 .box {width:320px;height:270px;}
.slide5 .text {padding:70px 0 0 60px;font-size:29px;line-height:36px;letter-spacing:-4px;}
}





@media screen and (max-width:480px) {


.slide1 {height:420px;}
.slide1 .img {right:-60px;width:280px;}


.slide2 {height:420px;}
}