@charset "UTF-8";
.flash{
	width:100%;
	height:500px;
	position:absolute;
	top:0px;
	left:0px;
}
.banner{
	width:100%;
	height:500px;
}
.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
	min-width: 1367px;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/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(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	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: 500px;
	display: block;
	background-size: 100% 100%;
}


#demo1{ 
    position: relative;    
    width: 628px;
    height: 340px;
}
#demo1 .img_list{overflow: hidden; position: relative; height: 340px;margin: 10px 0px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3500px; position: absolute; height: 340px; left: 0px;}
.img_list li{ float: left; width: 628px;height: 397px;}
.img_list img{ width: 628px; height: 340px;}

/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; right: 20px; bottom: 35px; }
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;}
.btn_list li img{ width: 30px; height: 15px; display: block;}
/* 左右点击的按钮样式 */
#demo1 .toLeft,#demo1 .toRight{
    display: none;
    position: absolute;
    width: 20px;
    height: 30px;    
    top: 150px;    
    background: url(../img/zbbg_24.png) no-repeat 0 -150px;
}
#demo1 .toLeft{
    left: 00px;
}
#demo1 .toRight{
    right: 00px;
    background-position: -50px -150px;
}

#mrq{width:1100px;margin: 10px 0px;}
#Marquee_x { overflow:hidden; width: 1100px; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:250px;overflow:hidden;} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:250px; width:200px; overflow:hidden;}
#Marquee_x ul li div img{ border:1px solid #DADADA; width:190px; height:220px; display:block;}
#Marquee_x ul li div span{ display:block;text-align: center;}
#Marquee_x ul li div ,#Marquee_x ul li div span:hover{ color: #9B212E;}
#n{margin:10px auto; width:1100px;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333;}


#mrq2{width:1100px;margin: 10px 0px;}
#Marquee_x2 { overflow:hidden; width: 1100px; } 
#Marquee_x2 ul li ,#Marquee_x2 ul li div{ float:left;line-height:230px;overflow:hidden;} /* 横向滚动必须让所有li左浮动 */
#Marquee_x2 ul li div{ float:left;line-height:25px;height:230px; width:200px; overflow:hidden;}
#Marquee_x2 ul li div img{ border:1px solid #DADADA; width:190px; height:220px; display:block;}
#Marquee_x2 ul li div span{ display:block;text-align: center;}
#Marquee_x2 ul li div ,#Marquee_x2 ul li div span:hover{ color: #9B212E;}
#n2{margin:10px auto; width:1100px;font-size:12px; line-height:30px;}
#n2 a{ padding:0 4px; color:#333;}