html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family:"Microsoft YaHei",Arial,Georgia;
}

/* flexslider */
.flexslider{position:relative; height:auto;width:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; display: block; }
.slides{position:relative;z-index:1;}
.slides li{height:auto;width:100%;}
.slides li img{width:100%; height:auto; vertical-align:middle}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center;left:45%}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto; border:0}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; }
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.wap_banner{ width:100%; height:auto; overflow:hidden; display:none}
.wap_banner img{ width:100%; height:auto}

@media only screen and (max-width:768px){
.wap_banner{ width:100%; height:auto; overflow:hidden; display: block;}
.wap_banner img{ width:100%; height:auto}

.flexslider{position:relative;width:100%;overflow:hidden;background:url(../images/loading.gif) no-repeat center; margin:0 auto; height:auto; display:none}
.slides{position:relative;z-index:1;}
.slides li{width:100%; height:auto}
.slides li img{width:100%; height:auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center; }
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:20px;overflow:hidden;background:url(../images/dot.png)  right 0 no-repeat; background-size: auto 8px;cursor:pointer; text-indent:-9999px}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%; bottom:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;}
}



/* swipe */
.swipe{width:100%; height:auto;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
	margin:0px;
}
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:10px;height:10px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#45007B;}
.swipe #slider li img{width:100%; height:auto;vertical-align:middle}