.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent ; }
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:24px;margin:5px;padding:0px 7px 3px 7px ;background:#70cfea;display:inline-block;
	                                           cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px ; }
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#b3b5b9;color:#fff;text-decoration:none ;}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:23px 5px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#b2ddea}


.index-banner-pc.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:23px 5px;background:rgba(255,255,255,0);border:1px #ccc solid ;border-radius:30px}
.index-banner-pc.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#c8bba3}


.index_m_banner.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:23px 5px;background:rgba(255,255,255,0);border:1px #ccc solid ;border-radius:30px}
.index_m_banner.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#c8bba3}






.owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

.owl-item.active .slogan{
            transition-delay:2s; 
            filter:alpha(opacity=100);
            opacity:1;
            transition:1.5s;
            top: 40%;
            -webkit-animation: slogan_auto 2s;
          }
          
@-webkit-keyframes slogan_auto {
    0% {   
        opacity: 0;     
    }
    50% {   
        opacity: 0;  
        top: 55%;
    }
    100% {
       top: 40%; 
       opacity: 1;
    }
}

.owl-item.active .slogan2{
            transition-delay:2s; 
            filter:alpha(opacity=100);
            opacity:1;
            transition:1.5s;
            top: 55%;
            left: 5%;
            -webkit-animation: slogan_autoa 2s;
          }
          
@-webkit-keyframes slogan_autoa {
    0% {   
        opacity: 0;     
    }
    50% {   
        opacity: 0;  
        left: 10%;
    }
    100% {
       left: 5%;
       opacity: 1;
    }
}

.owl-item.active .slogan3{
            transition-delay:2s; 
            filter:alpha(opacity=100);
            opacity:1;
            transition:1.5s;
            top: 50%;
            left: 50%;
            -webkit-animation: slogan_autob 2s;
          }
          
@-webkit-keyframes slogan_autob {
    0% {   
        opacity: 0;     
    }
    50% {   
        opacity: 0;  
        left: 50%;
    }
    100% {
       left: 50%;
       opacity: 1;
    }
}



.i_case.owl-theme .owl-controls{
    position: absolute;
    bottom:-20px;
    right:40px;}

.index-banner-pc.owl-theme .owl-controls,.index_m_banner.owl-theme .owl-controls{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.case_d_img.owl-theme .owl-dots .owl-dot span{
    margin: 10px 5px;
}



.pro_d_left .owl-theme .owl-dots .owl-dot span{width:5px;height:5px;margin:5px 2px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.pro_d_left .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#b2ddea}


/*-----------------------------------------------------------*/

.i_box2_text .owl-nav[class*=owl-] .owl-prev {
    display: block;
    background-color: #fff;
    border: none;
    height:47px;
    width:47px;
    transition:.3s;
    position: absolute;
    left:-70px;
    top:50%;
    transform: translateY(-50%);
    background-image: url(../img/left01.png);
    box-shadow: 0px 0px 10px #dedede;
}

.i_box2_text .owl-nav[class*=owl-] .owl-next {
    display: block;
    background-color: #fff;
    border: none;
    height:47px;
    width:47px;
    transition:.3s;
    position: absolute;
    right:-70px;
    top:50%;
    transform: translateY(-50%);
    background-image: url(../img/right01.png);
    box-shadow: 0px 0px 10px #dedede;
}

.i_box2_text .owl-nav[class*=owl-] .owl-prev:hover {
    display: block;
    background-color: #779752;
    background-image: url(../img/left02.png);
    opacity: 0.8;
}

.i_box2_text .owl-nav[class*=owl-] .owl-next:hover {
    display: block;
    background-color: #779752;
    background-image: url(../img/right02.png);
    opacity: 0.8;
}
/*-----------------------------------------------------------*/



.i_box4_text .owl-nav[class*=owl-] .owl-prev {
    display: block;
    background-color: #fff;
    border: none;
    height:47px;
    width:47px;
    transition:.3s;
    position: absolute;
    left:-70px;
    top:50%;
    transform: translateY(-50%);
    background-image: url(../img/left01.png);
    box-shadow: 0px 0px 10px #dedede;
}

.i_box4_text .owl-nav[class*=owl-] .owl-next {
    display: block;
    background-color: #fff;
    border: none;
    height:47px;
    width:47px;
    transition:.3s;
    position: absolute;
    right:-70px;
    top:50%;
    transform: translateY(-50%);
    background-image: url(../img/right01.png);
    box-shadow: 0px 0px 10px #dedede;
}

.i_box4_text .owl-nav[class*=owl-] .owl-prev:hover {
    display: block;
    background-color: #779752;
    background-image: url(../img/left02.png);
    opacity: 0.8;
}

.i_box4_text .owl-nav[class*=owl-] .owl-next:hover {
    display: block;
    background-color: #779752;
    background-image: url(../img/right02.png);
    opacity: 0.8;
}

/*-----------------------------------------------------------*/

.pro_left .owl-nav[class*=owl-] .owl-prev {display: block;background-color: rgba(255,255,255,1);border: none;
    background: url(../img/left_icon2.png) center no-repeat;height:45px;width:20px;transition:.3s;border-radius: 0;
    position: absolute;left:-15px;top:45%;opacity: .8;transform: translate(0,-50%);box-shadow: 0 0 10px #d3d3d3;}
.pro_left .owl-nav[class*=owl-] .owl-prev:hover{display: block;background-color: rgba(255,255,255,1);border: none;
    background: url(../img/left_icon2.png) center no-repeat;box-shadow: 0 0 10px #b3b3b3;opacity: 1;}
.pro_left .owl-nav[class*=owl-] .owl-next {display: block;background-color: rgba(255,255,255,1);border: none;
    background: url(../img/right_icon2.png) center no-repeat;height:45px;width:20px;transition:.3s;border-radius: 0;
    position: absolute;right:-15px;top:45%;opacity: .8;transform: translate(0,-50%);box-shadow: 0 0 10px #d3d3d3;}
.pro_left .owl-nav[class*=owl-] .owl-next:hover{display: block;background-color: rgba(255,255,255,1);border: none;
    background: url(../img/right_icon2.png) center no-repeat;box-shadow: 0 0 10px #b3b3b3;opacity: 1;}


.pro_left .owl-dots{position: absolute;bottom: 20px; left : 50%;transform:translateX(-50%); margin: 0 auto;text-align: center;}
.pro_left .owl-dots .owl-dot span{transition: .3s;width:12px;height:12px;margin:10px 8px 0 8px;background:none;border:1px solid #FFF;opacity:0.8;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.pro_left .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#FFF;}
.pro_left{position: relative;}


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

.i_box2_text .owl-nav[class*=owl-] .owl-prev{
    left:-30px;
}

.i_box2_text .owl-nav[class*=owl-] .owl-next {
    right:-30px;
}

.i_box4_text .owl-nav[class*=owl-] .owl-prev{
    left:-30px;
}

.i_box4_text .owl-nav[class*=owl-] .owl-next {
    right:-30px;
}

}


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

.i_case.owl-theme .owl-controls {
    right: auto;
    left : 50%;
    transform:translateX(-50%);
}







}