/*
Theme Name: 徐州立卓液压机械有限公司
Theme URI: https://www.xzlzyy.com/
Author: yourber
Author URI: https://www.shouce123.com/
Description: This is a Theme...
Version: 1.0
*/
@charset "utf-8";
/*----------全局样式开始-----------*/
html{ background:#F7F7F7}
body{ margin:0; padding:0; font:12px "宋体",Arial, Helvetica, sans-serif; line-height:22px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; list-style:none}
img{ border:0}
input, label, img, th {vertical-align: middle;}
a{ color:#3C3C3C; text-decoration:none}
a:hover{ color:#FF4400; text-decoration: underline}
.clear{ clear:both; height:0; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.gray{ color:#999999}
a.btnwrap{text-decoration:none}
.btnwrap{display:inline-block;height:26px;padding-right:4px;background:url(images/buttons.png) no-repeat 100% -26px;overflow:hidden;margin-right:8px;display:block;float:left;}
.btnwrap .btn-inner{display:inline-block;height:26px;padding:0 2px 0 8px;background:url(images/buttons.png) 0 0;border:none;line-height:26px;color:#555;text-decoration:none; cursor:pointer; float:left}
.fl{ float:left}
.fr{ float:right}
.mt1{ margin-top:10px;}
.mr5{ margin:5px}
.ml5{ margin-left:5px;}
.w15 {width: 375px;}
.wrapper{ width:1000px; margin:0 auto}
.sidebar{ width:213px; float:left}
.mainbox{ padding: 10px;width: 750px;float:right; background:#ffffff}
.sbox{width: 340px; overflow:hidden}
/*----------end全局样式开始-----------*/
/*头部*/
.header{ background:url(images/bg.jpg) left 30px repeat-x; height:130px}
.logo{ display:block; float:left}
.topbar{ height:30px; line-height:30px; color:#7E7C7C}
.topbar marquee {width: 700px;}
.topbar .fr a{background: url("images/dot01.png") left center no-repeat;float: left;padding-left: 8px;padding-right: 15px;}
.topbar a.map{background: url("images/dot_map.jpg") left center no-repeat;padding-left: 40px;}
.infobar{ margin-top: 10px; text-align:right}
.infobar a{background: url("images/dot03.jpg") left center no-repeat;padding-left: 8px;padding-right: 15px;}
.searchbar{  height:20px; float:right; padding-top:10px; width:223px;}
.searchbar .inputtxt{ color:#d0d0d0; line-height:22px; height:22px; width:175px; border:0 ; padding-left:23px; background:url(images/bg_search.jpg) no-repeat; float:left}
.searchbar .btn{ float:right;width:24px; height:22px; font-size:0; text-indent:-88888em; line-height:0; background:url(images/search.jpg) no-repeat center; display:block; overflow:hidden; border:0}
.menu{ height:35px; background:url(images/bg_menu.gif) repeat-x; margin-bottom:5px;}
.menu li{ height:35px; line-height:35px; font-weight:bold; font-size:14px;float:left;background:url(images/bg_menu_li.gif) no-repeat}
.menu li a{ color:#FFFFFF; display:block; padding:0 26px; }
.menu li a:hover,.menu li.current-menu-item a,.menu li.current-menu-ancestor a,.menu li.current-post-ancestor a{background:url(images/bg_menu_hover.jpg) center center no-repeat; color:#002563; text-decoration:none}
.menu li ul.sub-menu {display:none; position:absolute;}
.menu li:hover ul.sub-menu { display:block;}
.menu li ul.sub-menu li{height:auto;line-height:20px;border-top:1px #FFFFFF solid; float:none; background:none}
.menu ul li ul.sub-menu li a,.menu li.current-menu-item ul.sub-menu li a {color: #000000;display:block; width:90px; height:25px; line-height:25px;font-size:12px;font-weight:normal;text-align:center;background:url(images/bg_sub.png) repeat-x; overflow:hidden; white-space:nowrap}
.menu ul li ul.sub-menu li a:hover {color:#000000;background:#d5d3d4; background-image:none}
/*****焦点图*******/
.banner{ width:1000px; height:360px; margin-bottom:5px;}
.crumb{background: url("images/bg03.jpg") left top repeat-x;height: 34px;line-height: 34px; width:1000px; margin-bottom:5px;}
.crumb span {background: url("images/dot05.jpg") left center no-repeat;padding-left: 32px; margin-left:20px;}
.focus {overflow:hidden;position:relative;margin: 0 auto; width:268px; height:162px;border: 3px solid #CCCCCC;}
.focus .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.focus .change{bottom:9px;height:20px;right:3px;position:absolute;text-align:right;z-index:9999;}
.focus .change i {color:#999999;cursor:pointer;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;background:#f5f5f5;}
.focus .change i.cur { background:#D6080A;color: #FFFFFF;}
.border1 .focus{ margin-top:10px;}
/*********首页**********/
.lwrap{ width:275px; float:left; overflow:hidden}
.rwrap{ width:710px; float:right;overflow:hidden}
/**********边框********/
.border1{ clear:both}
.border1 .title{background:url(images/line.jpg) left bottom repeat-x;height: 28px;line-height: 28px;text-indent:12px; }
.border1 .cont{ padding:10px 0 5px 0}
.border1 .title h3,.border1 .title h3 a{color:#02346F; font-size:14px;}
.border1 .title h3{ float:left; background:url(images/dot04.jpg) no-repeat 0 center}
.border1 .more{ float:right; margin: 9px 8px 0 0;}
.border1 .more a{width:43px; height:16px; overflow:hidden; text-indent:10000em; white-space:nowrap;display:block; background:url(images/more.jpg) no-repeat;}
.border2{ clear:both;}
.border2 .title{background:url(images/border2_title.jpg) no-repeat;height: 43px;line-height:43px; text-align:center}
.border2 .cont{background:url(images/border2_cont.jpg) center bottom repeat-y;overflow: hidden; padding-top:15px;}
.border2 .title h3 {color:#FFFFFF; font-size:23px;}
.border1 .title h3 a{}
.border2 .bottom{ background:url(images/border2_bottom.jpg) no-repeat; width:213px; height:139px;}
.border2 li{ text-align:center;padding-bottom: 3px;padding-top: 2px;}
.border2 li a{height: 30px;line-height: 30px; display:block}
.border2 li a:hover,.border2 li.current-menu-item a,.border2 li.current-post-ancestor a{background-color:#17436A;color:#FFF}
/************列表样式*********/
.list1{ margin-left:-20px;}
.list1 li{float: left;margin:0 0 20px 20px;width: 172px; overflow:hidden; position:relative; padding-bottom:25px; }
.list1 span.name{ color:#ffffff;background-color: #746F6F;height: 25px; line-height:25px;display: block;width: 172px;text-align: center; position:absolute; bottom:0; }
.list1 a:hover { text-decoration:none;}
.list1 a:hover span.name{ background-color:#02346F}
.list1.FY{margin-left:-10px; }
.list1.FY li.FYli001{margin:0 0 10px 10px; width:170px;}

.list1 li img, #marquee li img{
	-webkit-transition:-webkit-transform .3s linear;
	-moz-transition:-moz-transform .3s linear;
	-o-transition:-o-transform .3s linear;
	transition:transform .3s linear
}

.list1 li:hover img, #marquee li:hover img{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
	transform:scale(1.3);
}

.list2{ margin-bottom:15px;}	
.list2 li{line-height:27px;height:27px;color:#666666;white-space:nowrap; overflow:hidden; text-indent:10px; border-bottom: 1px dashed #CCCCCC;/*text-overflow:ellipsis;*/}	
.list2 span{ float:right; color:#000000}

.list5{ line-height:24px}
.list5 img{ display:block; margin:0 15px 10px 0; float:left}
.ico1 li{ background:url(images/dot06.jpg) left center no-repeat;}

/*********翻页*********/
.pagelist {margin:5px auto; padding-top: 10px; text-align: right; border-top:1px solid #ccc;clear:both}
.pagelist a {border: #dedfde 1px solid;  color: #99210b; margin:0 5px; padding: 1px 6px;}
.pagelist a:hover {border: #02346F 1px solid; color: #fff; background-color: #02346F}

/***********底部样式*****/
.footer{border-top: 2px solid #0052A8;padding: 15px 0;}
.footmenu{ text-align:center}
.footmenu li{ display:inline-block;}
.copyright{ text-align:center; margin-top:15px;}
/*----------tab选项卡-----------*/
.tabbox{width:710px;}
.tabbox ul{}
.tabbox #tab{height:29px; width:708px; background:url(images/ba_tab.jpg) no-repeat;overflow:hidden}
.tabbox #tab li{float:left;display:block;cursor:pointer;width:125px;text-align:center;line-height:28px;height:32px; color:#02346F}
.tabbox #tab li.on{font-weight:bold;background:url(images/tab_now.gif) center center no-repeat; color:#ffffff}
.tabbox #tab_con{}
/******新闻内页**********/
h2{ color:#000000;font-size:26px;height: 38px;line-height: 38px;text-align: center;}
.newsinfo{ height:25px; line-height:25px; text-align:center; color:#999999;}
.viewbox{ line-height:25px; color:#333333; padding:10px; border-bottom:1px dashed #DDDDDD; border-top:1px dashed #DDDDDD;}
.viewbox p{ text-indent:24px; }
.viewbox img{ max-width:100%; margin-left:-24px;}
.pagenav{ text-align:right}
/******留言板********/
#gbooklist {text-align:center;}
#gbooklist .faq  ,
#gbooklist .reply{text-align:left;/*word-wrap: break-word;*/ word-break: break-all;}
#gbooklist .faq{margin-bottom:15px;}
#gbooklist .faq span,#gbooklist .faq em{ font-style:normal; color:#999999;}
#gbooklist .faq span{ margin-left:10px;}
#gbooklist .faqtit,#gbooklist .faqcon{padding-left:5px;line-height: 24px;}
#gbooklist .faqtit{background:#EEEEEE;color:#FF4400;font-size:14px;margin-bottom: 5px; font-weight:bold}
#gbooklist .reply{border: 1px dashed #FF0000;width:95%;margin-bottom:10px;margin-left:5px;padding:3px;}
.form{padding:10px 0; background:#ffffff}
.form .row{padding:5px 0 5px 106px; clear:both}
.form .row .label {display: inline;float: left;width:100px;margin-left:-106px;padding-right:6px;}
.form .row .enter, .form .row span.tips, .form .row blockquote {float: left;}
.form .row .label{line-height:21px;padding-top:2px;padding-bottom:2px;text-align:right;}
.form .row .content{float:left;padding:2px 3em 2px 0;line-height:21px;}
.form .row .enter{padding:0 1em 0 0;}
.form input.text,.form select,.form textarea{border:#ddd 1px solid;}
.form input.text:focus,.form select:focus,.form textarea:focus{border-color:#999;}
.form .row .enter .check{float:left;margin-right:12px;}
.form .row .enter .check .input{float:left;padding-top:5px;margin-right:6px;}
.form .row .enter .check .des{float:left;line-height:21px;padding-top:2px;padding-bottom:2px;}
.form .row .label .required{margin-right:0.3em;font-weight:bold;color:#f00;}
.form .row .tips{padding:2px 0;line-height:21px;color:#999;white-space:nowrap;}
.form .row p.tips{clear:both;padding:0 7px 5px;}
.form .row .buttons{padding:10px 0;}
.form .row .img-captcha{float:left;margin:2px 8px 0 -6px;display:inline;cursor:pointer;}
.form blockquote{height:23px;padding:0 6px 0 27px;border:#F7ECAA 1px solid;line-height:23px;background:#FDFFD7 url(images/icon-16.png) no-repeat 5px -117px;white-space:nowrap;}
.form blockquote.error{border-color:#FFBFBF;background-color:#FFEAEA;background-position:5px -147px;}
.form blockquote.accepted{border-color:#fff;background-color:#fff;background-position:5px -177px;color:#999;}
.form blockquote.loading{border-color:#fff;background:#fff url(images/loading.gif) no-repeat 5px center;color:#DA6100;}

.layout-innerpg .col-main .form .row-submit blockquote{background-color:transparent;border:none;clear:both;margin:-5px 0 10px;}
/*****评论********/
.form-comment{background: none repeat scroll 0 0 #F9F9F9;margin-top: 20px;padding: 10px;}
.commentslist{padding:0 20px;}
.commentslist a{color:#f00;}
.commentslist .entry{margin-bottom:10px;padding:0 10px;background:#FFFCF5;border:#F3E6C6 1px solid;}
.commentslist .entry-head{line-height:30px;padding:2px 6px 0;border-bottom:#F9F0DB 1px solid;}
.commentslist .entry-head .author{float:left;color:#333;}
.commentslist .entry-head .meta{text-align:right;display:block;}
.commentslist .entry-head .meta .location{margin-right:1em;}
.commentslist .entry-content{padding:15px;line-height:180%;}
.commentslist .entry-body .operate{padding:15px 10px 10px;text-align:right;}
.commentslist .entry-body .operate a{margin:0 0.7em;}
.commentslist .comment-reply{margin:0 20px 10px;}
.commentslist .comment-reply .reply-show{padding:6px 15px 10px;background:#fff;border:#F3E6C6 1px solid;}
.commentslist .reply-show .reply-head{line-height:25px;}
.commentslist .reply-show .reply-author{float:left;color:#f60;}
.commentslist .reply-show .reply-operate{float:right;}
.commentslist .reply-show .reply-operate a{margin:0 0.7em;}
.commentslist .comment-reply .form textarea{border-color:#ECD7A6;}
.commentslist .comment-reply .form textarea:focus{border-color:#f60;}
.commentslist .comment-reply .form .buttons{padding-top:10px;}
.commentslist .comment-reply .form .buttons input{height:24px;padding:0 5px;margin-right:0.3em;background:#fff;border:#D2D0D7 1px solid;color:#999;cursor:pointer;}
.commentslist .comment-reply .form .buttons .submit{color:#fff;background:#597797;border-color:#000;font-weight:bold;}

.commentslist .entry-new{border-color:#f60;border-style:dashed;}
/*********产品详细页******/
#preview{ float:left; width:285px;height: 295px; overflow:hidden}
#preview .jqzoom{padding:1px;height:202px;overflow:hidden;border:3px solid #DDDDDD;text-align:center;display:table-cell;width:273px;vertical-align:middle;display:block;font-size:176px;}
#preview .jqzoom img{margin-left:auto;margin-right:auto;vertical-align:middle;max-width:273px;max-height:202px; width:auto;}

#spec-n5{height:62px;margin:2px 0 0;overflow:hidden;}
.zoomdiv{  left:859px;  height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;cursor:move;}
#spec-list{ position:relative; width:252px; margin-right:6px;}
.proinfo{ float:right; width:460px; overflow:hidden}
.proinfo h2{color:#02346F;font-size:18px; text-align:left; line-height:30px;padding:8px 0;}
.proinfo li{border-bottom:#bbb 1px dashed;padding:4px 0 3px 75px;line-height:25px; clear:both}
.proinfo ul li em{width:80px;margin-left:-75px;float:left;display:inline;padding-left:10px; font-style:normal}
.proinfo ul li span{padding:0 5px;color:#999;}
.proinfo ul li .price strong{line-height:35px; color:#FF0000}
.btn-buy{}
/****自定义表单******/
#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
/**********其他*******/
.category li{float: left;width: 115px;background: url(images/bg05.jpg) no-repeat left top;height: 30px;margin: 0 2px 8px 0;padding-left: 20px;line-height: 32px;}
.news .border1{ clear:none}	
.productlist .cont li{ margin:0 16px 20px 5px}
.tel{background: url("images/dh.jpg") left center no-repeat;color: #02346F;font-family: "微软雅黑","黑体","宋体";font-size: 22px;font-weight: bold;letter-spacing: 2px;line-height: 25px;padding-left: 40px;}

/* 分页 */
.pagination {
	float: right;
}

.pagination a,
.pagination a:visited {
	float: left;
	background: #fff;
	margin: 0 0 10px 5px;
	padding: 8px 11px;
	line-height: 100%;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.pagination .current,
.pagination .dots {
	background: #fff;
	float: left;
	margin: 0 0 0 5px;
	padding: 8px 11px;
	line-height: 100%;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.pagination span.pages {
}

.pagination span.current,
.pagination a:hover {
	background: #a40000;
	color: #fff;
	border: 1px solid #a40000;
}

.screen-reader-text, .pages {
	display: none;
}

.nav-links .prev i,
.nav-links .next i {
	line-height: 12px;
	padding: 0px 2px;
}

#picture .navigation, #tao .navigation {
	margin: 0 5px 0 0;
}

.comment-navigation i {
	padding: 0px 2px;
}

#marquee {width:1000px;height:132px;overflow:hidden; margin:5px 0 10px 0;}
#marquee ul {white-space:nowrap;}
#marquee li { display:inline-block; margin:0px 5px; overflow:hidden; border:1px solid #ddd;}


/* 在线客服 */
#qq_Kefu {
    font-size: 12px;
}
#qq_Kefu ul, li {
    margin: 0;
    padding: 0;
}
#qq_Kefu table {
    border-collapse: collapse;
    border-style: none;
}
#qq_Kefu td {
    padding: 0;
    border: 0;
    font-size: 12px;
    line-height: 1.5em;
}
.Kefu_Little {
    width: 27px;
    height: 266px;
    cursor: pointer;
    display: block;
}
.Kefu_Phone {
    background: url(Phone.png) no-repeat;
    margin: 33px 0 0 15px;
    padding-left: 30px;
    line-height: 14px;
}
.Kefu_Info {
    padding: 10px 0 0 15px;
    line-height: 2;
}
.Kefu_Info ul li {
    padding-left: 27px;
}
.Kefu_Url {
    background: url(service.gif) no-repeat 3px 3px;
}
.Kefu_Help {
    background: url(help.gif) no-repeat 3px 3px;
}
.Kefu_QQ {
    background: url(qq_online.gif) no-repeat 0 3px;
}
.Kefu_Work {
    text-align: center;
}
.Kefu_Info li {
    list-style-type: none;
}
#qq_Kefu .kfbut{
	background-image: url(images/Kf_bg02.gif);
	background-repeat: no-repeat;
 }
#qq_Kefu .kfbg{
margin-left:10px;

}

#qq_Kefu .kefu_box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; WIDTH: 106px; CURSOR: pointer; PADDING-TOP: 4px; HEIGHT: 20px
}
#qq_Kefu .kefu_boxOver {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; WIDTH: 106px; CURSOR: pointer; PADDING-TOP: 4px; HEIGHT: 20px
}
#qq_Kefu .kefu_box {
	BORDER-TOP: #fff 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #fff 1px solid
}
#qq_Kefu .kefu_boxOver {
	BORDER-TOP: #a3e7fc 1px solid; BACKGROUND: #e1f7fd; BORDER-BOTTOM: #a3e7fc 1px solid
}


@keyframes blink {
	0% {
	opacity:1
	}
	50% {
	opacity:1
	}
	50.01% {
	opacity:0
	}
	100% {
	opacity:0
	}
}

#scroll {
	width: 32px;
	float: right;
	position: fixed;
	right: 10px;
	bottom: 120px;
	z-index: 9999
}
#scroll li a {
	background: #fff;
	font-size: 16px;
	color: #cacaca;
	width: 32px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	display: block;
	cursor: pointer;
	background: rgba(255,255,255,.6);
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04)
}

#scroll li a:hover {
	background: #c40000;
	color: #fff;
	border: 1px solid #c40000;
	transition: all .2s ease-in 0s
}

#scroll i{ line-height:32px;}

.qr-img {
	position: fixed;
	background: #fff;
	bottom: 50px;
	right: 50px;
	max-width: 300px;
	padding: 10px 10px 2px 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	background: rgba(255,255,255,.95);
	z-index: 9999;
	display: none
}
#output img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 150px;
	height: 150px
}
.qr .fa-qrcode {
	font-size: 20px !important;
	line-height: 32px !important
}

.online .fa-qq {
	animation: blink .8s linear infinite
}
.online a {
	width: 30px;
	color: #fff;
	text-align: center;
	line-height: 31px;
	display: block;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
.qqonline a:hover {
	background: #666;
	color: #fff
}
.qqonline-box {
	position: absolute;
	bottom: -10px;
	right: 30px;
	display: none;
	padding: 10px;
	z-index: 5
}
.qqonline-main {
	background: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	background: rgba(255,255,255,.9)
}
.nline-wiexin h4 {
	text-align: center
}
.nline-wiexin img {
	width: 100px;
	height: auto
}
.nline-qq h4 {
	text-align: center;
	display:none;
}
.nline-qq a {
	width: 100px;
	background: #0059b5 !important;
	font-size: 14px !important;
	color: #fff !important;
	width: 100px !important;
	margin: 0 0 5px;
	display: block;
	border-radius: 3px !important;
	border: 1px solid #0059b5 !important
}
.nline-qq i {
	color: #fff !important;
	margin: 0 5px 0 0
}
.orderby {
	top: 125px;
	float: right;
	position: fixed;
	right: 10px;
	width: 32px;
	z-index: 9999
}


.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-wrapper {
  position: relative;
  width: 100%;
	display: flex;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translateZ(0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translateZ(0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translateZ(0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translateZ(0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translateZ(0);
  transition-timing-function: ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.swiper-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 {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.arrow-left, .arrow-right {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  color: #dbdbdb;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.arrow-left > i, .arrow-right > i {
  font-size: 50px
}
.arrow-left:focus, .arrow-right:focus {
  color: #dbdbdb
}
.arrow-left:hover, .arrow-right:hover {
  color: #616161;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.arrow-left {
  left: -50px
}
.arrow-right {
  right: -50px
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x
}

.swiper-pager {
  position: absolute;
  bottom: 30px;
  z-index: 100;
  width: 100%;
  text-align: center
}

.swiper-pager span {
  font-size: 0;
  margin: 0 10px;
  width: 15px;
  height: 15px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #fff
}

.swiper-pager span:hover {
  cursor: pointer
}
.swiper-pager span.swiper-pagination-bullet-active, .swiper-pager span:hover {
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=100)
}