.header-warpper{position:fixed;top:0;left:0;z-index:10000;width:100%;height:50px;background:#fff;box-shadow: 0 0 3px 0 rgba(0,0,0,.5);}
.header{position:relative;margin:0 auto;width:100%;text-align: center;}
.header-logo{margin:0 auto;height: 40px;width: auto;display: inline-block;padding: 5px 0px;}
.header-logo img{display:block;width:auto;height: 40px;margin: auto}
.header-tel{position:absolute;top:0;right:0}
.header-tel a{display:block;padding:10px;width:30px;height:30px;
     box-sizing: content-box;}
.header-tel a:after{display: block;content: '';width:30px;height:30px;background:url("../img/header-tel.png") no-repeat center center;background-size:30px 30px;}
.menu-button{position:absolute;top:0;left:0;width: 50px;height: 50px;padding:15px 10px;box-sizing: border-box;cursor:pointer;-webkit-transition:.3s;transition:.3s}
.menu-button .bar:nth-of-type(1){margin-top:0}
.menu-button .bar:nth-of-type(3){margin-bottom:0}
.bar{position:relative;display:block;margin:5px auto;width:30px;height:3px;border-radius:3px;background-color:#fc5b00;-webkit-transition:.3s;transition:.3s}
.active .bar:nth-of-type(1){-webkit-transform:translateY(7.5px) rotate(-45deg);transform:translateY(7.5px) rotate(-45deg);-ms-transform:translateY(7.5px) rotate(-45deg)}
.active .bar:nth-of-type(2){opacity:0}
.active .bar:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg);-ms-transform:translateY(-8px) rotate(45deg)}

