/* 禁止webkit横屏改变字体大小 */
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;padding:0px; margin:0px; border:none;}

/* 超出隐藏 */
.overflow{ overflow:hidden;} 

/* 点击去除阴影 */
a,button,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}       
		          
/* float */
.fl{ float: left; }
.fr{ float: right;}

/* 图片自适应调整 并解决图片缩放的失真问题*/
#wrap img{ width:100%;border:none; interpolation-mode: bicubic;}


/* clearfix */  
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ zoom:1;}

/* transtion-Hover */
.tianstion{ 
    transition:all ease 0.4s; 
	-moz-transition:all ease 0.4s; 
	-ms-transition:all ease 0.4s; 
	-o-transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.area{ width:100%;}
#wrap{ background:#F0F0F0; max-width:100%; position:relative;margin-left:auto; margin-right:auto;display: block}
body{ background: #F0F0F0;}
@media screen and (max-width : 360px) {
	body{ font-size:12px;}
	#wrap{ width:100%;}
}

@media screen and (min-width: 360px) and (max-width : 479px) {
	body{ font-size:12px;}
	#wrap{ width:100%;}
}

@media screen and (min-width: 480px) and (max-width: 690px) {
	body{ font-size:12px;}
	#wrap{ width:100%;}
}

/* 滑动焦点图 */
.swiper-container {
	height:auto;
	width:100%;
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:5;
	background:#F8F8F8;
}
.swiper-wrapper {
	position:relative;
	z-index:10;
}
.swiper-slide {
	position:relative;
	text-align:center;
	float:left;
}
.swiper-slide a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.swiper-slide img {
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	position:absolute;
}
.pagination {
	position:absolute;
	height:20px;
	width:100%;
	bottom:0;
	z-index:10;
	text-align:right;
    /*background: rgba(0,0,0,0.2);*/
}

.description {
    position:absolute;
    height:20px;
    width:100%;
    bottom:0;
    z-index:99;
    text-align:left;
    color: #fff;
    line-height: 20px;
    /*margin-left: 10px;*/
    background: rgba(0,0,0,0.1);
    /*margin: 5px;*/
}

.pagination .swiper-pagination-switch {
	display:inline-block;
	height:0.7em;
	width:0.7em;
	background:#FFF;
	border-radius:50%;
	_display:inline;
	margin:5px 3px;
}
.pagination .swiper-active-switch {
	background:#44A5FE;
}