.ban{ height:350px; width:100%; background-repeat:no-repeat; background-position:center;}
.btext{ text-align:center; padding-top:130px;}
.btext h1{ font-size:2.25rem; color:#fff; font-weight:lighter;}
.btext img{ margin:10px 0;}
.btext span{ display:block; text-transform:uppercase; color:#fff; font-size:1rem; font-weight:lighter;}

.msort{ border-bottom:1px solid #bfbfbf; background:#fff;}
.location{ padding:32px 0;}
.location p{ background:url(../image/ho1.png) left center no-repeat; padding-left:45px; color:#555555;}
.location a{ color:#555555;}

.category li{ float:left; width:auto; display:block; background:url(../image/libg.png) right center no-repeat}
.category li:last-child{ background:none;}
.category li a{ display:block; position:relative; color:#6c6c6c; font-size:1.125rem; padding:30.5px 36px; z-index:2;transition:all 0.5s;}
.category li a span{ position:absolute; width:100%; height:10px; left:0; bottom:-10px; background:url(../image/sbot.png) center no-repeat;transform:scale(0,1); transition:all 0.5s; opacity:0}
.category li a:after{ position:absolute; z-index:-1; width:100%; height:100%; left:0; top:0; background:#0974aa; content:''; display:block; transform:scale(0,1); transition:all 0.5s; padding:0}
.category li a:hover:after,.category li a.cur:after{ transform:scale(1); opacity:1}
.category li a:hover,.category li a.cur{ color:#fff;}
.category li a:hover span,.category li a.cur span{transform:scale(1); opacity:1}

@media screen and (max-width:768px){
.location{ display:none;}
.category{ width:100%;}
.category li{width:25%; text-align:center;}
.category li a{ text-align:center; width:100%; padding:30.5px 0; }
}


.main{ background:#f4f4f4; padding:80px 0;}

/*厂房*/
.faclist{ width:100%; overflow:hidden;}
.faclist li{ background:#fff; float:left; width:32.5%; margin-right:1.25%; margin-bottom:16px;}
.faclist li a{ display:block;}
.faclist li:nth-child(3n){ margin-right:0;}
.faclist li div{ width:100%; overflow:hidden;}
.faclist li div img{ width:100%; transform:scale(1); transition:all 0.5s;}
.faclist li:hover div img{ transform:scale(1.05);}
.faclist li p{ border-top:1px solid #ddd; padding:20px 20px; font-size:1.125rem; position:relative; z-index:2;transition:all 0.5s;}
.faclist li p:before{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:#ff7e16; content:''; display:block; z-index:-1; transform:scale(0,1); transition:all 0.5s; transform-origin:left;}
.faclist li p:after{ content:'>'; font-size:1.5rem; display:inline-block; font-family:'宋体'; font-weight:bold; float:right; position:relative; top:-3px}
.faclist li:hover p:before{ transform:scale(1)}
.faclist li:hover p{ color:#fff;}
@media screen and (max-width:768px){
.faclist li{ width:49%; margin-right:2%;}
.faclist li:nth-child(3n){ margin-right:2%;}
.faclist li:nth-child(2n){ margin-right:0;}
}

/*horlist*/
.horlist{ width:100%; overflow:hidden;}
.horlist li{ background:#fff; float:left; width:24%; margin-right:1.33%; margin-bottom:16px;}
.horlist li a{ display:block;}
.horlist li:nth-child(4n){ margin-right:0;}
.horlist li div{ width:100%; overflow:hidden;}
.horlist li div img{ width:100%; transform:scale(1); transition:all 0.5s;}
.horlist li:hover div img{ transform:scale(1.05);}
.horlist li p{ border-top:1px solid #ddd; padding:20px 20px; font-size:1.125rem; position:relative; z-index:2;transition:all 0.5s;}
.horlist li p:before{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:#ff7e16; content:''; display:block; z-index:-1; transform:scale(0,1); transition:all 0.5s; transform-origin:left;}
.horlist li p:after{ content:'>'; font-size:1.5rem; display:inline-block; font-family:'宋体'; font-weight:bold; float:right; position:relative; top:-3px}
.horlist li:hover p:before{ transform:scale(1)}
.horlist li:hover p{ color:#fff;}
@media screen and (max-width:768px){
.horlist li{ width:49%; margin-right:2%;}
.horlist li:nth-child(2n){ margin-right:0;}
}

/*新闻资讯*/
.ban-n{height:350px; width:100%; background:url(../image/ban-n.jpg) center no-repeat;}
.newslist{ background:#fff; padding:0 44px;}
.newslist dl{ width:100%; padding:50px 0; border-bottom:1px dotted #bfbfbf}
.newslist dl dt{ float:left; width:23.1%}
.newslist dl dt img{ width:100%;}
.newslist dl dd{ float:right; width:70%;}
.newslist dl dd h3{ font-size:1.5rem; color:#444444; transition:all 0.5s;}
.newslist dl dd h3 span{ display:inline-block; float:right; font-size:0.875rem; color:#5f5f5f; margin-top:5px;}
.newslist dl dd p{ font-size:0.875rem; color:#5f5f5f; margin:33px 0; line-height:1.5em;}
.newslist dl dd em{ display:inline-block; background:#0974aa; color:#fff; padding:8px 34px; font-size:0.875rem;transition:all 0.5s;}
.newslist dl:hover dd h3{ color:#ff7e16}
.newslist dl:hover dd em{ background:#ff7e16}
@media screen and (max-width: 768px){
.ban-n{ background-position:right center !important;}
.newslist{ background:#fff; padding:0 24px;}
.newslist dl{ padding:30px 0}
.newslist dl dt{ float:left; width:33%}
.newslist dl dd{ float:right; width:65%;}
.newslist dl dd h3{ font-size:1.25rem;}
.newslist dl dd p{ display:none;}
.newslist dl dd em{ margin-top:10px;}
}
/*新闻内页*/
.nbg{ background:#fff; padding:20px;}
.news-title{width:100%; height:auto; line-height:2m; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
.news-pn a:hover{ color:#eb6100}
/*相关新闻*/
.xgnews{margin:40px auto; border:1px solid #eee; padding:16px}
.xgnews-tit{height:auto;line-height:2em;border-bottom:1px solid #eee;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:48%;height:auto;line-height:2em; overflow:hidden;}

.xgnews-con li span{float:right; color:#666}
.xgnews-con li a{ padding-right:10px; color:#666;}
.xgnews-con li a:hover{ color:#750000;}

@media screen and (max-width: 768px){
.nbg{ background:rgba(255,255,255,1); padding:20px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{  line-height:2rem !important;}
.news-content span{}
.news-content p{ }
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn a{ color:#242424; font-size:1.125rem;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}

/*视频中心*/
.videolist{ width:100%;}
.videolist li{ width:32.5%; margin-right:1.25%; margin-bottom:26px; float:left;}
.videolist li:nth-child(3n){ margin-right:0;}
.videolist li .vpic{ position:relative; width:100%; overflow:hidden; transition:all 0.5s}
.videolist li .vpic img{ width:100%; transform:scale(1); transition:all 0.5s;}
.videolist li:hover .vpic img{ transform:scale(1.05);}
.videolist li .vpic span{ width:100%; height:100%; background:rgba(0,0,0,0.3) url(../image/play1.png) center no-repeat; position:absolute; left:0; top:0; transition:all 0.5s}
.videolist li .vname{ border-bottom:2px solid #a5a5a5; padding:16px 8px; position:relative;}
.videolist li .vname i{ position:absolute; left:0; bottom:-2px; background:#0974aa; width:100%; height:2px; transform:scale(0,1); transform-origin:left; transition:all 0.5s}
.videolist li:hover .vpic{ box-shadow:10px 10px 10px rgba(0,0,0,0.3);}
.videolist li:hover .vpic span{background:rgba(0,0,0,0.1) url(../image/play1.png) center no-repeat;}
.videolist li:hover .vname i{ transform:scale(1);}
@media screen and (max-width:768px){
.videolist li{ width:48%; margin:0 1% 30px !important;}
}

/*资料下载*/
.ban-d{ background:url(../image/ban-d.jpg) center no-repeat; width:100%; height:350px;}
.downlist li{ width:100%; border-bottom:1px dashed #ddd; padding:16px 0;}
.downlist li .fl{ margin-top:8px;}
.downlist li .fr a{ display:inline-block; background:#0974aa; color:#fff; padding:8px 24px; font-size:0.875rem; transition:all 0.5s;}
.downlist li .fr a:hover{ background:#ff9a16;}

/*客户案例*/
.caselist{ width:100%; overflow:hidden;}
.caselist li{ background:#fff; float:left; width:32.5%; margin-right:1.25%; margin-bottom:16px;}
.caselist li a{ display:block;}
.caselist li:nth-child(3n){ margin-right:0;}
.caselist li div{ width:100%; overflow:hidden;}
.caselist li div img{ width:100%; transform:scale(1); transition:all 0.5s;}
.caselist li:hover div img{ transform:scale(1.05);}
.caselist li p{ border-top:1px solid #ddd; padding:20px 20px; font-size:1.125rem; position:relative; z-index:2;transition:all 0.5s;}
.caselist li p:before{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:#ff7e16; content:''; display:block; z-index:-1; transform:scale(0,1); transition:all 0.5s; transform-origin:left;}
.caselist li p:after{ content:'>'; font-size:1.5rem; display:inline-block; font-family:'宋体'; font-weight:bold; float:right; position:relative; top:-3px}
.caselist li:hover p:before{ transform:scale(1)}
.caselist li:hover p{ color:#fff;}
@media screen and (max-width:768px){
.caselist li{ width:49%; margin-right:2%;}
.caselist li:nth-child(3n){ margin-right:2%;}
.caselist li:nth-child(2n){ margin-right:0;}
}

.cabg h1{ font-size:1.5rem; text-align:center;}
.cabg h4{ text-align:center; border-bottom:1px dashed #ddd; line-height:2em;}

/*产品中心*/
.ban-p{ background:url(../image/ban-p.jpg) center no-repeat; width:100%; height:450px;}
.pbtext{ text-align:right; padding-top:180px;}
.pbtext h2{ color:#fff; font-size:1.75rem; line-height:2em;}

.prolist{ width:100%;}
.prolist li{ float:left; width:32.38%; background:#fff; margin-right:1.43%; position:relative; overflow:hidden; display:block; margin-bottom:20px;}
.prolist li:nth-child(3n){ margin-right:0;}
.prolist li .pi{ width:100%; overflow:hidden; background:#fff;}
.prolist li .pi img{ width:100%; transform:scale(1); transition:all 0.5s;}
.prolist li:hover .pi img{ transform:scale(1.05);}
.prolist li .po{ width:100%; text-align:center; padding:30px 0; transition:all 0.5s;}
.prolist li .po h3{ font-size:1.375rem; color:#676767}
.prolist li .po p{ font-size:1rem; color:#676767; margin-top:8px;}
.prolist li .pb{ width:100%; text-align:center; height:100%; position:absolute; left:0; top:100%; background:rgba(9,116,170,0.8); opacity:0; transition:all 0.5s;}
.prolist li .pb h3{ font-size:1.375rem; color:#fff; padding-top:40%}
.prolist li .pb p{ font-size:1rem; color:#fff; margin:8px 0 18px;}
.prolist li .pb em{ display:inline-block; border:1px solid #fff; border-radius:50%; font-size:1.375rem; color:#fff; width:46px; height:46px; line-height:46px;}
.prolist li span{ position:absolute; width:100%; height:2px; background:#0974aa; bottom:0; opacity:1; transition:all 0.5s;}
.prolist li:hover .po{ opacity:0;}
.prolist li:hover .pb{ opacity:1; top:0;}
.prolist li:hover span{ transform:scale(0,1); opacity:0}
@media screen and (max-width:768px){
.ban-p{ background-size:auto 100%; height:290px;}
.pbtext{ padding-top:90px;}
.pbtext h2{ line-height:60px; font-size:1.5rem;}
.prolist li{ width:49%; margin-right:2%;}
.prolist li:nth-child(3n){ margin-right:2%;}
.prolist li:nth-child(2n){ margin-right:0;}
}

/*产品详情*/

.pshow{ background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,0.1); padding:37px 30px; margin-top:60px}
.p-pic{ width:49.58%;}
.p-miao{ width:45.66%}
.p-miao h1{ font-size:2.25rem; color:#444444}
.p-miao h3{ font-size:1.125rem; color:#424242}
.p-miao .ap{ border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:16px 0; margin:16px 0}
.p-miao .intel p{ font-size:1.125rem;}
.p-miao .intel .now{ background:#0974aa; font-size:1.125rem; color:#fff; display:inline-block; padding:12px 30px; margin-top:8px; font-weight:bold;}
.p-miao .intel .now:hover{}
.pd-con{ margin-top:32px; border-top:6px solid #efefef; background:#efefef; padding-bottom:60px}
.pdtit{ background:#fff; border-bottom:1px solid #efefef}
.pdtit h3{ cursor:pointer; display:inline-block; padding:16px 24px; font-size:1.125rem; font-weight:bold; color:#4e4e4e; border-right:1px solid #efefef; }
.pdtit h3.cur{ background:#0974aa; color:#fff;}
.promore{ background:#fff; border-bottom:1px solid #efefef; margin-top:8px;}
.promore h3{ display:inline-block; padding:16px 24px; font-size:1.125rem; font-weight:bold; color:#4e4e4e; border-right:1px solid #efefef; border-bottom:3px solid #0974aa}

.morelist{ margin-top:8px;}
.morelist li{ float:left; width:32.38%; background:#fff; margin-right:1.43%; position:relative; overflow:hidden; display:block; margin-bottom:20px;}
.morelist li:nth-child(3){ margin-right:0;}
.morelist li:nth-child(4){ display:none;}
.morelist li .pi{ width:100%; overflow:hidden;}
.morelist li .pi img{ width:100%; transform:scale(1); transition:all 0.5s;}
.morelist li:hover .pi img{ transform:scale(1.05);}
.morelist li .po{ width:100%; text-align:center; padding:30px 0; transition:all 0.5s;}
.morelist li .po h3{ font-size:1.375rem; color:#676767}
.morelist li .po p{ font-size:1rem; color:#676767; margin-top:8px;}
.morelist li .pb{ width:100%; text-align:center; height:100%; position:absolute; left:0; top:100%; background:rgba(9,116,170,0.8); opacity:0; transition:all 0.5s;}
.morelist li .pb h3{ font-size:1.375rem; color:#fff; padding-top:40%}
.morelist li .pb p{ font-size:1rem; color:#fff; margin:8px 0 18px;}
.morelist li .pb em{ display:inline-block; border:1px solid #fff; border-radius:50%; font-size:1.375rem; color:#fff; width:46px; height:46px; line-height:46px;}
.morelist li span{ position:absolute; width:100%; height:2px; background:#0974aa; bottom:0; opacity:1; transition:all 0.5s;}
.morelist li:hover .po{ opacity:0;}
.morelist li:hover .pb{ opacity:1; top:0;}
.morelist li:hover span{ transform:scale(0,1); opacity:0}



.tab3 .pdxq{ background:#fff; padding:30px 10px;}
.tab3 .pdxq *{}
.tab3 .pdxq>div{ display:none;}
.tab3 .pdxq>div.cur{display:block;}
.tab3 .pdxq video{ display:block; margin:0 auto; width:50%; background:#4e4e4e}

.dd{ margin-top:30px}
@media screen and (max-width: 768px){
.p-pic{ width:100%;}
.p-miao{ width:100%}
.tab3 .pdxq video{ width:100%;}
.morelist li{ width:49%; margin-right:2%;}
.morelist li:nth-child(2){ margin-right:0%;}
.morelist li:nth-child(3){ margin-right:2%;}
.morelist li:nth-child(4){ display:block;}
}
.lSSlideOuter {
	width:100%;	
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%; border:2px solid #d8d8d8;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper li{ display:block;}
.lSSlideWrapper img{ width:100%;}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
   border:2px solid #ec1b24; box-sizing:border-box;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 50px;
    display: block;
    top: 50%;
    height: 50px;
   
    cursor: pointer;
    position: absolute;
    z-index: 22;
    margin-top: -25px;
    opacity: 0.8;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-image: url('../image/btn-prev.png');
	left:0;
}
.lSAction > .lSNext {
   background-image: url('../image/btn-next.png');
   right:0;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}