<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Swiper</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../../css/mui.min.css">
<link rel="stylesheet" href="../../css/common.css">
<link rel="stylesheet" href="../../css/iconfont.css">
<link rel="stylesheet" href="../../css/item.css">
<link rel="stylesheet" href="../../css/class.css">
<link rel="stylesheet" href="../../css/news_list.css">
<link type="text/css" rel="stylesheet" href=".css/swiper.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
<button class="mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left"><span class="mui-icon mui-icon-left-nav"></span>返回</button>
<h1 id="title" class="mui-title">Swiper</h1>
</header>
<div class="pc-banner">
<div class="swiper-container swiper-container-horizontal" style="margin-top: -30px;margin-bottom: 0px;">
<div class="swiper-wrapper" id="wrapper">
<div class="swiper-slide">
<a href="#" οnclick="sliderClick(1)">
<img src="../../img/slider/slider_1.jpg">
<!--<p class="mui-slider-title">铁人学院与中国劳动关系学院签署战略合作协议</p>-->
</a>
<div class="layer-mask"></div>
</div>
<div class="swiper-slide">
<a href="#" οnclick="sliderClick(2)">
<img src="../../img/slider/slider_2.jpg">
<!--<p class="mui-slider-title">国企首家“全国党员教育培训示范基地”揭牌</p>-->
</a>
<div class="layer-mask"></div>
</div>
<div class="swiper-slide swiper-slide-active">
<a href="#" οnclick="sliderClick(3)">
<img src="../../img/slider/slider_3.jpg">
<!--<p class="mui-slider-title">中国石油哈尔滨石化公司干部培训班在铁人学院举办</p>-->
</a>
<div class="layer-mask"></div>
</div>
<div class="swiper-slide">
<a href="#" οnclick="sliderClick(4)">
<img src="../../img/slider/slider_4.jpg">
<!--<p class="mui-slider-title">集团公司劳动模范培训班、工匠(技能专家)培训班在油田结业</p>-->
</a>
<div class="layer-mask"></div>
</div>
<div class="swiper-slide">
<a href="#" οnclick="sliderClick(5)">
<img src="../../img/slider/slider_5.jpg">
<!--<p class="mui-slider-title">中组部在梁家河举行党员教育培训示范基地授牌</p>-->
</a>
<div class="layer-mask"></div>
</div>
</div>
<!--<div class="button">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>-->
</div>
<div id="pullrefresh">
<div class="mui-scroll" style="margin-left: 0px;margin-top: -75px;">
<!--style="transform: translate3d(0px, 0px, 0px) translateZ(0px);margin-top: -75px;"-->
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<div class="news-item" οnclick="openNews('1')">
<img src="../../img/news/list/1.jpg" lazy="loaded">
<div class="item-middle">
<div class=""><span class="title-height">中国浦东干部学院来油田调研</span></div>
<div class="item-middle-date">2018-07-26 14:25:17</div>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="news-item" οnclick="openNews('2')">
<img src="../../img/news/list/2.jpg" lazy="loaded">
<div class="item-middle">
<div class=""><span class="title-height">铁人学院与中国劳动关系学院交流座谈会</span></div>
<div class="item-middle-date">2018-07-19 15:37:48</div>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="news-item" οnclick="openNews('3')">
<img src="../../img/news/list/3.jpg" lazy="loaded">
<div class="item-middle">
<div class=""><span class="title-height">国企首家“全国党员教育培训示范基地”揭牌</span></div>
<div class="item-middle-date">2018-07-07 13:18:26</div>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="news-item" οnclick="openNews('4')">
<img src="../../img/news/list/4.jpg" lazy="loaded">
<div class="item-middle">
<div class=""><span class="title-height">中组部在梁家河举行党员教育培训示范基地授牌</span></div>
<div class="item-middle-date">2018-06-28 09:30:13</div>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="news-item" οnclick="openNews('5')">
<img src="../../img/news/list/5.jpg" lazy="loaded">
<div class="item-middle">
<div class=""><span class="title-height">中组部增补7家单位为全国党员教育培训示范基地</span></div>
<div class="item-middle-date">2018-06-15 10:36:58</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js" ></script>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">
window.onload = function() {
var swiper = new Swiper('.swiper-container',{
autoplay: false,
speed: 1000,
autoplayDisableOnInteraction: false,
loop: false,
centeredSlides: true,
slidesPerView: 2,
pagination: '.swiper-pagination',
paginationClickable: true,
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
onInit: function(swiper) {
swiper.slides[2].className = "swiper-slide swiper-slide-active";
},
breakpoints: {
668: {
slidesPerView: 1,
}
}
});
}
function sliderClick(index) {
//获得主页面的webview
var main = plus.webview.getLaunchWebview();
//触发主页面的gohome事件
mui.fire(main, 'openWindow', {
pageUrl: "views/MainPage/link/tempNews.html",
pageId: "link" + index
});
}
mui.init({
swipeBack: true,
pullRefresh: {
container: '#pullrefresh',
down: {
style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
height: '50px', //可选,默认50px.下拉刷新控件的高度,
range: '100px', //可选 默认100px,控件可下拉拖拽的范围
offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
auto: false, //可选,默认false.首次加载自动上拉刷新一次
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var downCount = 0;
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
if(downCount == 0) {
var table = document.body.querySelector('.mui-table-view');
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
var downRefreshDiv = '<div class="news-item" οnclick="openNews(0)">';
downRefreshDiv += '<img src="../../img/news/list/0.jpg">';
downRefreshDiv += '<div class="item-middle">';
downRefreshDiv += '<div class=""><span class="title-height">首期全国能源化学地质系统全国劳模、大国工匠、五一劳动奖章获得者培训班圆满落幕</span></div>';
downRefreshDiv += '<div class="item-middle-date">2018-07-25 17:38:13</div>';
downRefreshDiv += '</div>';
downRefreshDiv += '</div>';
li.innerHTML = downRefreshDiv;
//下拉刷新,新纪录插到最前面;
table.insertBefore(li, table.firstChild);
downCount++;
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1000);
}
var upCount = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++upCount > 0)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
var upRefreshDiv = '<div class="news-item" οnclick="openNews(7)">';
upRefreshDiv += '<img src="../../img/news/list/7.jpg" lazy="loaded">';
upRefreshDiv += '<div class="item-middle">';
upRefreshDiv += '<div class=""><span class="title-height">铁人学院首期劳模、工匠(技能专家)培训班圆满结束</span></div>';
upRefreshDiv += '<div class="item-middle-date">2018-04-04 18:00:00</div>';
upRefreshDiv += '</div>';
upRefreshDiv += '</div>';
li.innerHTML = upRefreshDiv;
table.appendChild(li);
var li1 = document.createElement('li');
li1.className = 'mui-table-view-cell';
var upRefreshDiv1 = '<div class="news-item" οnclick="openNews(8)">';
upRefreshDiv1 += '<img src="../../img/news/list/8.jpg" lazy="loaded">';
upRefreshDiv1 += '<div class="item-middle">';
upRefreshDiv1 += '<div class=""><span class="title-height">铁人学院举办首期“弘扬劳模精神,彰显时代风采”劳模培训班</span></div>';
upRefreshDiv1 += '<div class="item-middle-date">2018-03-27 08:35:26</div>';
upRefreshDiv1 += '</div>';
upRefreshDiv1 += '</div>';
li1.innerHTML = upRefreshDiv1;
table.appendChild(li1);
}, 1000);
}
function openNews(newsId) {
//获得主页面的webview
var openUrl = "";
switch(newsId) {
case '1':
openUrl = "../../views/MainPage/link/tempNews.html";
break;
case '2':
openUrl = "../../views/MainPage/link/tempNews.html";
break;
default:
openUrl = "../../views/MainPage/link/tempNews.html";
break;
}
mui.openWindow({
url: openUrl,
id:"newsDetail",
styles: {
top: "0px", //新页面顶部位置
bottom: "50px" //新页面底部位置
}
});
}
var startX, startY, endX, endY;
var shareBtn = document.getElementById('wrapper');
//左右滑动翻页
$("#wrapper").on("touchstart", function(e) {
// 判断默认行为是否可以被禁用
if (e.cancelable) {
// 判断默认行为是否已经被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$("#wrapper").on("touchend", function(e) {
// 判断默认行为是否可以被禁用
if (e.cancelable) {
// 判断默认行为是否已经被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
//左滑
if ( X > 0 ) {
//alert('左滑');
if(X > 0) {
var table = document.body.querySelector('.mui-table-view');
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
var downRefreshDiv = '<div class="news-item" οnclick="openNews(7)">';
downRefreshDiv += '<img src="../../img/news/list/7.jpg">';
downRefreshDiv += '<div class="item-middle">';
downRefreshDiv += '<div class=""><span class="title-height">铁人学院首期劳模、工匠(技能专家)培训班圆满结束</span></div>';
downRefreshDiv += '<div class="item-middle-date">2018-04-04 18:00:00</div>';
downRefreshDiv += '</div>';
downRefreshDiv += '</div>';
li.innerHTML = downRefreshDiv;
table.insertBefore(li, table.firstChild);
}
}
//右滑
else if ( X < 0 ) {
//alert('右滑');
if(X < 0) {
var table = document.body.querySelector('.mui-table-view');
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
var downRefreshDiv = '<div class="news-item" οnclick="openNews(0)">';
downRefreshDiv += '<img src="../../img/news/list/0.jpg">';
downRefreshDiv += '<div class="item-middle">';
downRefreshDiv += '<div class=""><span class="title-height">首期全国能源化学地质系统全国劳模、大国工匠、五一劳动奖章获得者培训班圆满落幕</span></div>';
downRefreshDiv += '<div class="item-middle-date">2018-07-25 17:38:13</div>';
downRefreshDiv += '</div>';
downRefreshDiv += '</div>';
li.innerHTML = downRefreshDiv;
table.insertBefore(li, table.firstChild);
}
}
// //下滑
// else if ( Y > 0) {
// alert('下滑');
// }
// //上滑
// else if ( Y < 0 ) {
// alert('上滑');
// }
// //单击
// else{
// alert('单击');
// }
});
</script>
</body>
</html>
/**
* Swiper 3.0.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 6, 2015
*/
! function() {
"use strict";
function e(e) {
e.fn.swiper = function(a) {
var t;
return e(this).each(function() {
var e = new Swiper(this, a);
t || (t = e)
}), t
}
}
window.Swiper = function(e, t) {
function r() {
return "horizontal" === h.params.direction
}
function s() {
h.autoplayTimeoutId = setTimeout(function() {
h.params.loop ? (h.fixLoop(), h._slideNext()) : h.isEnd ? t.autoplayStopOnLast ? h.stopAutoplay() : h._slideTo(0) : h._slideNext()
}, h.params.autoplay)
}
function i(e, a) {
var t = f(e.target);
if(!t.is(a))
if("string" == typeof a) t = t.parents(a);
else if(a.nodeType) {
var r;
return t.parents().each(function(e, t) {
t === a && (r = a)
}), r ? a : void 0
}
return 0 === t.length ? void 0 : t[0]
}
function n(e, a) {
a = a || {};
var t = window.MutationObserver || window.WebkitMutationObserver,
r = new t(function(e) {
e.forEach(function(e) {
h.onResize(), h.params.onObserverUpdate && h.params.onObserverUpdate(h, e)
})
});
r.observe(e, {
attributes: "undefined" == typeof a.attributes ? !0 : a.attributes,
childList: "undefined" == typeof a.childList ? !0 : a.childList,
characterData: "undefined" == typeof a.characterData ? !0 : a.characterData
}), h.observers.push(r)
}
function o(e) {
e.originalEvent && (e = e.originalEvent);
var a = e.keyCode || e.charCode;
if(!(e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || document.activeElement && document.activeElement.nodeName && ("input" === document.activeElement.nodeName.toLowerCase() || "textarea" === document.activeElement.nodeName.toLowerCase()))) {
if(37 === a || 39 === a || 38 === a || 40 === a) {
var t = !1;
if(h.container.parents(".swiper-slide").length > 0 && 0 === h.container.parents(".swiper-slide-active").length) return;
for(var s = {
left: window.pageXOffset,
top: window.pageYOffset
}, i = window.innerWidth, n = window.innerHeight, o = h.container.offset(), l = [
[o.left, o.top],
[o.left + h.width, o.top],
[o.left, o.top + h.height],
[o.left + h.width, o.top + h.height]
], d = 0; d < l.length; d++) {
var p = l[d];
p[0] >= s.left && p[0] <= s.left + i && p[1] >= s.top && p[1] <= s.top + n && (t = !0)
}
if(!t) return
}
r() ? ((37 === a || 39 === a) && (e.preventDefault ? e.preventDefault() : e.returnValue = !1), 39 === a && h.slideNext(), 37 === a && h.slidePrev()) : ((38 === a || 40 === a) && (e.preventDefault ? e.preventDefault() : e.returnValue = !1), 40 === a && h.slideNext(), 38 === a && h.slidePrev())
}
}
function l(e) {
e.originalEvent && (e = e.originalEvent);
var a = h._wheelEvent,
t = 0;
if(e.detail) t = -e.detail;
else if("mousewheel" === a)
if(h.params.mousewheelForceToAxis)
if(r()) {
if(!(Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY))) return;
t = e.wheelDeltaX
} else {
if(!(Math.abs(e.wheelDeltaY) > Math.abs(e.wheelDeltaX))) return;
t = e.wheelDeltaY
}
else t = e.wheelDelta;
else if("DOMMouseScroll" === a) t = -e.detail;
else if("wheel" === a)
if(h.params.mousewheelForceToAxis)
if(r()) {
if(!(Math.abs(e.deltaX) > Math.abs(e.deltaY))) return;
t = -e.deltaX
} else {
if(!(Math.abs(e.deltaY) > Math.abs(e.deltaX))) return;
t = -e.deltaY
}
else t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? -e.deltaX : -e.deltaY;
if(h.params.freeMode) {
var s = h.getWrapperTranslate() + t;
if(s > 0 && (s = 0), s < h.maxTranslate() && (s = h.maxTranslate()), h.setWrapperTransition(0), h.setWrapperTranslate(s), h.updateProgress(), h.updateActiveIndex(), 0 === s || s === h.maxTranslate()) return
} else(new Date).getTime() - h._lastWheelScrollTime > 60 && (0 > t ? h.slideNext() : h.slidePrev()), h._lastWheelScrollTime = (new Date).getTime();
return h.params.autoplay && h.stopAutoplay(), e.preventDefault ? e.preventDefault() : e.returnValue = !1, !1
}
function d(e, a) {
e = f(e);
var t, s, i, n, o;
t = e.attr("data-swiper-parallax"), s = e.attr("data-swiper-parallax-x"), i = e.attr("data-swiper-parallax-y"), s || i || !t ? (s = s ? s : "0", i = i ? i : "0") : r() ? (s = t, i = "0") : (i = t, s = "0"), s = s.indexOf("%") >= 0 ? parseInt(s, 10) * a + "%" : s * a + "px", i = i.indexOf("%") >= 0 ? parseInt(i, 10) * a + "%" : i * a + "px", n = s, o = i, e.transform("translate3d(" + n + ", " + o + ",0px)")
}
var p = {
direction: "horizontal",
touchEventsTarget: "container",
initialSlide: 0,
speed: 300,
autoplay: !1,
autoplayDisableOnInteraction: !0,
freeMode: !1,
freeModeMomentum: !0,
freeModeMomentumRatio: 1,
freeModeMomentumBounce: !0,
freeModeMomentumBounceRatio: 1,
effect: "slide",
coverflow: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: !0
},
cube: {
slideShadows: !0,
shadow: !0,
shadowOffset: 20,
shadowScale: .94
},
fade: {
crossFade: !1
},
parallax: !1,
scrollbar: null,
scrollbarHide: !0,
keyboardControl: !1,
mousewheelControl: !1,
mousewheelForceToAxis: !1,
hashnav: !1,
spaceBetween: 0,
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerColumnFill: "column",
slidesPerGroup: 1,
centeredSlides: !1,
touchRatio: 1,
touchAngle: 45,
simulateTouch: !0,
shortSwipes: !0,
longSwipes: !0,
longSwipesRatio: .5,
longSwipesMs: 300,
followFinger: !0,
onlyExternal: !1,
threshold: 0,
touchMoveStopPropagation: !0,
pagination: null,
paginationClickable: !1,
paginationHide: !1,
paginationBulletRender: null,
resistance: !0,
resistanceRatio: .85,
nextButton: null,
prevButton: null,
watchSlidesProgress: !1,
watchSlidesVisibility: !1,
grabCursor: !1,
preventClicks: !0,
preventClicksPropagation: !0,
slideToClickedSlide: !1,
lazyLoading: !1,
lazyLoadingInPrevNext: !1,
lazyLoadingOnTransitionStart: !1,
preloadImages: !0,
updateOnImagesReady: !0,
loop: !1,
loopAdditionalSlides: 0,
loopedSlides: null,
control: void 0,
controlInverse: !1,
allowSwipeToPrev: !0,
allowSwipeToNext: !0,
swipeHandler: null,
noSwiping: !0,
noSwipingClass: "swiper-no-swiping",
slideClass: "swiper-slide",
slideActiveClass: "swiper-slide-active",
slideVisibleClass: "swiper-slide-visible",
slideDuplicateClass: "swiper-slide-duplicate",
slideNextClass: "swiper-slide-next",
slidePrevClass: "swiper-slide-prev",
wrapperClass: "swiper-wrapper",
bulletClass: "swiper-pagination-bullet",
bulletActiveClass: "swiper-pagination-bullet-active",
buttonDisabledClass: "swiper-button-disabled",
paginationHiddenClass: "swiper-pagination-hidden",
observer: !1,
observeParents: !1,
runCallbacksOnInit: !0
};
t = t || {};
for(var u in p)
if("undefined" == typeof t[u]) t[u] = p[u];
else if("object" == typeof t[u])
for(var c in p[u]) "undefined" == typeof t[u][c] && (t[u][c] = p[u][c]);
var h = this;
h.params = t;
var f;
if(f = "undefined" == typeof a ? window.Dom7 || window.Zepto || window.jQuery : a, f && (h.container = f(e), 0 !== h.container.length)) {
if(h.container.length > 1) return void h.container.each(function() {
new Swiper(this, t)
});
h.container[0].swiper = h, h.container.data("swiper", h), h.container.addClass("swiper-container-" + h.params.direction), h.params.freeMode && h.container.addClass("swiper-container-free-mode"), (h.params.parallax || h.params.watchSlidesVisibility) && (h.params.watchSlidesProgress = !0), ["cube", "coverflow"].indexOf(h.params.effect) >= 0 && (h.support.transforms3d ? (h.params.watchSlidesProgress = !0, h.container.addClass("swiper-container-3d")) : h.params.effect = "slide"), "slide" !== h.params.effect && h.container.addClass("swiper-container-" + h.params.effect), "cube" === h.params.effect && (h.params.resistanceRatio = 0, h.params.slidesPerView = 1, h.params.slidesPerColumn = 1, h.params.slidesPerGroup = 1, h.params.centeredSlides = !1, h.params.spaceBetween = 0), "fade" === h.params.effect && (h.params.watchSlidesProgress = !0, h.params.spaceBetween = 0), h.params.grabCursor && h.support.touch && (h.params.grabCursor = !1), h.wrapper = h.container.children("." + h.params.wrapperClass), h.params.pagination && (h.paginationContainer = f(h.params.pagination), h.params.paginationClickable && h.paginationContainer.addClass("swiper-pagination-clickable")), h.rtl = r() && ("rtl" === h.container[0].dir.toLowerCase() || "rtl" === h.container.css("direction")), h.rtl && h.container.addClass("swiper-container-rtl"), h.rtl && (h.wrongRTL = "-webkit-box" === h.wrapper.css("display")), h.translate = 0, h.progress = 0, h.velocity = 0, h.lockSwipeToNext = function() {
h.params.allowSwipeToNext = !1
}, h.lockSwipeToPrev = function() {
h.params.allowSwipeToPrev = !1
}, h.lockSwipes = function() {
h.params.allowSwipeToNext = h.params.allowSwipeToPrev = !1
}, h.unlockSwipeToNext = function() {
h.params.allowSwipeToNext = !0
}, h.unlockSwipeToPrev = function() {
h.params.allowSwipeToPrev = !0
}, h.unlockSwipes = function() {
h.params.allowSwipeToNext = h.params.allowSwipeToPrev = !0
}, h.params.slidesPerColumn > 1 && h.container.addClass("swiper-container-multirow"), h.params.grabCursor && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grab", h.container[0].style.cursor = "-moz-grab", h.container[0].style.cursor = "grab"), h.imagesToLoad = [], h.imagesLoaded = 0, h.loadImage = function(e, a, t, r) {
function s() {
r && r()
}
var i;
e.complete && t ? s() : a ? (i = new Image, i.onload = s, i.onerror = s, i.src = a) : s()
}, h.preloadImages = function() {
function e() {
"undefined" != typeof h && null !== h && (void 0 !== h.imagesLoaded && h.imagesLoaded++, h.imagesLoaded === h.imagesToLoad.length && (h.params.updateOnImagesReady && h.update(), h.params.onImagesReady && h.params.onImagesReady(h)))
}
h.imagesToLoad = h.container.find("img");
for(var a = 0; a < h.imagesToLoad.length; a++) h.loadImage(h.imagesToLoad[a], h.imagesToLoad[a].currentSrc || h.imagesToLoad[a].getAttribute("src"), !0, e)
}, h.autoplayTimeoutId = void 0, h.autoplaying = !1, h.autoplayPaused = !1, h.startAutoplay = function() {
return "undefined" != typeof h.autoplayTimeoutId ? !1 : h.params.autoplay ? h.autoplaying ? !1 : (h.autoplaying = !0, h.params.onAutoplayStart && h.params.onAutoplayStart(h), void s()) : !1
}, h.stopAutoplay = function() {
h.autoplayTimeoutId && (h.autoplayTimeoutId && clearTimeout(h.autoplayTimeoutId), h.autoplaying = !1, h.autoplayTimeoutId = void 0, h.params.onAutoplayStop && h.params.onAutoplayStop(h))
}, h.pauseAutoplay = function(e) {
h.autoplayPaused || (h.autoplayTimeoutId && clearTimeout(h.autoplayTimeoutId), h.autoplayPaused = !0, 0 === e ? (h.autoplayPaused = !1, s()) : h.wrapper.transitionEnd(function() {
h.autoplayPaused = !1, h.autoplaying ? s() : h.stopAutoplay()
}))
}, h.minTranslate = function() {
return -h.snapGrid[0]
}, h.maxTranslate = function() {
return -h.snapGrid[h.snapGrid.length - 1]
}, h.updateContainerSize = function() {
h.width = h.container[0].clientWidth, h.height = h.container[0].clientHeight, h.size = r() ? h.width : h.height
}, h.updateSlidesSize = function() {
h.slides = h.wrapper.children("." + h.params.slideClass), h.snapGrid = [], h.slidesGrid = [], h.slidesSizesGrid = [];
var e, a = h.params.spaceBetween,
t = 0,
s = 0,
i = 0;
"string" == typeof a && a.indexOf("%") >= 0 && (a = parseFloat(a.replace("%", "")) / 100 * h.size), h.virtualWidth = -a, h.slides.css(h.rtl ? {
marginLeft: "",
marginTop: ""
} : {
marginRight: "",
marginBottom: ""
});
var n;
h.params.slidesPerColumn > 1 && (n = Math.floor(h.slides.length / h.params.slidesPerColumn) === h.slides.length / h.params.slidesPerColumn ? h.slides.length : Math.ceil(h.slides.length / h.params.slidesPerColumn) * h.params.slidesPerColumn);
var o;
for(e = 0; e < h.slides.length; e++) {
o = 0;
var l = h.slides.eq(e);
if(h.params.slidesPerColumn > 1) {
var d, p, u, c, f = h.params.slidesPerColumn;
"column" === h.params.slidesPerColumnFill ? (p = Math.floor(e / f), u = e - p * f, d = p + u * n / f, l.css({
"-webkit-box-ordinal-group": d,
"-moz-box-ordinal-group": d,
"-ms-flex-order": d,
"-webkit-order": d,
order: d
})) : (c = n / f, u = Math.floor(e / c), p = e - u * c), l.css({
"margin-top": 0 !== u && h.params.spaceBetween && h.params.spaceBetween + "px"
}).attr("data-swiper-column", p).attr("data-swiper-row", u)
}
"none" !== l.css("display") && ("auto" === h.params.slidesPerView ? o = r() ? l.outerWidth(!0) : l.outerHeight(!0) : (o = (h.size - (h.params.slidesPerView - 1) * a) / h.params.slidesPerView, r() ? h.slides[e].style.width = o + "px" : h.slides[e].style.height = o + "px"), h.slides[e].swiperSlideSize = o, h.slidesSizesGrid.push(o), h.params.centeredSlides ? (t = t + o / 2 + s / 2 + a, 0 === e && (t = t - h.size / 2 - a), Math.abs(t) < .001 && (t = 0), i % h.params.slidesPerGroup === 0 && h.snapGrid.push(t), h.slidesGrid.push(t)) : (i % h.params.slidesPerGroup === 0 && h.snapGrid.push(t), h.slidesGrid.push(t), t = t + o + a), h.virtualWidth += o + a, s = o, i++)
}
h.virtualWidth = Math.max(h.virtualWidth, h.size);
var m;
if(h.rtl && h.wrongRTL && ("slide" === h.params.effect || "coverflow" === h.params.effect) && h.wrapper.css({
width: h.virtualWidth + h.params.spaceBetween + "px"
}), h.params.slidesPerColumn > 1 && (h.virtualWidth = (o + h.params.spaceBetween) * n, h.virtualWidth = Math.ceil(h.virtualWidth / h.params.slidesPerColumn) - h.params.spaceBetween, h.wrapper.css({
width: h.virtualWidth + h.params.spaceBetween + "px"
}), h.params.centeredSlides)) {
for(m = [], e = 0; e < h.snapGrid.length; e++) h.snapGrid[e] < h.virtualWidth + h.snapGrid[0] && m.push(h.snapGrid[e]);
h.snapGrid = m
}
if(!h.params.centeredSlides) {
for(m = [], e = 0; e < h.snapGrid.length; e++) h.snapGrid[e] <= h.virtualWidth - h.size && m.push(h.snapGrid[e]);
h.snapGrid = m, Math.floor(h.virtualWidth - h.size) > Math.floor(h.snapGrid[h.snapGrid.length - 1]) && h.snapGrid.push(h.virtualWidth - h.size)
}
0 === h.snapGrid.length && (h.snapGrid = [0]), 0 !== h.params.spaceBetween && h.slides.css(r() ? h.rtl ? {
marginLeft: a + "px"
} : {
marginRight: a + "px"
} : {
marginBottom: a + "px"
}), h.params.watchSlidesProgress && h.updateSlidesOffset()
}, h.updateSlidesOffset = function() {
for(var e = 0; e < h.slides.length; e++) h.slides[e].swiperSlideOffset = r() ? h.slides[e].offsetLeft : h.slides[e].offsetTop
}, h.updateSlidesProgress = function(e) {
if("undefined" == typeof e && (e = h.translate || 0), 0 !== h.slides.length) {
"undefined" == typeof h.slides[0].swiperSlideOffset && h.updateSlidesOffset();
var a = h.params.centeredSlides ? -e + h.size / 2 : -e;
h.rtl && (a = h.params.centeredSlides ? e - h.size / 2 : e); {
h.container[0].getBoundingClientRect(), r() ? "left" : "top", r() ? "right" : "bottom"
}
h.slides.removeClass(h.params.slideVisibleClass);
for(var t = 0; t < h.slides.length; t++) {
var s = h.slides[t],
i = h.params.centeredSlides === !0 ? s.swiperSlideSize / 2 : 0,
n = (a - s.swiperSlideOffset - i) / (s.swiperSlideSize + h.params.spaceBetween);
if(h.params.watchSlidesVisibility) {
var o = -(a - s.swiperSlideOffset - i),
l = o + h.slidesSizesGrid[t],
d = o >= 0 && o < h.size || l > 0 && l <= h.size || 0 >= o && l >= h.size;
d && h.slides.eq(t).addClass(h.params.slideVisibleClass)
}
s.progress = h.rtl ? -n : n
}
}
}, h.updateProgress = function(e) {
"undefined" == typeof e && (e = h.translate || 0);
var a = h.maxTranslate() - h.minTranslate();
0 === a ? (h.progress = 0, h.isBeginning = h.isEnd = !0) : (h.progress = (e - h.minTranslate()) / a, h.isBeginning = h.progress <= 0, h.isEnd = h.progress >= 1), h.isBeginning && h.params.onReachBeginning && h.params.onReachBeginning(h), h.isEnd && h.params.onReachEnd && h.params.onReachEnd(h), h.params.watchSlidesProgress && h.updateSlidesProgress(e), h.params.onProgress && h.params.onProgress(h, h.progress)
}, h.updateActiveIndex = function() {
var e, a, t, r = h.rtl ? h.translate : -h.translate;
for(a = 0; a < h.slidesGrid.length; a++) "undefined" != typeof h.slidesGrid[a + 1] ? r >= h.slidesGrid[a] && r < h.slidesGrid[a + 1] - (h.slidesGrid[a + 1] - h.slidesGrid[a]) / 2 ? e = a : r >= h.slidesGrid[a] && r < h.slidesGrid[a + 1] && (e = a + 1) : r >= h.slidesGrid[a] && (e = a);
(0 > e || "undefined" == typeof e) && (e = 0), t = Math.floor(e / h.params.slidesPerGroup), t >= h.snapGrid.length && (t = h.snapGrid.length - 1), e !== h.activeIndex && (h.snapIndex = t, h.previousIndex = h.activeIndex, h.activeIndex = e, h.updateClasses())
}, h.updateClasses = function() {
h.slides.removeClass(h.params.slideActiveClass + " " + h.params.slideNextClass + " " + h.params.slidePrevClass);
var e = h.slides.eq(h.activeIndex);
if(e.addClass(h.params.slideActiveClass), e.next("." + h.params.slideClass).addClass(h.params.slideNextClass), e.prev("." + h.params.slideClass).addClass(h.params.slidePrevClass), h.bullets && h.bullets.length > 0) {
h.bullets.removeClass(h.params.bulletActiveClass);
var a;
h.params.loop ? (a = h.activeIndex - h.loopedSlides, a > h.slides.length - 1 - 2 * h.loopedSlides && (a -= h.slides.length - 2 * h.loopedSlides)) : a = "undefined" != typeof h.snapIndex ? h.snapIndex : h.activeIndex || 0, h.bullets.eq(a).addClass(h.params.bulletActiveClass)
}
h.params.loop || (h.params.prevButton && (h.isBeginning ? f(h.params.prevButton).addClass(h.params.buttonDisabledClass) : f(h.params.prevButton).removeClass(h.params.buttonDisabledClass)), h.params.nextButton && (h.isEnd ? f(h.params.nextButton).addClass(h.params.buttonDisabledClass) : f(h.params.nextButton).removeClass(h.params.buttonDisabledClass)))
}, h.updatePagination = function() {
if(h.params.pagination && h.paginationContainer && h.paginationContainer.length > 0) {
for(var e = "", a = h.params.loop ? h.slides.length - 2 * h.loopedSlides : h.snapGrid.length, t = 0; a > t; t++) e += h.params.paginationBulletRender ? h.params.paginationBulletRender(t, h.params.bulletClass) : '<span class="' + h.params.bulletClass + '"></span>';
h.paginationContainer.html(e), h.bullets = h.paginationContainer.find("." + h.params.bulletClass)
}
}, h.update = function(e) {
function a() {
r = Math.min(Math.max(h.translate, h.maxTranslate()), h.minTranslate()), h.setWrapperTranslate(r), h.updateActiveIndex(), h.updateClasses()
}
if(h.updateContainerSize(), h.updateSlidesSize(), h.updateProgress(), h.updatePagination(), h.updateClasses(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), e) {
var t, r;
h.params.freeMode ? a() : (t = "auto" === h.params.slidesPerView && h.isEnd && !h.params.centeredSlides ? h.slideTo(h.slides.length - 1, 0, !1, !0) : h.slideTo(h.activeIndex, 0, !1, !0), t || a())
}
}, h.onResize = function() {
if(h.updateContainerSize(), h.updateSlidesSize(), h.updateProgress(), ("auto" === h.params.slidesPerView || h.params.freeMode) && h.updatePagination(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), h.params.freeMode) {
var e = Math.min(Math.max(h.translate, h.maxTranslate()), h.minTranslate());
h.setWrapperTranslate(e), h.updateActiveIndex(), h.updateClasses()
} else h.updateClasses(), "auto" === h.params.slidesPerView && h.isEnd && !h.params.centeredSlides ? h.slideTo(h.slides.length - 1, 0, !1, !0) : h.slideTo(h.activeIndex, 0, !1, !0)
};
var m = ["mousedown", "mousemove", "mouseup"];
window.navigator.pointerEnabled ? m = ["pointerdown", "pointermove", "pointerup"] : window.navigator.msPointerEnabled && (m = ["MSPointerDown", "MSPointerMove", "MSPointerUp"]), h.touchEvents = {
start: h.support.touch || !h.params.simulateTouch ? "touchstart" : m[0],
move: h.support.touch || !h.params.simulateTouch ? "touchmove" : m[1],
end: h.support.touch || !h.params.simulateTouch ? "touchend" : m[2]
}, (window.navigator.pointerEnabled || window.navigator.msPointerEnabled) && ("container" === h.params.touchEventsTarget ? h.container : h.wrapper).addClass("swiper-wp8-" + h.params.direction), h.events = function(e) {
var a = e ? "off" : "on",
r = e ? "removeEventListener" : "addEventListener",
s = "container" === h.params.touchEventsTarget ? h.container[0] : h.wrapper[0],
i = h.support.touch ? s : document,
n = h.params.nested ? !0 : !1;
h.browser.ie ? (s[r](h.touchEvents.start, h.onTouchStart, !1), i[r](h.touchEvents.move, h.onTouchMove, n), i[r](h.touchEvents.end, h.onTouchEnd, !1)) : (h.support.touch && (s[r](h.touchEvents.start, h.onTouchStart, !1), s[r](h.touchEvents.move, h.onTouchMove, n), s[r](h.touchEvents.end, h.onTouchEnd, !1)), !t.simulateTouch || h.device.ios || h.device.android || (s[r]("mousedown", h.onTouchStart, !1), i[r]("mousemove", h.onTouchMove, n), i[r]("mouseup", h.onTouchEnd, !1))), window[r]("resize", h.onResize), h.params.nextButton && f(h.params.nextButton)[a]("click", h.onClickNext), h.params.prevButton && f(h.params.prevButton)[a]("click", h.onClickPrev), h.params.pagination && h.params.paginationClickable && f(h.paginationContainer)[a]("click", "." + h.params.bulletClass, h.onClickIndex), (h.params.preventClicks || h.params.preventClicksPropagation) && s[r]("click", h.preventClicks, !0)
}, h.attachEvents = function() {
h.events()
}, h.detachEvents = function() {
h.events(!0)
}, h.allowClick = !0, h.preventClicks = function(e) {
h.allowClick || (h.params.preventClicks && e.preventDefault(), h.params.preventClicksPropagation && (e.stopPropagation(), e.stopImmediatePropagation()))
}, h.onClickNext = function(e) {
e.preventDefault(), h.slideNext()
}, h.onClickPrev = function(e) {
e.preventDefault(), h.slidePrev()
}, h.onClickIndex = function(e) {
e.preventDefault();
var a = f(this).index() * h.params.slidesPerGroup;
h.params.loop && (a += h.loopedSlides), h.slideTo(a)
}, h.updateClickedSlide = function(e) {
var a = i(e, "." + h.params.slideClass);
if(!a) return h.clickedSlide = void 0, void(h.clickedIndex = void 0);
if(h.clickedSlide = a, h.clickedIndex = f(a).index(), h.params.slideToClickedSlide && void 0 !== h.clickedIndex && h.clickedIndex !== h.activeIndex) {
var t, r = h.clickedIndex;
if(h.params.loop)
if(t = f(h.clickedSlide).attr("data-swiper-slide-index"), r > h.slides.length - h.params.slidesPerView) h.fixLoop(), r = h.wrapper.children("." + h.params.slideClass + '[data-swiper-slide-index="' + t + '"]').eq(0).index(), setTimeout(function() {
h.slideTo(r)
}, 0);
else if(r < h.params.slidesPerView - 1) {
h.fixLoop();
var s = h.wrapper.children("." + h.params.slideClass + '[data-swiper-slide-index="' + t + '"]');
r = s.eq(s.length - 1).index(), setTimeout(function() {
h.slideTo(r)
}, 0)
} else h.slideTo(r);
else h.slideTo(r)
}
};
var g, v, w, T, b, x, y, S, C, M = "input, select, textarea, button",
E = Date.now(),
P = [];
h.animating = !1, h.touches = {
startX: 0,
startY: 0,
currentX: 0,
currentY: 0,
diff: 0
};
var z;
if(h.onTouchStart = function(e) {
if(e.originalEvent && (e = e.originalEvent), z = "touchstart" === e.type, z || !("which" in e) || 3 !== e.which) {
if(h.params.noSwiping && i(e, "." + h.params.noSwipingClass)) return void(h.allowClick = !0);
if(!h.params.swipeHandler || i(e, h.params.swipeHandler)) {
if(g = !0, v = !1, T = void 0, h.touches.startX = h.touches.currentX = "touchstart" === e.type ? e.targetTouches[0].pageX : e.pageX, h.touches.startY = h.touches.currentY = "touchstart" === e.type ? e.targetTouches[0].pageY : e.pageY, w = Date.now(), h.allowClick = !0, h.updateContainerSize(), h.swipeDirection = void 0, h.params.threshold > 0 && (y = !1), "touchstart" !== e.type) {
var a = !0;
f(e.target).is(M) && (a = !1), document.activeElement && f(document.activeElement).is(M) && document.activeElement.blur(), a && e.preventDefault()
}
h.params.onTouchStart && h.params.onTouchStart(h, e)
}
}
}, h.onTouchMove = function(e) {
if(e.originalEvent && (e = e.originalEvent), !(z && "mousemove" === e.type || e.preventedByNestedSwiper)) {
if(h.params.onlyExternal) return v = !0, void(h.allowClick = !1);
if(z && document.activeElement && e.target === document.activeElement && f(e.target).is(M)) return v = !0, void(h.allowClick = !1);
if(h.params.onTouchMove && h.params.onTouchMove(h, e), h.allowClick = !1, !(e.targetTouches && e.targetTouches.length > 1)) {
if(h.touches.currentX = "touchmove" === e.type ? e.targetTouches[0].pageX : e.pageX, h.touches.currentY = "touchmove" === e.type ? e.targetTouches[0].pageY : e.pageY, "undefined" == typeof T) {
var a = 180 * Math.atan2(Math.abs(h.touches.currentY - h.touches.startY), Math.abs(h.touches.currentX - h.touches.startX)) / Math.PI;
T = r() ? a > h.params.touchAngle : 90 - a > h.params.touchAngle
}
if(T && h.params.onTouchMoveOpposite && h.params.onTouchMoveOpposite(h, e), g) {
if(T) return void(g = !1);
h.params.onSliderMove && h.params.onSliderMove(h, e), e.preventDefault(), h.params.touchMoveStopPropagation && !h.params.nested && e.stopPropagation(), v || (t.loop && h.fixLoop(), x = "cube" === h.params.effect ? (h.rtl ? -h.translate : h.translate) || 0 : h.getWrapperTranslate(), h.setWrapperTransition(0), h.animating && h.wrapper.trigger("webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd"), h.params.autoplay && h.autoplaying && (h.params.autoplayDisableOnInteraction ? h.stopAutoplay() : h.pauseAutoplay()), C = !1, h.params.grabCursor && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grabbing", h.container[0].style.cursor = "-moz-grabbin", h.container[0].style.cursor = "grabbing")), v = !0;
var s = h.touches.diff = r() ? h.touches.currentX - h.touches.startX : h.touches.currentY - h.touches.startY;
s *= h.params.touchRatio, h.rtl && (s = -s), h.swipeDirection = s > 0 ? "prev" : "next", b = s + x;
var i = !0;
if(s > 0 && b > h.minTranslate() ? (i = !1, h.params.resistance && (b = h.minTranslate() - 1 + Math.pow(-h.minTranslate() + x + s, h.params.resistanceRatio))) : 0 > s && b < h.maxTranslate() && (i = !1, h.params.resistance && (b = h.maxTranslate() + 1 - Math.pow(h.maxTranslate() - x - s, h.params.resistanceRatio))), i && (e.preventedByNestedSwiper = !0), !h.params.allowSwipeToNext && "next" === h.swipeDirection && x > b && (b = x), !h.params.allowSwipeToPrev && "prev" === h.swipeDirection && b > x && (b = x), h.params.followFinger) {
if(h.params.threshold > 0) {
if(!(Math.abs(s) > h.params.threshold || y)) return void(b = x);
if(!y) return y = !0, h.touches.startX = h.touches.currentX, h.touches.startY = h.touches.currentY, b = x, void(h.touches.diff = r() ? h.touches.currentX - h.touches.startX : h.touches.currentY - h.touches.startY)
}(h.params.freeMode || h.params.watchSlidesProgress) && h.updateActiveIndex(), h.params.freeMode && (0 === P.length && P.push({
position: h.touches[r() ? "startX" : "startY"],
time: w
}), P.push({
position: h.touches[r() ? "currentX" : "currentY"],
time: (new Date).getTime()
})), h.updateProgress(b), h.setWrapperTranslate(b)
}
}
}
}
}, h.onTouchEnd = function(e) {
if(e.originalEvent && (e = e.originalEvent), h.params.onTouchEnd && h.params.onTouchEnd(h, e), g) {
h.params.grabCursor && v && g && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grab", h.container[0].style.cursor = "-moz-grab", h.container[0].style.cursor = "grab");
var a = Date.now(),
t = a - w;
if(h.allowClick && (h.updateClickedSlide(e), h.params.onTap && h.params.onTap(h, e), 300 > t && a - E > 300 && (S && clearTimeout(S), S = setTimeout(function() {
h && (h.params.paginationHide && h.paginationContainer.length > 0 && !f(e.target).hasClass(h.params.bulletClass) && h.paginationContainer.toggleClass(h.params.paginationHiddenClass), h.params.onClick && h.params.onClick(h, e))
}, 300)), 300 > t && 300 > a - E && (S && clearTimeout(S), h.params.onDoubleTap && h.params.onDoubleTap(h, e))), E = Date.now(), setTimeout(function() {
h && h.allowClick && (h.allowClick = !0)
}, 0), !g || !v || !h.swipeDirection || 0 === h.touches.diff || b === x) return void(g = v = !1);
g = v = !1;
var r;
if(r = h.params.followFinger ? h.rtl ? h.translate : -h.translate : -b, h.params.freeMode) {
if(r < -h.minTranslate()) return void h.slideTo(h.activeIndex);
if(r > -h.maxTranslate()) return void h.slideTo(h.slides.length - 1);
if(h.params.freeModeMomentum) {
if(P.length > 1) {
var s = P.pop(),
i = P.pop(),
n = s.position - i.position,
o = s.time - i.time;
h.velocity = n / o, h.velocity = h.velocity / 2, Math.abs(h.velocity) < .02 && (h.velocity = 0), (o > 150 || (new Date).getTime() - s.time > 300) && (h.velocity = 0)
} else h.velocity = 0;
P.length = 0;
var l = 1e3 * h.params.freeModeMomentumRatio,
d = h.velocity * l,
p = h.translate + d;
h.rtl && (p = -p);
var u, c = !1,
m = 20 * Math.abs(h.velocity) * h.params.freeModeMomentumBounceRatio;
p < h.maxTranslate() && (h.params.freeModeMomentumBounce ? (p + h.maxTranslate() < -m && (p = h.maxTranslate() - m), u = h.maxTranslate(), c = !0, C = !0) : p = h.maxTranslate()), p > h.minTranslate() && (h.params.freeModeMomentumBounce ? (p - h.minTranslate() > m && (p = h.minTranslate() + m), u = h.minTranslate(), c = !0, C = !0) : p = h.minTranslate()), 0 !== h.velocity && (l = Math.abs(h.rtl ? (-p - h.translate) / h.velocity : (p - h.translate) / h.velocity)), h.params.freeModeMomentumBounce && c ? (h.updateProgress(u), h.setWrapperTransition(l), h.setWrapperTranslate(p), h.onTransitionStart(), h.animating = !0, h.wrapper.transitionEnd(function() {
C && (h.params.onMomentumBounce && h.params.onMomentumBounce(h), h.setWrapperTransition(h.params.speed), h.setWrapperTranslate(u), h.wrapper.transitionEnd(function() {
h.onTransitionEnd()
}))
})) : h.velocity ? (h.updateProgress(p), h.setWrapperTransition(l), h.setWrapperTranslate(p), h.onTransitionStart(), h.animating || (h.animating = !0, h.wrapper.transitionEnd(function() {
h.onTransitionEnd()
}))) : h.updateProgress(p), h.updateActiveIndex()
}
return void((!h.params.freeModeMomentum || t >= h.params.longSwipesMs) && (h.updateProgress(), h.updateActiveIndex()))
}
var T, y = 0,
M = h.slidesSizesGrid[0];
for(T = 0; T < h.slidesGrid.length; T += h.params.slidesPerGroup) "undefined" != typeof h.slidesGrid[T + h.params.slidesPerGroup] ? r >= h.slidesGrid[T] && r < h.slidesGrid[T + h.params.slidesPerGroup] && (y = T, M = h.slidesGrid[T + h.params.slidesPerGroup] - h.slidesGrid[T]) : r >= h.slidesGrid[T] && (y = T, M = h.slidesGrid[h.slidesGrid.length - 1] - h.slidesGrid[h.slidesGrid.length - 2]);
var z = (r - h.slidesGrid[y]) / M;
if(t > h.params.longSwipesMs) {
if(!h.params.longSwipes) return void h.slideTo(h.activeIndex);
"next" === h.swipeDirection && h.slideTo(z >= h.params.longSwipesRatio ? y + h.params.slidesPerGroup : y), "prev" === h.swipeDirection && h.slideTo(z > 1 - h.params.longSwipesRatio ? y + h.params.slidesPerGroup : y)
} else {
if(!h.params.shortSwipes) return void h.slideTo(h.activeIndex);
"next" === h.swipeDirection && h.slideTo(y + h.params.slidesPerGroup), "prev" === h.swipeDirection && h.slideTo(y)
}
}
}, h._slideTo = function(e, a) {
return h.slideTo(e, a, !0, !0)
}, h.slideTo = function(e, a, t, s) {
"undefined" == typeof t && (t = !0), "undefined" == typeof e && (e = 0), 0 > e && (e = 0), h.snapIndex = Math.floor(e / h.params.slidesPerGroup), h.snapIndex >= h.snapGrid.length && (h.snapIndex = h.snapGrid.length - 1);
var i = -h.snapGrid[h.snapIndex];
h.params.autoplay && h.autoplaying && (s || !h.params.autoplayDisableOnInteraction ? h.pauseAutoplay(a) : h.stopAutoplay()), h.updateProgress(i);
for(var n = 0; n < h.slidesGrid.length; n++) - i >= h.slidesGrid[n] && (e = n);
if("undefined" == typeof a && (a = h.params.speed), h.previousIndex = h.activeIndex || 0, h.activeIndex = e, i === h.translate) return h.updateClasses(), !1;
h.onTransitionStart(t);
r() ? i : 0, r() ? 0 : i;
return 0 === a ? (h.setWrapperTransition(0), h.setWrapperTranslate(i), h.onTransitionEnd(t)) : (h.setWrapperTransition(a), h.setWrapperTranslate(i), h.animating || (h.animating = !0, h.wrapper.transitionEnd(function() {
h.onTransitionEnd(t)
}))), h.updateClasses(), !0
}, h.onTransitionStart = function(e) {
"undefined" == typeof e && (e = !0), h.lazy && h.lazy.onTransitionStart(), e && (h.params.onTransitionStart && h.params.onTransitionStart(h), h.params.onSlideChangeStart && h.activeIndex !== h.previousIndex && h.params.onSlideChangeStart(h))
}, h.onTransitionEnd = function(e) {
h.animating = !1, h.setWrapperTransition(0), "undefined" == typeof e && (e = !0), h.lazy && h.lazy.onTransitionEnd(), e && (h.params.onTransitionEnd && h.params.onTransitionEnd(h), h.params.onSlideChangeEnd && h.activeIndex !== h.previousIndex && h.params.onSlideChangeEnd(h))
}, h.slideNext = function(e, a, t) {
if(h.params.loop) {
if(h.animating) return !1;
h.fixLoop(); {
h.container[0].clientLeft
}
return h.slideTo(h.activeIndex + h.params.slidesPerGroup, a, e, t)
}
return h.slideTo(h.activeIndex + h.params.slidesPerGroup, a, e, t)
}, h._slideNext = function(e) {
return h.slideNext(!0, e, !0)
}, h.slidePrev = function(e, a, t) {
if(h.params.loop) {
if(h.animating) return !1;
h.fixLoop(); {
h.container[0].clientLeft
}
return h.slideTo(h.activeIndex - 1, a, e, t)
}
return h.slideTo(h.activeIndex - 1, a, e, t)
}, h._slidePrev = function(e) {
return h.slidePrev(!0, e, !0)
}, h.slideReset = function(e, a) {
return h.slideTo(h.activeIndex, a, e)
}, h.setWrapperTransition = function(e, a) {
h.wrapper.transition(e), h.params.onSetTransition && h.params.onSetTransition(h, e), "slide" !== h.params.effect && h.effects[h.params.effect] && h.effects[h.params.effect].setTransition(e), h.params.parallax && h.parallax && h.parallax.setTransition(e), h.params.scrollbar && h.scrollbar && h.scrollbar.setTransition(e), h.params.control && h.controller && h.controller.setTransition(e, a)
}, h.setWrapperTranslate = function(e, a, t) {
var s = 0,
i = 0,
n = 0;
r() ? s = h.rtl ? -e : e : i = e, h.wrapper.transform(h.support.transforms3d ? "translate3d(" + s + "px, " + i + "px, " + n + "px)" : "translate(" + s + "px, " + i + "px)"), h.translate = r() ? s : i, a && h.updateActiveIndex(), "slide" !== h.params.effect && h.effects[h.params.effect] && h.effects[h.params.effect].setTranslate(h.translate), h.params.parallax && h.parallax && h.parallax.setTranslate(h.translate), h.params.scrollbar && h.scrollbar && h.scrollbar.setTranslate(h.translate), h.params.control && h.controller && h.controller.setTranslate(h.translate, t), h.params.hashnav && h.hashnav && h.hashnav.setHash(), h.params.onSetTranslate && h.params.onSetTranslate(h, h.translate)
}, h.getTranslate = function(e, a) {
var t, r, s, i;
return "undefined" == typeof a && (a = "x"), s = window.getComputedStyle(e, null), window.WebKitCSSMatrix ? i = new WebKitCSSMatrix("none" === s.webkitTransform ? "" : s.webkitTransform) : (i = s.MozTransform || s.OTransform || s.MsTransform || s.msTransform || s.transform || s.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), t = i.toString().split(",")), "x" === a && (r = window.WebKitCSSMatrix ? i.m41 : parseFloat(16 === t.length ? t[12] : t[4])), "y" === a && (r = window.WebKitCSSMatrix ? i.m42 : parseFloat(16 === t.length ? t[13] : t[5])), h.rtl && r && (r = -r), r || 0
}, h.getWrapperTranslate = function(e) {
return "undefined" == typeof e && (e = r() ? "x" : "y"), h.getTranslate(h.wrapper[0], e)
}, h.observers = [], h.initObservers = function() {
if(h.params.observeParents)
for(var e = h.container.parents(), a = 0; a < e.length; a++) n(e[a]);
n(h.container[0], {
childList: !1
}), n(h.wrapper[0], {
attributes: !1
})
}, h.disconnectObservers = function() {
for(var e = 0; e < h.observers.length; e++) h.observers[e].disconnect();
h.observers = []
}, h.createLoop = function() {
h.wrapper.children("." + h.params.slideClass + "." + h.params.slideDuplicateClass).remove();
var e = h.wrapper.children("." + h.params.slideClass);
h.loopedSlides = parseInt(h.params.loopedSlides || h.params.slidesPerView, 10), h.loopedSlides = h.loopedSlides + h.params.loopAdditionalSlides, h.loopedSlides > e.length && (h.loopedSlides = e.length);
var a, t = [],
r = [];
for(e.each(function(a, s) {
var i = f(this);
a < h.loopedSlides && r.push(s), a < e.length && a >= e.length - h.loopedSlides && t.push(s), i.attr("data-swiper-slide-index", a)
}), a = 0; a < r.length; a++) h.wrapper.append(f(r[a].cloneNode(!0)).addClass(h.params.slideDuplicateClass));
for(a = t.length - 1; a >= 0; a--) h.wrapper.prepend(f(t[a].cloneNode(!0)).addClass(h.params.slideDuplicateClass))
}, h.destroyLoop = function() {
h.wrapper.children("." + h.params.slideClass + "." + h.params.slideDuplicateClass).remove()
}, h.fixLoop = function() {
var e;
h.activeIndex < h.loopedSlides ? (e = h.slides.length - 3 * h.loopedSlides + h.activeIndex, e += h.loopedSlides, h.slideTo(e, 0, !1, !0)) : ("auto" === h.params.slidesPerView && h.activeIndex >= 2 * h.loopedSlides || h.activeIndex > h.slides.length - 2 * h.params.slidesPerView) && (e = -h.slides.length + h.activeIndex + h.loopedSlides, e += h.loopedSlides, h.slideTo(e, 0, !1, !0))
}, h.appendSlide = function(e) {
if(h.params.loop && h.destroyLoop(), "object" == typeof e && e.length)
for(var a = 0; a < e.length; a++) e[a] && h.wrapper.append(e[a]);
else h.wrapper.append(e);
h.params.loop && h.createLoop(), h.params.observer && h.support.observer || h.update(!0)
}, h.prependSlide = function(e) {
h.params.loop && h.destroyLoop();
var a = h.activeIndex + 1;
if("object" == typeof e && e.length) {
for(var t = 0; t < e.length; t++) e[t] && h.wrapper.prepend(e[t]);
a = h.activeIndex + e.length
} else h.wrapper.prepend(e);
h.params.loop && h.createLoop(), h.params.observer && h.support.observer || h.update(!0), h.slideTo(a, 0, !1)
}, h.removeSlide = function(e) {
h.params.loop && h.destroyLoop();
var a, t = h.activeIndex;
if("object" == typeof e && e.length) {
for(var r = 0; r < e.length; r++) a = e[r], h.slides[a] && h.slides.eq(a).remove(), t > a && t--;
t = Math.max(t, 0)
} else a = e, h.slides[a] && h.slides.eq(a).remove(), t > a && t--, t = Math.max(t, 0);
h.params.observer && h.support.observer || h.update(!0), h.slideTo(t, 0, !1)
}, h.removeAllSlides = function() {
for(var e = [], a = 0; a < h.slides.length; a++) e.push(a);
h.removeSlide(e)
}, h.effects = {
fade: {
setTranslate: function() {
for(var e = 0; e < h.slides.length; e++) {
var a = h.slides.eq(e),
t = a[0].swiperSlideOffset,
s = -t - h.translate,
i = 0;
r() || (i = s, s = 0);
var n = h.params.fade.crossFade ? Math.max(1 - Math.abs(a[0].progress), 0) : 1 + Math.min(Math.max(a[0].progress, -1), 0);
a.css({
opacity: n
}).transform("translate3d(" + s + "px, " + i + "px, 0px)")
}
},
setTransition: function(e) {
h.slides.transition(e)
}
},
cube: {
setTranslate: function() {
var e, a = 0;
h.params.cube.shadow && (r() ? (e = h.wrapper.find(".swiper-cube-shadow"), 0 === e.length && (e = f('<div class="swiper-cube-shadow"></div>'), h.wrapper.append(e)), e.css({
height: h.width + "px"
})) : (e = h.container.find(".swiper-cube-shadow"), 0 === e.length && (e = f('<div class="swiper-cube-shadow"></div>'), h.container.append(e))));
for(var t = 0; t < h.slides.length; t++) {
var s = h.slides.eq(t),
i = 90 * t,
n = Math.floor(i / 360);
h.rtl && (i = -i, n = Math.floor(-i / 360));
var o = Math.max(Math.min(s[0].progress, 1), -1),
l = 0,
d = 0,
p = 0;
t % 4 === 0 ? (l = 4 * -n * h.size, p = 0) : (t - 1) % 4 === 0 ? (l = 0, p = 4 * -n * h.size) : (t - 2) % 4 === 0 ? (l = h.size + 4 * n * h.size, p = h.size) : (t - 3) % 4 === 0 && (l = -h.size, p = 3 * h.size + 4 * h.size * n), h.rtl && (l = -l), r() || (d = l, l = 0);
var u = "rotateX(" + (r() ? 0 : -i) + "deg) rotateY(" + (r() ? i : 0) + "deg) translate3d(" + l + "px, " + d + "px, " + p + "px)";
if(1 >= o && o > -1 && (a = 90 * t + 90 * o, h.rtl && (a = 90 * -t - 90 * o)), s.transform(u), h.params.cube.slideShadows) {
var c = s.find(r() ? ".swiper-slide-shadow-left" : ".swiper-slide-shadow-top"),
m = s.find(r() ? ".swiper-slide-shadow-right" : ".swiper-slide-shadow-bottom");
0 === c.length && (c = f('<div class="swiper-slide-shadow-' + (r() ? "left" : "top") + '"></div>'), s.append(c)), 0 === m.length && (m = f('<div class="swiper-slide-shadow-' + (r() ? "right" : "bottom") + '"></div>'), s.append(m)); {
s[0].progress
}
c.length && (c[0].style.opacity = -s[0].progress), m.length && (m[0].style.opacity = s[0].progress)
}
}
if(h.wrapper.css({
"-webkit-transform-origin": "50% 50% -" + h.size / 2 + "px",
"-moz-transform-origin": "50% 50% -" + h.size / 2 + "px",
"-ms-transform-origin": "50% 50% -" + h.size / 2 + "px",
"transform-origin": "50% 50% -" + h.size / 2 + "px"
}), h.params.cube.shadow)
if(r()) e.transform("translate3d(0px, " + (h.width / 2 + h.params.cube.shadowOffset) + "px, " + -h.width / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + h.params.cube.shadowScale + ")");
else {
var g = Math.abs(a) - 90 * Math.floor(Math.abs(a) / 90),
v = 1.5 - (Math.sin(2 * g * Math.PI / 360) / 2 + Math.cos(2 * g * Math.PI / 360) / 2),
w = h.params.cube.shadowScale,
T = h.params.cube.shadowScale / v,
b = h.params.cube.shadowOffset;
e.transform("scale3d(" + w + ", 1, " + T + ") translate3d(0px, " + (h.height / 2 + b) + "px, " + -h.height / 2 / T + "px) rotateX(-90deg)")
}
var x = h.isSafari || h.isUiWebView ? -h.size / 2 : 0;
h.wrapper.transform("translate3d(0px,0," + x + "px) rotateX(" + (r() ? 0 : a) + "deg) rotateY(" + (r() ? -a : 0) + "deg)")
},
setTransition: function(e) {
h.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), h.params.cube.shadow && !r() && h.container.find(".swiper-cube-shadow").transition(e)
}
},
coverflow: {
setTranslate: function() {
for(var e = h.translate, a = r() ? -e + h.width / 2 : -e + h.height / 2, t = r() ? h.params.coverflow.rotate : -h.params.coverflow.rotate, s = h.params.coverflow.depth, i = 0, n = h.slides.length; n > i; i++) {
var o = h.slides.eq(i),
l = h.slidesSizesGrid[i],
d = o[0].swiperSlideOffset,
p = (a - d - l / 2) / l * h.params.coverflow.modifier,
u = r() ? t * p : 0,
c = r() ? 0 : t * p,
m = -s * Math.abs(p),
g = r() ? 0 : h.params.coverflow.stretch * p,
v = r() ? h.params.coverflow.stretch * p : 0;
Math.abs(v) < .001 && (v = 0), Math.abs(g) < .001 && (g = 0), Math.abs(m) < .001 && (m = 0), Math.abs(u) < .001 && (u = 0), Math.abs(c) < .001 && (c = 0);
var w = "translate3d(" + v + "px," + g + "px," + m + "px) rotateX(" + c + "deg) rotateY(" + u + "deg)";
if(o.transform(w), o[0].style.zIndex = -Math.abs(Math.round(p)) + 1, h.params.coverflow.slideShadows) {
var T = o.find(r() ? ".swiper-slide-shadow-left" : ".swiper-slide-shadow-top"),
b = o.find(r() ? ".swiper-slide-shadow-right" : ".swiper-slide-shadow-bottom");
0 === T.length && (T = f('<div class="swiper-slide-shadow-' + (r() ? "left" : "top") + '"></div>'), o.append(T)), 0 === b.length && (b = f('<div class="swiper-slide-shadow-' + (r() ? "right" : "bottom") + '"></div>'), o.append(b)), T.length && (T[0].style.opacity = p > 0 ? p : 0), b.length && (b[0].style.opacity = -p > 0 ? -p : 0)
}
}
if(window.navigator.pointerEnabled || window.navigator.msPointerEnabled) {
var x = h.wrapper.style;
x.perspectiveOrigin = a + "px 50%"
}
},
setTransition: function(e) {
h.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)
}
}
}, h.lazy = {
initialImageLoaded: !1,
loadImageInSlide: function(e) {
if("undefined" != typeof e && 0 !== h.slides.length) {
var a = h.slides.eq(e),
t = a.find("img.swiper-lazy:not(.swiper-lazy-loaded):not(.swiper-lazy-loading)");
0 !== t.length && t.each(function() {
var e = f(this);
e.addClass("swiper-lazy-loading");
var t = e.attr("data-src");
h.loadImage(e[0], t, !1, function() {
e.attr("src", t), e.removeAttr("data-src"), e.addClass("swiper-lazy-loaded").removeClass("swiper-lazy-loading"), a.find(".swiper-lazy-preloader, .preloader").remove(), h.params.onLazyImageLoaded && h.params.onLazyImageLoaded(h, a[0], e[0])
}), h.params.onLazyImageLoad && h.params.onLazyImageLoad(h, a[0], e[0])
})
}
},
load: function() {
if(h.params.watchSlidesVisibility) h.wrapper.children("." + h.params.slideVisibleClass).each(function() {
h.lazy.loadImageInSlide(f(this).index())
});
else if(h.params.slidesPerView > 1)
for(var e = h.activeIndex; e < h.activeIndex + h.params.slidesPerView; e++) h.slides[e] && h.lazy.loadImageInSlide(e);
else h.lazy.loadImageInSlide(h.activeIndex);
if(h.params.lazyLoadingInPrevNext) {
var a = h.wrapper.children("." + h.params.slideNextClass);
a.length > 0 && h.lazy.loadImageInSlide(a.index());
var t = h.wrapper.children("." + h.params.slidePrevClass);
t.length > 0 && h.loadImageInSlide(t.index())
}
},
onTransitionStart: function() {
h.params.lazyLoading && (h.params.lazyLoadingOnTransitionStart || !h.params.lazyLoadingOnTransitionStart && !h.lazy.initialImageLoaded) && (h.lazy.initialImageLoaded = !0, h.lazy.load())
},
onTransitionEnd: function() {
h.params.lazyLoading && !h.params.lazyLoadingOnTransitionStart && h.lazy.load()
}
}, h.scrollbar = {
set: function() {
if(h.params.scrollbar) {
var e = h.scrollbar;
e.track = f(h.params.scrollbar), e.drag = e.track.find(".swiper-scrollbar-drag"), 0 === e.drag.length && (e.drag = f('<div class="swiper-scrollbar-drag"></div>'), e.track.append(e.drag)), e.drag[0].style.width = "", e.drag[0].style.height = "", e.trackSize = r() ? e.track[0].offsetWidth : e.track[0].offsetHeight, e.divider = h.size / h.virtualWidth, e.moveDivider = e.divider * (e.trackSize / h.size), e.dragSize = e.trackSize * e.divider, r() ? e.drag[0].style.width = e.dragSize + "px" : e.drag[0].style.height = e.dragSize + "px", e.track[0].style.display = e.divider >= 1 ? "none" : "", h.params.scrollbarHide && (e.track[0].style.opacity = 0)
}
},
setTranslate: function() {
if(h.params.scrollbar) {
var e, a = h.scrollbar,
t = (h.translate || 0, a.dragSize);
e = (a.trackSize - a.dragSize) * h.progress, h.rtl && r() ? (e = -e, e > 0 ? (t = a.dragSize - e, e = 0) : -e + a.dragSize > a.trackSize && (t = a.trackSize + e)) : 0 > e ? (t = a.dragSize + e, e = 0) : e + a.dragSize > a.trackSize && (t = a.trackSize - e), r() ? (a.drag.transform("translate3d(" + e + "px, 0, 0)"), a.drag[0].style.width = t + "px") : (a.drag.transform("translate3d(0px, " + e + "px, 0)"), a.drag[0].style.height = t + "px"), h.params.scrollbarHide && (clearTimeout(a.timeout), a.track[0].style.opacity = 1, a.timeout = setTimeout(function() {
a.track[0].style.opacity = 0, a.track.transition(400)
}, 1e3))
}
},
setTransition: function(e) {
h.params.scrollbar && h.scrollbar.drag.transition(e)
}
}, h.controller = {
setTranslate: function(e, a) {
var t, r, s = h.params.control;
if(h.isArray(s))
for(var i = 0; i < s.length; i++) s[i] !== a && s[i] instanceof Swiper && (e = s[i].rtl && "horizontal" === s[i].params.direction ? -h.translate : h.translate, t = (s[i].maxTranslate() - s[i].minTranslate()) / (h.maxTranslate() - h.minTranslate()), r = (e - h.minTranslate()) * t + s[i].minTranslate(), h.params.controlInverse && (r = s[i].maxTranslate() - r), s[i].updateProgress(r), s[i].setWrapperTranslate(r, !1, h), s[i].updateActiveIndex());
else s instanceof Swiper && a !== s && (e = s.rtl && "horizontal" === s.params.direction ? -h.translate : h.translate, t = (s.maxTranslate() - s.minTranslate()) / (h.maxTranslate() - h.minTranslate()), r = (e - h.minTranslate()) * t + s.minTranslate(), h.params.controlInverse && (r = s.maxTranslate() - r), s.updateProgress(r), s.setWrapperTranslate(r, !1, h), s.updateActiveIndex())
},
setTransition: function(e, a) {
var t = h.params.control;
if(h.isArray(t))
for(var r = 0; r < t.length; r++) t[r] !== a && t[r] instanceof Swiper && t[r].setWrapperTransition(e, h);
else t instanceof Swiper && a !== t && t.setWrapperTransition(e, h)
}
}, h.hashnav = {
init: function() {
if(h.params.hashnav) {
h.hashnav.initialized = !0;
var e = document.location.hash.replace("#", "");
if(e)
for(var a = 0, t = 0, r = h.slides.length; r > t; t++) {
var s = h.slides.eq(t),
i = s.attr("data-hash");
if(i === e && !s.hasClass(h.params.slideDuplicateClass)) {
var n = s.index();
h.slideTo(n, a, h.params.runCallbacksOnInit, !0)
}
}
}
},
setHash: function() {
h.hashnav.initialized && h.params.hashnav && (document.location.hash = h.slides.eq(h.activeIndex).attr("data-hash") || "")
}
}, h.disableKeyboardControl = function() {
f(document).off("keydown", o)
}, h.enableKeyboardControl = function() {
f(document).on("keydown", o)
}, h._wheelEvent = !1, h._lastWheelScrollTime = (new Date).getTime(), h.params.mousewheelControl) {
if(void 0 !== document.onmousewheel && (h._wheelEvent = "mousewheel"), !h._wheelEvent) try {
new WheelEvent("wheel"), h._wheelEvent = "wheel"
} catch(I) {}
h._wheelEvent || (h._wheelEvent = "DOMMouseScroll")
}
return h.disableMousewheelControl = function() {
return h._wheelEvent ? (h.container.off(h._wheelEvent, l), !0) : !1
}, h.enableMousewheelControl = function() {
return h._wheelEvent ? (h.container.on(h._wheelEvent, l), !0) : !1
}, h.parallax = {
setTranslate: function() {
h.container.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
d(this, h.progress)
}), h.slides.each(function() {
var e = f(this);
e.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
var a = Math.min(Math.max(e[0].progress, -1), 1);
d(this, a)
})
})
},
setTransition: function(e) {
"undefined" == typeof e && (e = h.params.speed), h.container.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
var a = f(this),
t = parseInt(a.attr("data-swiper-parallax-duration"), 10) || e;
0 === e && (t = 0), a.transition(t)
})
}
}, h.init = function() {
h.params.loop && h.createLoop(), h.updateContainerSize(), h.updateSlidesSize(), h.updatePagination(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), "slide" !== h.params.effect && h.effects[h.params.effect] && (h.params.loop || h.updateProgress(), h.effects[h.params.effect].setTranslate()), h.params.loop ? h.slideTo(h.params.initialSlide + h.loopedSlides, 0, h.params.runCallbacksOnInit) : (h.slideTo(h.params.initialSlide, 0, h.params.runCallbacksOnInit), 0 === h.params.initialSlide && (h.parallax && h.params.parallax && h.parallax.setTranslate(), h.lazy && h.params.lazyLoading && h.lazy.load())), h.attachEvents(), h.params.observer && h.support.observer && h.initObservers(), h.params.preloadImages && !h.params.lazyLoading && h.preloadImages(), h.params.autoplay && h.startAutoplay(), h.params.keyboardControl && h.enableKeyboardControl && h.enableKeyboardControl(), h.params.mousewheelControl && h.enableMousewheelControl && h.enableMousewheelControl(), h.params.hashnav && h.hashnav && h.hashnav.init(), h.params.onInit && h.params.onInit(h)
}, h.destroy = function(e) {
h.detachEvents(), h.disconnectObservers(), h.params.keyboardControl && h.disableKeyboardControl && h.disableKeyboardControl(), h.params.mousewheelControl && h.disableMousewheelControl && h.disableMousewheelControl(), h.params.onDestroy && h.params.onDestroy(), e !== !1 && (h = null)
}, h.init(), h
}
}, Swiper.prototype = {
isSafari: function() {
var e = navigator.userAgent.toLowerCase();
return e.indexOf("safari") >= 0 && e.indexOf("chrome") < 0 && e.indexOf("android") < 0
}(),
isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent),
isArray: function(e) {
return "[object Array]" === Object.prototype.toString.apply(e)
},
browser: {
ie: window.navigator.pointerEnabled || window.navigator.msPointerEnabled
},
device: function() {
var e = navigator.userAgent,
a = e.match(/(Android);?[\s\/]+([\d.]+)?/),
t = e.match(/(iPad).*OS\s([\d_]+)/),
r = (e.match(/(iPod)(.*OS\s([\d_]+))?/), !t && e.match(/(iPhone\sOS)\s([\d_]+)/));
return {
ios: t || r || t,
android: a
}
}(),
support: {
touch: window.Modernizr && Modernizr.touch === !0 || function() {
return !!("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch)
}(),
transforms3d: window.Modernizr && Modernizr.csstransforms3d === !0 || function() {
var e = document.createElement("div").style;
return "webkitPerspective" in e || "MozPerspective" in e || "OPerspective" in e || "MsPerspective" in e || "perspective" in e
}(),
flexbox: function() {
for(var e = document.createElement("div").style, a = "WebkitBox msFlexbox MsFlexbox WebkitFlex MozBox flex".split(" "), t = 0; t < a.length; t++)
if(a[t] in e) return !0
}(),
observer: function() {
return "MutationObserver" in window || "WebkitMutationObserver" in window
}()
}
};
for(var a = (function() {
var e = function(e) {
var a = this,
t = 0;
for(t = 0; t < e.length; t++) a[t] = e[t];
return a.length = e.length, this
},
a = function(a, t) {
var r = [],
s = 0;
if(a && !t && a instanceof e) return a;
if(a)
if("string" == typeof a) {
var i, n, o = a.trim();
if(o.indexOf("<") >= 0 && o.indexOf(">") >= 0) {
var l = "div";
for(0 === o.indexOf("<li") && (l = "ul"), 0 === o.indexOf("<tr") && (l = "tbody"), (0 === o.indexOf("<td") || 0 === o.indexOf("<th")) && (l = "tr"), 0 === o.indexOf("<tbody") && (l = "table"), 0 === o.indexOf("<option") && (l = "select"), n = document.createElement(l), n.innerHTML = a, s = 0; s < n.childNodes.length; s++) r.push(n.childNodes[s])
} else
for(i = t || "#" !== a[0] || a.match(/[ .<>:~]/) ? (t || document).querySelectorAll(a) : [document.getElementById(a.split("#")[1])], s = 0; s < i.length; s++) i[s] && r.push(i[s])
} else if(a.nodeType || a === window || a === document) r.push(a);
else if(a.length > 0 && a[0].nodeType)
for(s = 0; s < a.length; s++) r.push(a[s]);
return new e(r)
};
return e.prototype = {
addClass: function(e) {
if("undefined" == typeof e) return this;
for(var a = e.split(" "), t = 0; t < a.length; t++)
for(var r = 0; r < this.length; r++) this[r].classList.add(a[t]);
return this
},
removeClass: function(e) {
for(var a = e.split(" "), t = 0; t < a.length; t++)
for(var r = 0; r < this.length; r++) this[r].classList.remove(a[t]);
return this
},
hasClass: function(e) {
return this[0] ? this[0].classList.contains(e) : !1
},
toggleClass: function(e) {
for(var a = e.split(" "), t = 0; t < a.length; t++)
for(var r = 0; r < this.length; r++) this[r].classList.toggle(a[t]);
return this
},
attr: function(e, a) {
if(1 === arguments.length && "string" == typeof e) return this[0] ? this[0].getAttribute(e) : void 0;
for(var t = 0; t < this.length; t++)
if(2 === arguments.length) this[t].setAttribute(e, a);
else
for(var r in e) this[t][r] = e[r], this[t].setAttribute(r, e[r]);
return this
},
removeAttr: function(e) {
for(var a = 0; a < this.length; a++) this[a].removeAttribute(e)
},
data: function(e, a) {
if("undefined" == typeof a) {
if(this[0]) {
var t = this[0].getAttribute("data-" + e);
return t ? t : this[0].dom7ElementDataStorage && e in this[0].dom7ElementDataStorage ? this[0].dom7ElementDataStorage[e] : void 0
}
return void 0
}
for(var r = 0; r < this.length; r++) {
var s = this[r];
s.dom7ElementDataStorage || (s.dom7ElementDataStorage = {}), s.dom7ElementDataStorage[e] = a
}
return this
},
transform: function(e) {
for(var a = 0; a < this.length; a++) {
var t = this[a].style;
t.webkitTransform = t.MsTransform = t.msTransform = t.MozTransform = t.OTransform = t.transform = e
}
return this
},
transition: function(e) {
"string" != typeof e && (e += "ms");
for(var a = 0; a < this.length; a++) {
var t = this[a].style;
t.webkitTransitionDuration = t.MsTransitionDuration = t.msTransitionDuration = t.MozTransitionDuration = t.OTransitionDuration = t.transitionDuration = e
}
return this
},
on: function(e, t, r, s) {
function i(e) {
var s = e.target;
if(a(s).is(t)) r.call(s, e);
else
for(var i = a(s).parents(), n = 0; n < i.length; n++) a(i[n]).is(t) && r.call(i[n], e)
}
var n, o, l = e.split(" ");
for(n = 0; n < this.length; n++)
if("function" == typeof t || t === !1)
for("function" == typeof t && (r = arguments[1], s = arguments[2] || !1), o = 0; o < l.length; o++) this[n].addEventListener(l[o], r, s);
else
for(o = 0; o < l.length; o++) this[n].dom7LiveListeners || (this[n].dom7LiveListeners = []), this[n].dom7LiveListeners.push({
listener: r,
liveListener: i
}), this[n].addEventListener(l[o], i, s);
return this
},
off: function(e, a, t, r) {
for(var s = e.split(" "), i = 0; i < s.length; i++)
for(var n = 0; n < this.length; n++)
if("function" == typeof a || a === !1) "function" == typeof a && (t = arguments[1], r = arguments[2] || !1), this[n].removeEventListener(s[i], t, r);
else if(this[n].dom7LiveListeners)
for(var o = 0; o < this[n].dom7LiveListeners.length; o++) this[n].dom7LiveListeners[o].listener === t && this[n].removeEventListener(s[i], this[n].dom7LiveListeners[o].liveListener, r);
return this
},
once: function(e, a, t, r) {
function s(n) {
t(n), i.off(e, a, s, r)
}
var i = this;
"function" == typeof a && (a = !1, t = arguments[1], r = arguments[2]), i.on(e, a, s, r)
},
trigger: function(e, a) {
for(var t = 0; t < this.length; t++) {
var r;
try {
r = new CustomEvent(e, {
detail: a,
bubbles: !0,
cancelable: !0
})
} catch(s) {
r = document.createEvent("Event"), r.initEvent(e, !0, !0), r.detail = a
}
this[t].dispatchEvent(r)
}
return this
},
transitionEnd: function(e) {
function a(i) {
if(i.target === this)
for(e.call(this, i), t = 0; t < r.length; t++) s.off(r[t], a)
}
var t, r = ["webkitTransitionEnd", "transitionend", "oTransitionEnd", "MSTransitionEnd", "msTransitionEnd"],
s = this;
if(e)
for(t = 0; t < r.length; t++) s.on(r[t], a);
return this
},
width: function() {
return this[0] === window ? window.innerWidth : this.length > 0 ? parseFloat(this.css("width")) : null
},
outerWidth: function(e) {
return this.length > 0 ? e ? this[0].offsetWidth + parseFloat(this.css("margin-right")) + parseFloat(this.css("margin-left")) : this[0].offsetWidth : null
},
height: function() {
return this[0] === window ? window.innerHeight : this.length > 0 ? parseFloat(this.css("height")) : null
},
outerHeight: function(e) {
return this.length > 0 ? e ? this[0].offsetHeight + parseFloat(this.css("margin-top")) + parseFloat(this.css("margin-bottom")) : this[0].offsetHeight : null
},
offset: function() {
if(this.length > 0) {
var e = this[0],
a = e.getBoundingClientRect(),
t = document.body,
r = e.clientTop || t.clientTop || 0,
s = e.clientLeft || t.clientLeft || 0,
i = window.pageYOffset || e.scrollTop,
n = window.pageXOffset || e.scrollLeft;
return {
top: a.top + i - r,
left: a.left + n - s
}
}
return null
},
css: function(e, a) {
var t;
if(1 === arguments.length) {
if("string" != typeof e) {
for(t = 0; t < this.length; t++)
for(var r in e) this[t].style[r] = e[r];
return this
}
if(this[0]) return window.getComputedStyle(this[0], null).getPropertyValue(e)
}
if(2 === arguments.length && "string" == typeof e) {
for(t = 0; t < this.length; t++) this[t].style[e] = a;
return this
}
return this
},
each: function(e) {
for(var a = 0; a < this.length; a++) e.call(this[a], a, this[a]);
return this
},
html: function(e) {
if("undefined" == typeof e) return this[0] ? this[0].innerHTML : void 0;
for(var a = 0; a < this.length; a++) this[a].innerHTML = e;
return this
},
is: function(t) {
if(!this[0]) return !1;
var r, s;
if("string" == typeof t) {
var i = this[0];
if(i === document) return t === document;
if(i === window) return t === window;
if(i.matches) return i.matches(t);
if(i.webkitMatchesSelector) return i.webkitMatchesSelector(t);
if(i.mozMatchesSelector) return i.mozMatchesSelector(t);
if(i.msMatchesSelector) return i.msMatchesSelector(t);
for(r = a(t), s = 0; s < r.length; s++)
if(r[s] === this[0]) return !0;
return !1
}
if(t === document) return this[0] === document;
if(t === window) return this[0] === window;
if(t.nodeType || t instanceof e) {
for(r = t.nodeType ? [t] : t, s = 0; s < r.length; s++)
if(r[s] === this[0]) return !0;
return !1
}
return !1
},
index: function() {
if(this[0]) {
for(var e = this[0], a = 0; null !== (e = e.previousSibling);) 1 === e.nodeType && a++;
return a
}
return void 0
},
eq: function(a) {
if("undefined" == typeof a) return this;
var t, r = this.length;
return a > r - 1 ? new e([]) : 0 > a ? (t = r + a, new e(0 > t ? [] : [this[t]])) : new e([this[a]])
},
append: function(a) {
var t, r;
for(t = 0; t < this.length; t++)
if("string" == typeof a) {
var s = document.createElement("div");
for(s.innerHTML = a; s.firstChild;) this[t].appendChild(s.firstChild)
} else if(a instanceof e)
for(r = 0; r < a.length; r++) this[t].appendChild(a[r]);
else this[t].appendChild(a);
return this
},
prepend: function(a) {
var t, r;
for(t = 0; t < this.length; t++)
if("string" == typeof a) {
var s = document.createElement("div");
for(s.innerHTML = a, r = s.childNodes.length - 1; r >= 0; r--) this[t].insertBefore(s.childNodes[r], this[t].childNodes[0])
} else if(a instanceof e)
for(r = 0; r < a.length; r++) this[t].insertBefore(a[r], this[t].childNodes[0]);
else this[t].insertBefore(a, this[t].childNodes[0]);
return this
},
insertBefore: function(e) {
for(var t = a(e), r = 0; r < this.length; r++)
if(1 === t.length) t[0].parentNode.insertBefore(this[r], t[0]);
else if(t.length > 1)
for(var s = 0; s < t.length; s++) t[s].parentNode.insertBefore(this[r].cloneNode(!0), t[s])
},
insertAfter: function(e) {
for(var t = a(e), r = 0; r < this.length; r++)
if(1 === t.length) t[0].parentNode.insertBefore(this[r], t[0].nextSibling);
else if(t.length > 1)
for(var s = 0; s < t.length; s++) t[s].parentNode.insertBefore(this[r].cloneNode(!0), t[s].nextSibling)
},
next: function(t) {
return new e(this.length > 0 ? t ? this[0].nextElementSibling && a(this[0].nextElementSibling).is(t) ? [this[0].nextElementSibling] : [] : this[0].nextElementSibling ? [this[0].nextElementSibling] : [] : [])
},
nextAll: function(t) {
var r = [],
s = this[0];
if(!s) return new e([]);
for(; s.nextElementSibling;) {
var i = s.nextElementSibling;
t ? a(i).is(t) && r.push(i) : r.push(i), s = i
}
return new e(r)
},
prev: function(t) {
return new e(this.length > 0 ? t ? this[0].previousElementSibling && a(this[0].previousElementSibling).is(t) ? [this[0].previousElementSibling] : [] : this[0].previousElementSibling ? [this[0].previousElementSibling] : [] : [])
},
prevAll: function(t) {
var r = [],
s = this[0];
if(!s) return new e([]);
for(; s.previousElementSibling;) {
var i = s.previousElementSibling;
t ? a(i).is(t) && r.push(i) : r.push(i), s = i
}
return new e(r)
},
parent: function(e) {
for(var t = [], r = 0; r < this.length; r++) e ? a(this[r].parentNode).is(e) && t.push(this[r].parentNode) : t.push(this[r].parentNode);
return a(a.unique(t))
},
parents: function(e) {
for(var t = [], r = 0; r < this.length; r++)
for(var s = this[r].parentNode; s;) e ? a(s).is(e) && t.push(s) : t.push(s), s = s.parentNode;
return a(a.unique(t))
},
find: function(a) {
for(var t = [], r = 0; r < this.length; r++)
for(var s = this[r].querySelectorAll(a), i = 0; i < s.length; i++) t.push(s[i]);
return new e(t)
},
children: function(t) {
for(var r = [], s = 0; s < this.length; s++)
for(var i = this[s].childNodes, n = 0; n < i.length; n++) t ? 1 === i[n].nodeType && a(i[n]).is(t) && r.push(i[n]) : 1 === i[n].nodeType && r.push(i[n]);
return new e(a.unique(r))
},
remove: function() {
for(var e = 0; e < this.length; e++) this[e].parentNode && this[e].parentNode.removeChild(this[e]);
return this
},
add: function() {
var e, t, r = this;
for(e = 0; e < arguments.length; e++) {
var s = a(arguments[e]);
for(t = 0; t < s.length; t++) r[r.length] = s[t], r.length++
}
return r
}
}, a.fn = e.prototype, a.unique = function(e) {
for(var a = [], t = 0; t < e.length; t++) - 1 === a.indexOf(e[t]) && a.push(e[t]);
return a
}, a
}()), t = ["jQuery", "Zepto", "Dom7"], r = 0; r < t.length; r++) window[t[r]] && e(window[t[r]]);
var s;
s = "undefined" == typeof a ? window.Dom7 || window.Zepto || window.jQuery : a, s && ("transitionEnd" in s.fn || (s.fn.transitionEnd = function(e) {
function a(i) {
if(i.target === this)
for(e.call(this, i), t = 0; t < r.length; t++) s.off(r[t], a)
}
var t, r = ["webkitTransitionEnd", "transitionend", "oTransitionEnd", "MSTransitionEnd", "msTransitionEnd"],
s = this;
if(e)
for(t = 0; t < r.length; t++) s.on(r[t], a);
return this
}), "transform" in s.fn || (s.fn.transform = function(e) {
for(var a = 0; a < this.length; a++) {
var t = this[a].style;
t.webkitTransform = t.MsTransform = t.msTransform = t.MozTransform = t.OTransform = t.transform = e
}
return this
}), "transition" in s.fn || (s.fn.transition = function(e) {
"string" != typeof e && (e += "ms");
for(var a = 0; a < this.length; a++) {
var t = this[a].style;
t.webkitTransitionDuration = t.MsTransitionDuration = t.msTransitionDuration = t.MozTransitionDuration = t.OTransitionDuration = t.transitionDuration = e
}
return this
}))
}(), "undefined" != typeof module ? module.exports = Swiper : "function" == typeof define && define.amd && define([], function() {
"use strict";
return Swiper
});
//# sourceMappingURL=maps/swiper.min.js.map
/**
* Swiper 3.0.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 6, 2015
*/
.swiper-slide,
.swiper-wrapper {
height: 100%;
position: relative;
transform-style: preserve-3d;
width: 100%
}
.swiper-pagination,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0)
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-slide,
.swiper-wrapper {
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-fles-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px)
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
z-index: 0
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s step-end infinite;
-moz-animation: swiper-preloader-spin 1s step-end infinite;
animation: swiper-preloader-spin 1s step-end infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0)
}
8.33333333% {
-webkit-transform: rotate(30deg)
}
16.66666667% {
-webkit-transform: rotate(60deg)
}
25% {
-webkit-transform: rotate(90deg)
}
33.33333333% {
-webkit-transform: rotate(120deg)
}
41.66666667% {
-webkit-transform: rotate(150deg)
}
50% {
-webkit-transform: rotate(180deg)
}
58.33333333% {
-webkit-transform: rotate(210deg)
}
66.66666667% {
-webkit-transform: rotate(240deg)
}
75% {
-webkit-transform: rotate(270deg)
}
83.33333333% {
-webkit-transform: rotate(300deg)
}
91.66666667% {
-webkit-transform: rotate(330deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
8.33333333% {
transform: rotate(30deg)
}
16.66666667% {
transform: rotate(60deg)
}
25% {
transform: rotate(90deg)
}
33.33333333% {
transform: rotate(120deg)
}
41.66666667% {
transform: rotate(150deg)
}
50% {
transform: rotate(180deg)
}
58.33333333% {
transform: rotate(210deg)
}
66.66666667% {
transform: rotate(240deg)
}
75% {
transform: rotate(270deg)
}
83.33333333% {
transform: rotate(300deg)
}
91.66666667% {
transform: rotate(330deg)
}
100% {
transform: rotate(360deg)
}
}
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform,height
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 90px;
right: auto;
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 90px;
left: auto;
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
-moz-transform: translate3d(0,-50%,0);
-o-transform: translate(0,-50%);
-ms-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
body {
/* background: #eee; */
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.layer-mask {
width: 100%;
height: 100%;
opacity: 0.7;
transition: all 0.5s;
background-color: #3e3e3e;
position: absolute;
left: 0;
top: 0;
right: 0;
}
.swiper-slide-active .layer-mask {
display: none;
}
.pc-banner {
width: 100%;
float: left;
}
@media screen and (max-width: 668px) {
.pc-banner {
background-size: auto 100%;
}
}
.swiper-container {
width: 100%;
margin: 0px;
}
@media screen and (max-width: 668px) {
.swiper-container {
margin: 20px 0 15px;
}
}
.swiper-slide {
-webkit-transition: transform 1.0s;
-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;
-o-transition: transform 1.0s;
-webkit-transform: scale(0.85);
/* margin: 1px; */
transform: scale(0.85);
margin-top: 70px;
margin-bottom: 70px;
}
@media screen and (max-width: 668px) {
.swiper-slide {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
.swiper-slide-active,.swiper-slide-duplicate-active {
-webkit-transform: scale(1.15);
transform: scale(1.15);
z-index: 1002;
}
@media screen and (max-width: 668px) {
.swiper-slide-active,.swiper-slide-duplicate-active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
.none-effect {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}
.swiper-slide a {
background: #fff;
display: block;
border-radius: 2px;
}
@media screen and (min-width: 668px) {
.swiper-slide a:after {
position: absolute;
top: 0px;
left: 0;
display: block;
box-sizing: border-box;
content: "";
width: 100%;
height: 100%;
border-radius: 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
}
.swiper-slide-active a:before {
position: absolute;
top: 410px;
left: 0;
display: block;
box-sizing: border-box;
content: "";
width: 100%;
height: 100%;
border-radius: 2px;
/* box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
/* box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3); */
z-index: 10002;
}
}
.swiper-slide-active a:after {
background: none;
}
@media screen and (max-width: 668px) {
.swiper-slide a {
padding: 5px;
border-radius: 2px;
}
}
.swiper-slide img {
width: 100%;
border-radius: 5px;
display: block;
height: 100%;
border: none;
}
@media screen and (max-width: 668px) {
.swiper-slide img {
border-radius: 2px;
}
}
.swiper-pagination {
position: relative;
margin-bottom: 30px;
}
.swiper-pagination-bullet {
background: #00a0e9;
margin-left: 4px;
margin-right: 4px;
width: 17px;
height: 17px;
opacity: 1;
margin-bottom: 4px;
}
.swiper-pagination-bullet-active {
width: 13px;
height: 13px;
background: #FFF;
margin-bottom: 0;
}
@media screen and (max-width: 668px) {
.swiper-pagination {
position: relative;
margin-bottom: 20px;
}
.swiper-pagination-bullet {
background: #00a0e9;
margin-left: 2px;
margin-right: 2px;
width: 8px;
height: 8px;
margin-bottom: 2px;
}
.swiper-pagination-bullet-active {
width: 6px;
height: 6px;
background: #FFF;
border: 3px solid #00a0e9;
margin-bottom: 0;
}
}
.button {
width: 100%;
margin: 0 auto;
top: -290px;
position: relative;
z-index: 1002;
}
@media screen and (max-width: 1105px) {
.button {
width: 100%;
top: -240px;
z-index: 1002;
position: relative;
}
}
@media screen and (max-width: 800px) {
.button {
width: 100%;
top: -200px;
z-index: 1002;
position: relative;
}
}
.button div:hover {
background-color: #333;
opacity: 0.8;
cursor: pointer;
}
.swiper-button-prev {
width: 70px;
height: 70px;
border-radius: 50%;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
opacity: 0.5;
background-size: 15px;
cursor: pointer;
}
.swiper-button-next {
width: 70px;
height: 70px;
border-radius: 50%;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
opacity: 0.5;
background-size: 15px;
cursor: pointer;
}
@media screen and (max-width: 668px) {
.button div {
width: 28px;
height: 28px;
}
}
@charset "utf-8";
* {
margin: 0;
padding: 0
}
html {
height: 100%
}
body {
height: 100%;
background: url(../images/shouye_nvsheng_bg.png);
background-size: 100% 100%
}
#header img {
width: 100%
}
.swiper-container {
width: 100%;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-ms-perspective: 1200px;
perspective: 1200px
}
.swiper-wrapper {
margin-top: 10px
}
.swiper-slide {
width: 80%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-slide .main-img {
width: 80%;
margin: 0 auto;
display: block
}
#pagination {
position: absolute;
bottom: 100px;
width: 100%
}
#pagination .swiper-pagination-bullet {
width: 9.5%;
float: left;
margin: 0 0 0 6.15%;
background: 0;
opacity: 1
}
.swiper-pagination-bullet i {
background: #41203f;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 50px;
display: block;
font-style: normal;
text-align: center;
margin: 0 auto;
color: #f5b55c
}
.swiper-pagination-bullet-active i {
-webkit-transform: scale(1.5);
background: url(../images/shouye_nvsheng_huangseb.png) no-repeat center 50%;
background-size: auto 100%;
color: #815d4b
}
@media screen and (min-height:481px) {
.swiper-wrapper {
margin-top: 20px
}
#pagination {
bottom: 110px
}
}
@media screen and (min-height:569px) {
.swiper-wrapper {
margin-top: 40px
}
#pagination {
bottom: 120px
}
.swiper-pagination-bullet i {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 15px
}
}
#footer {
position: absolute;
bottom: 0
}
#footer img {
width: 100%;
display: block
}