/* sidebar */
.sidebar{margin:0 auto;width:100%;max-width:640px}
.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2999;background:#000;opacity: 0;display: none;}
.sidebar{position:fixed;top:0;bottom:0;left:-52%;z-index:3000;display:block;width:50%;background-color:#ef7e3e;box-shadow:3px 0 3px 0 rgba(0,0,0,.5);transition:all .3s}
.wrapper .active-sidebar{left:0;overflow-y:auto;transition:all .3s}
.sidebar .nav{margin-top:50px}
.sidebar .nav li{box-sizing:border-box;margin:5px 0}
.sidebar .nav li span:after,.sidebar .nav li>a:after{position:absolute;top:20px;left:20px;display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;content:'';transition:all .3s}
.sidebar .nav .active span:after{transform:rotate(90deg)}
.sidebar .nav li span,.sidebar .nav li>a{position:relative;display:block;box-sizing:border-box;padding-left:35px;height:50px;color:#fff;font-size:16px;line-height:50px}
.sidebar .nav .nav-b{display:none;padding:0 0 10px 0}
.sidebar .nav .nav-b a{position: relative; display:block;box-sizing:border-box;padding-left:45px;height:45px;color:#f1f1f1;font-size:14px;line-height:45px}
.sidebar .nav .active{background:#e89e9e}
.sidebar.active-sidebar {left: 0; overflow-y: auto; transition: all .3s; }

/*** footer ***/
.footer{padding-top:1rem;padding-bottom:70px;background:#ddd;color:#444;}
.footer .footer-logo {display: block;margin: 0 auto;width: 150px;height: 78px;background: url("../img/footer-logo.png") no-repeat;background-size: 100% 100%;}
.footer p{text-align:center;font-size:12px;line-height:25px;color:#444;}
.footer p a {color: #444;}


/* clearfix*/.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-origin{-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%;-moz-perspective : 1200px;-moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%;perspective : 1200px;}
.owl-fade-out{z-index: 10;-webkit-animation: fadeOut .7s both ease;-moz-animation: fadeOut .7s both ease;animation: fadeOut .7s both ease;}
.owl-fade-in{-webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease;animation: fadeIn .7s both ease;}
.owl-backSlide-out{-webkit-animation: backSlideOut 1s both ease;-moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;}
.owl-backSlide-in{-webkit-animation: backSlideIn 1s both ease;-moz-animation: backSlideIn 1s both ease;animation: backSlideIn 1s both ease;}
.owl-goDown-out{-webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;}
.owl-goDown-in{-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
.owl-fadeUp-in{-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out{-webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;}
@-webkit-keyframes empty{0%{opacity: 1}}
@-moz-keyframes empty{0%{opacity: 1}}
@keyframes empty{0%{opacity: 1}}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}}
@-webkit-keyframes backSlideOut{25%{opacity: .5;-webkit-transform: translateZ(-500px);}
75%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%);}
100%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%);}}
@-moz-keyframes backSlideOut{25%{opacity: .5;-moz-transform: translateZ(-500px);}
75%{opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%);}
100%{opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%);}}
@keyframes backSlideOut{25%{opacity: .5;transform: translateZ(-500px);}
75%{opacity: .5;transform: translateZ(-500px) translateX(-200%);}
100%{opacity: .5;transform: translateZ(-500px) translateX(-200%);}}
@-webkit-keyframes backSlideIn{0%, 25%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(200%);}
75%{opacity: .5;-webkit-transform: translateZ(-500px);}
100%{opacity: 1;-webkit-transform: translateZ(0) translateX(0);}}
@-moz-keyframes backSlideIn{0%, 25%{opacity: .5;-moz-transform: translateZ(-500px) translateX(200%);}
75%{opacity: .5;-moz-transform: translateZ(-500px);}
100%{opacity: 1;-moz-transform: translateZ(0) translateX(0);}}
@keyframes backSlideIn{0%, 25%{opacity: .5;transform: translateZ(-500px) translateX(200%);}
75%{opacity: .5;transform: translateZ(-500px);}
100%{opacity: 1;transform: translateZ(0) translateX(0);}}
@-webkit-keyframes scaleToFade{to{opacity: 0;-webkit-transform: scale(.8);}}
@-moz-keyframes scaleToFade{to{opacity: 0;-moz-transform: scale(.8);}}
@keyframes scaleToFade{to{opacity: 0;transform: scale(.8);}}
@-webkit-keyframes goDown{from{-webkit-transform: translateY(-100%);}}
@-moz-keyframes goDown{from{-moz-transform: translateY(-100%);}}
@keyframes goDown{from{transform: translateY(-100%);}}
@-webkit-keyframes scaleUpFrom{from{opacity: 0;-webkit-transform: scale(1.5);}}
@-moz-keyframes scaleUpFrom{from{opacity: 0;-moz-transform: scale(1.5);}}
@keyframes scaleUpFrom{from{opacity: 0;transform: scale(1.5);}}
@-webkit-keyframes scaleUpTo{to{opacity: 0;-webkit-transform: scale(1.5);}}
@-moz-keyframes scaleUpTo{to{opacity: 0;-moz-transform: scale(1.5);}}
@keyframes scaleUpTo{to{opacity: 0;transform: scale(1.5);}}

.slide-banner1 {position: relative;overflow: hidden;margin-top: 50px}
.slide-banner1 img{ width:100%}
  @media only screen and (max-width:770px){
.slide-banner1 img{ width:100%; height:450px;}
}
@media only screen and (max-width:420px){
.slide-banner1 img{ width:100%; height:230px;}
}
 @media only screen and (max-width:360px){
.slide-banner1 img{ width:100%; height:200px;}
}


/*** index main ***/
.slide-banner {position: relative;overflow: hidden;margin-top: 50px}
.slide-banner img{ width:100%}
  @media only screen and (max-width:770px){
.slide-banner img{ width:100%; height:450px;}
}
@media only screen and (max-width:420px){
.slide-banner img{ width:100%; height:200px;}
}
 @media only screen and (max-width:360px){
.slide-banner img{ width:100%; height:180px;}
}

.owl-controls {width: 100%;height: 21px;position: absolute;left: 0px;bottom: 8px;}
.owl-pagination{text-align: center; position: absolute; left: 0; right: 0; bottom: 0px;}
.owl-pagination .owl-page{display: inline-block; width: 10px; height: 10px; margin: 0px 4px; background: #fff;border-radius: 50%;}
.owl-pagination .owl-page.active{background: #fc5b00;}