@charset "utf-8";
/* CSS Document */
.ban{ width:100%; height:400px; background-repeat:no-repeat; background-position:center; position:relative;}
.btext{ padding-top:135px; text-align:right;}
.btext h1{ color:#fff; font-size:2.25rem;}
.btext h2{ color:#fff; font-size:2.25rem;}
.btext span{ color:#fff; font-size:1.5rem; text-transform:uppercase; font-weight:lighter}

.hui{ height:80px; background:rgba(0,0,0,0.7); position:absolute; bottom:0; width:100%;}
.hui .leh img{ margin-top:-5px; float:left; margin-right:8px;}
.hui .leh p{ color:#fff; display:inline-block; line-height:80px;}
.hui .leh p a{ color:#fff;}
.hui .leh p span{ font-family:'宋体'}
.hui .rsort li{ position:relative; float:left; padding:0 46px;}
.hui .rsort li i{ position:absolute; width:1px; height:18px; background:#cecece; right:0; top:50%; margin-top:-9px;}
.hui .rsort a{ display:inline-block; color:#d0d0d0; line-height:80px; position:relative;transition:all 0.5s linear;}
.hui .rsort a span{ position:absolute; width:100%; height:3px; background:#019ed4; bottom:-1px; left:0; transform:scale(0,1); transition:all 0.5s linear;}
.hui .rsort a:hover span,.hui .rsort a.cur span{ transform:scale(1);}
.hui .rsort a:hover,.hui .rsort a.cur{ color:#0493cb}
@media screen and (max-width:768px){
.hui .leh{ display:none;}
.hui .rsort{ width:100%;}
.hui .rsort li{ position:relative; float:left; padding:0 36px;}
}

.main{ padding:80px 0; width:100%; overflow:hidden; min-height:300px}
.ab-con{ width:48%}
.ab-con h2{ font-size:2.125rem; color:#0f6ba7; font-weight:bold;}
.ab-con span{ color:#3b3b3b; text-transform:uppercase; font-weight:lighter; display:block; margin-bottom:59px;}
.ab-con p{ font-size:1.125rem; color:#3b3b3b; line-height:1.625em;}
.ab-pic{ width:50%; margin-right:-20px;}

.num-bg{ width:100%; position:relative; margin-top:100px;}
.num-bg ul{ background:url(../images/anumbg2.jpg) center no-repeat;min-height:163px;}
.num-bg ul li{ width:25%; float:left; text-align:center; padding-top:30px; }
.num-bg ul li:nth-child(4){ background:none;}
.num-bg ul li h4{ display:inline-block; font-size:90px; color:#525252; text-shadow:2px 2px 1px #fff;font-family:'DINEngschriftStd';}
.num-bg ul li .ed{ display:inline-block; margin-left:5px;}
.num-bg ul li .ed span{ color:#3f3f3f; font-size:1.125rem;}
.num-bg ul li .ed p{ color:#3f3f3f; font-size:1.5rem; position:relative; top:-20px; text-align:left;}
@media screen and (max-width:768px){
.ab-con{ width:100%}
.ab-pic{ width:100%; margin-right:0px; margin-top:20px;}
.ab-pic img{ width:100%;}
.num-bg{ width:100%; position:relative; margin-top:100px;}
.num-bg ul{ background-size:cover; padding-bottom:30px;}
.num-bg ul li{ width:50%; min-height:140px}
.num-bg ul li .ed p{ font-size:1.25rem; top:0;}
}

/*荣誉资质*/
.horlist{ width:100%;}
.horlist li{ width:23%; margin-right:2.66%; box-sizing:border-box; float:left; margin-bottom:24px; transition:all 0.7s ease; box-sizing:border-box; padding:3px; background:#eee;}
.horlist li:nth-child(4n){ margin-right:0;}
.horlist li div{ width:100%; overflow:hidden;  box-sizing:border-box; border-bottom:none}
.horlist li div img{ width:100%; transform:scale(1); transition:all 0.7s ease;}
.horlist li:hover div img{ transform:scale(1.05);}
.horlist li p{ position:relative; display:block; padding:12px 20px;transition:all 0.75s ease;  color:#000; z-index:2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.horlist li p em{ text-align:right; font-family:'宋体'; float:right;display: none;}
.horlist li:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.2); background:#0f6ba7}
.horlist li:hover p{ color:#fff;}
@media screen and (max-width:768px){
.horlist li{ width:49%; margin:0 0.5% 24px !important;}
.horlist li p{ box-sizing:border-box;overflow:hidden;}
}


/*视频中心*/
.videolist{ width:100%;}
.videolist li{ width:32%; margin-bottom:30px; float:left; margin-right:2%;}
.videolist li:nth-child(3n){ margin-right:0;}
.videolist li .vimg{ width:100%; position:relative; overflow:hidden;}
.videolist li .vimg em{ position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; background:url(../images/play.png) center no-repeat;}
.videolist li .vimg img{ width:100%; transform:scale(1); transition:all 0.75s;}
.videolist li:hover .vimg img{ transform:scale(1.05);}
.videolist li .vimg p{ color:#fff; position:absolute; bottom:0; padding:12px; background:rgba(0,0,0,0.6); width:100%; box-sizing:border-box;}
.videolist li .vimg p span{ display:inline-block; float:right; color:#fff; background:url(../images/eye.png) left center no-repeat; padding-left:30px}
.videolist li .vname{ padding:12px 0; color:#646464}
@media screen and (max-width:768px){
.videolist li{ width:48%; margin:0 1% 30px;}
}



/*联系我们*/
.con-box{}
.con-box .colx h3{ font-size:2.125rem; color:#0f6ba7}
.con-box .colx span{ font-size:1rem; color:#3b3b3b; display:block; text-transform:uppercase; letter-spacing:2.2px;}
.con-box .colx em{ display:block; margin:24px 0;}
.con-box .colx em a{ color:#0f6ba7; font-size:1.875rem;}
.con-box .colx p{ font-size:1.125rem; color:#616161; line-height:1.5em;}
.con-box .cowx{ margin-top:120px;}
.con-box .cowx p{ display:inline-block;}
.matit{ margin-top:60px;}
.matit h4{ color:#484848; font-size:1.25rem;}



/*工程案例*/
.caselist{ width:100%;}
.caselist li{ width:32.41%; float:left; background:#fff; margin-right:1.385%; margin-bottom:1.385%; transition:all 0.7s ease;}
.caselist li:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.2);}
.caselist li:nth-child(3n){ margin-right:0;}
.caselist li .cspic{ width:100%; overflow:hidden;}
.caselist li .cspic img{ width:100%; transform:scale(1); transition:all 0.7s ease;}
.caselist li:hover .cspic img{ transform:scale(1.05);}
.caselist li .cstxt{ padding:18px 16px; background:#0f6ba7;}
.caselist li .cstxt p{ color:#fff; font-size:1.125rem;}
.caselist li .cstxt span{ float:right; color:#fff; font-size:1.5rem; font-family:'宋体'}
@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 #eee; line-height:2em;}

/*合作伙伴*/
.cuslist{ width:100%;}
.cuslist li{ width:15%; margin-right:2%; margin-bottom:2%; float:left; cursor:pointer;}
.cuslist li:nth-child(6n){ margin-right:0;}


/*新闻资讯*/
.newslist li{ width:100%; padding:32px 29px; border-bottom:1px solid #d1d1d1; transition:all 0.5s ease;  position:relative; box-sizing:border-box;}
.newslist li a{ display:block;}
.newslist li:hover{ background:#0f6ba7;box-shadow:0 0 10px 5px rgba(0,0,0,0.1); z-index:2}
.newslist li .nimg{ width:18.08%;}
.newslist li .newcon{ width:64.16%; margin-left:2%}
.newslist li .newcon h3{ color:#545454; font-size:1.5rem; font-weight:bold;transition:all 0.5s ease} 
.newslist li .newcon p{ color:#4b4b4b; font-size:0.875rem; line-height:1.5em; margin:12px 0 24px;transition:all 0.5s ease}
.newslist li .newcon .newin{ font-size:0.875rem;transition:all 0.5s ease}
.newslist li .newcon .newin span{ font-family:'宋体';}
.newslist li .ndate{ width:6.83%; text-align:center;}
.newslist li .ndate span{ background:#0f6ba7; font-size:2.5rem; font-weight:lighter; color:#fff; display:block; padding:14px 0;transition:all 0.5s ease}
.newslist li .ndate em{ display:block; background:#4197ce; border-top:1px solid #fff; padding:4px 0; font-size:0.875rem; color:#fff;transition:all 0.5s ease}

.newslist li:hover .ndate span{ background:#ffffff; color:#0f6ba7}
.newslist li:hover .newcon h3{ color:#fff;}
.newslist li:hover .newcon p{ color:#fff;}
.newslist li .newcon .newin{ color:#fff;}
@media screen and (max-width: 768px){
.newslist li .nimg{ display:none}
.newslist li .newcon{ width:80%; margin-left:2%}
.newslist li .newcon p{ display:none;}
.newslist li .ndate{ width:16%; text-align:center;}
}

/*新闻内页*/
.nbg{ }
.news-title{width:100%; height:30px; line-height:30px; 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:#7b4b12}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;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:30px;line-height:30px; overflow:hidden;}

.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#7b4b12;}

@media screen and (max-width: 768px){
.nbg{ padding:20px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.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;}
}


/*在线留言*/
.ctfed{ width:100%; }
.fzi{ text-align:center;}
.fzi h3{ font-size:1.875em; color:#0f6ba7;}
.fzi p{ line-height:1.5em; color:#333;}
.ffk{ margin-top:34px}
.ffk .ftxt{ width:31.33%; background:#eee; border:none; border-radius:8px; font-size:1em; padding:10px 12px; margin-bottom:22px; margin-right:3%; border:1px solid #ddd; box-sizing:border-box; color:#999}
.ffk .ftxt:nth-child(4){ margin-right:0;}
.ffk .ftxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
.r0{ margin-right:0 !important}
.ffk .ftxt1{ width:100%; border:none;background:#eee;padding:10px 12px; box-sizing:border-box;border-radius:8px; margin-bottom:32px;font-size:1rem; color:#333; border:1px solid #ddd; color:#999}
.ffk .ftxt1::-webkit-input-placeholder {
color:#999;
}
.ffk .fbtn{ width:20%; float:right;padding:10px 12px; border:none; background:#0f6ba7; color:#fff; font-size:1.125rem;border-radius:8px; }
@media screen and (max-width: 768px){
.ffk .ftxt{ width:100%;}
.ctfed{ width:100%}
}

/*产品中心*/
.prosort{ text-align:center; margin:0 0 60px;}
.prosort li{ display:inline-block; margin:0 1px}
.prosort li a{ position:relative; padding:11px 0; display:block;border:1px solid #b6b6b6; z-index:2; transition:all 0.7s ease; background:#f8f8f8; width:140px;}

.prosort li a em{ position:absolute; width:100%; height:49px; z-index:-1; text-align:center; top:-1px; left:0;transition:all 0.7s ease; transform:scale(0,1); background:url(../images/pcur.png) center no-repeat;}
.prosort li a:hover,.prosort li a.cur{ color:#fff;}
.prosort li a:hover em,.prosort li a.cur em{ transform:scale(1);}

.prolist dl{ width:32.5%; margin-right:1.25%; margin-bottom:24px; float:left; border:6px solid #eaeaea; box-sizing:border-box; background:#eaeaea; transition:all 0.7s ease; position:relative; z-index:1}
.prolist dl:hover{ background:#0495cd; border:6px solid #0495cd; z-index:2; box-shadow:0 0 15px 3px rgba(0,0,0,0.1)}
.prolist dl:nth-child(3n){ margin-right:0}
.prolist dl dt{ width:100%; overflow:hidden;}
.prolist dl dt img{ transition:all 0.5s linear; transform:scale(1); width:100%;}
.prolist dl:hover dt img{ transform:scale(1.05);}
.prolist dl dd h2{ padding:12px 0; text-align:center; font-size:1.125rem; color:#000000; transition:all 0.7s ease}
.prolist dl:hover dd h2{ color:#fff;}
@media screen and (max-width: 768px){
.prosort li{ display:inline-block; margin:0 1px 16px; width:32%}
.prosort li a{ width:100%}
.prosort li a em{ background:#0f6ba7 none; height:101%;}
.prolist dl{ width:49%;}
.prolist dl:nth-child(3n){ margin-right:2%}
.prolist dl:nth-child(2n){ margin-right:0}
}

/*产品详情*/
.ban2{ width:100%; height:250px; background-repeat:no-repeat; background-position:center; position:relative;}
.btext{ padding-top:60px; text-align:right;}
.btext h1{ color:#fff; font-size:2.25rem;}
.btext h2{ color:#fff; font-size:2.25rem;}
.btext span{ color:#fff; font-size:1.5rem; text-transform:uppercase; font-weight:lighter}
.pshow{ background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,0.1); padding:37px 30px; margin-top:-30px;}
.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:#0f6ba7; 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{ display:inline-block; padding:16px 24px; font-size:1.125rem; font-weight:bold; color:#4e4e4e; border-right:1px solid #efefef; border-bottom:3px solid #0f6ba7}

.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 #0f6ba7}

.morelist{ margin-top:8px;}
.morelist dl{ width:32.5%; margin-right:1.25%; margin-bottom:24px; float:left; border:6px solid #fff; box-sizing:border-box; background:#fff; transition:all 0.7s ease; position:relative; z-index:1}
.morelist dl:hover{ background:#0495cd; border:6px solid #0495cd; z-index:2; box-shadow:0 0 15px 3px rgba(0,0,0,0.1)}
.morelist dl:nth-child(3){ margin-right:0}
.morelist dl:nth-child(4){ display:none}
.morelist dl dt{ width:100%; overflow:hidden;}
.morelist dl dt img{ transition:all 0.5s linear; transform:scale(1); width:100%;}
.morelist dl:hover dt img{ transform:scale(1.05);}
.morelist dl dd h2{ padding:12px 0; text-align:center; font-size:1.125rem; color:#000000; transition:all 0.7s ease}
.morelist dl:hover dd h2{ color:#fff;}


.pdxq{ background:#fff; padding:30px 10px;}
.dd{ margin-top:30px}
@media screen and (max-width: 768px){
.p-pic{ width:100%;}
.p-miao{ width:100%}
.morelist dl{ width:49%; margin-right:2%;}
.morelist dl:nth-child(3){ margin-right:2%}
.morelist dl:nth-child(2n){ margin-right:0%}
.morelist dl: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('../images/btn-prev.png');
	left:0;
}
.lSAction > .lSNext {
   background-image: url('../images/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;
}