.flexslider {

	margin:0 auto;

	position: relative;

	width: 100%;

	height: 600px;

	overflow: hidden;

	zoom: 1;

	

}



.flexslider .slides li {

	width: 100%;

	height: 100%;

	list-style-type: none;

}



.flex-direction-nav a {

	width: 70px;

	height: 70px;

	line-height: 99em;

	overflow: hidden;

	margin: -35px 0 0;

	display: block;

	background: url(../images/ad_ctr.png) no-repeat;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease;

	border-radius: 35px;

	

}



.flex-direction-nav .flex-next {

	background-position: 0 -70px;

	right: 0;

}



.flex-direction-nav .flex-prev {

	left: 0;

}



.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 10px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 2px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	background: url(../images/dot.png) no-repeat 0 -23px;

	display: block;

	height: 20px;

	overflow: hidden;

	text-indent: -99em;

	width: 20px;

	cursor: pointer;

}



.flex-control-paging li a.flex-active,

.flex-control-paging li.active a {

	background-position: 0 0;

}



.flexslider .slides a img {

	width: 100%;

	height: 600px;

	display: block;

}

/*pc*/
@media only screen and (min-device-width: 680px) and (max-device-width: 1920px){
	.flexslider{
		width: 100%;
	}
}

/*ipad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	.flexslider{
		width: 1400px;
	}
}

/*ipad横屏*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
	.flexslider{
		width: 1400px;
	}
}

/*ipad竖屏*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
	.flexslider{
		width: 1400px;
	}
}

/*5*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}
} 
@media only screen and (max-device-width :480px){ 
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}
}

@media only screen and (min-device-width :481px){ 
.flexslider{
		width: 100%;
	}
} 
 
/*6*/ 
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ 
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}

} 
 
/*6+*/ 
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}
 } 
 
/*魅族*/ 
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){	
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}
 } 
 
/*mate7*/ 
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ 
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}

} 
 
/*4 4s*/ 
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ 
	.flexslider{
		width: 1400px;
	}
	.bottom_bg{
		width: 1400px;
	}

} 