@charset "utf-8";
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.footer{
	background: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

/*pc轮播图*/
.pc_ban{
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) 50% no-repeat;
    position: relative;
    overflow: hidden; 
}
.pc_ban .flex-viewport{width: 100%;height: 100%;overflow: hidden;}
.pc_ban .slides {width: 100%;height: 100%;position: relative; z-index: 1;}
.pc_ban .slides li {width: 100%;height: 100%;}
.pc_ban .flex-control-nav {width: 100%; position: absolute; height: 4px;bottom:80px; z-index: 2;text-align: center;}
.pc_ban .flex-control-nav li {display: inline-block;width: 40px; height: 4px; margin: 0 4px; *display: inline; zoom: 1;}
.pc_ban .flex-control-nav a { 
	display: inline-block; 
	width: 40px; 
	height: 4px; 
	line-height: 60px;
	background: #fff; 
	overflow: hidden;  
	cursor: pointer;
}
.pc_ban .flex-control-nav .flex-active { background:#00b4cc;}
.pc_ban .flexslider:hover .flex-next {opacity: 0.8;}
.pc_ban .flexslider:hover .flex-prev {opacity: 0.8;} 
.pc_ban .flexslider:hover .flex-next:hover, .pc_ban .flexslider:hover .flex-prev:hover {opacity: 1;}

/*mb轮播图*/
.mb_ban{
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) 50% no-repeat;
    position: relative;
    overflow: hidden; 
}
.mb_ban .flex-viewport{width: 100%;height: 100%;overflow: hidden;}
.mb_ban .slides {width: 100%;height: 100%;position: relative; z-index: 1;}
.mb_ban .slides li {width: 100%;height: 100%;}
.mb_ban .flex-control-nav {width: 100%; position: absolute; height: 4px;bottom:140px; z-index: 2;text-align: center;}
.mb_ban .flex-control-nav li {display: inline-block;width: 40px; height: 4px; margin: 0 4px; *display: inline; zoom: 1;}
.mb_ban .flex-control-nav a { 
	display: inline-block; 
	width: 40px; 
	height: 4px; 
	line-height: 60px;
	background: #fff; 
	overflow: hidden;  
	cursor: pointer;
}
.mb_ban .flex-control-nav .flex-active { background:#00b4cc;}
.mb_ban .flexslider:hover .flex-next {opacity: 0.8;}
.mb_ban .flexslider:hover .flex-prev {opacity: 0.8;} 
.mb_ban .flexslider:hover .flex-next:hover, .mb_ban .flexslider:hover .flex-prev:hover {opacity: 1;}

@media only screen and (max-width:1200px) {
	.pc_ban{
		display: none;
	}
	.mb_ban{
		display: block;
	}
}

@media only screen and (max-width:640px){
    .mb_ban .flex-control-nav{bottom:100px;}
}