@charset "utf-8";
 
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input
{margin:0;padding:0;}
body,input,textarea{font-size:14px;color:#666666; font-family: 'Microsoft Yahei';}
img{border:none;}
ul,ol,li,a{list-style:none;text-decoration: none;}
input,select,textarea{outline:none; border:none; background:#FFF;}
textarea{resize:none;}
 body{ background:url(../images/bg.jpg) left top repeat;}
/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
 
/*公共部分*/
.fl{ float: left; } /*左浮动*/
.fr{ float: right;} /*右浮动*/
.c { clear: both; } /*清浮动*/
.dn{ display: none; } /*不显示*/

/* ------------------------------------------index----------------------------------- */

/* 头部 */

/* 顶部样式 */
.header{clear:both; width:100%; height:160px; overflow:hidden;}
.h_top_c{
	width: 100%;
	height: 45px;
	background-color: #000000;
}
.h_top,.h_mid{
	width: 1004px;
	margin:0 auto;
	position: relative;
}
.h_top div{
	float: left;
	height: 45px;
	line-height: 45px;
	padding-left: 45px;
	font-size: 16px;
	color:#fff;
	background: url(../images/0013920_45.png) no-repeat left 10px;
}
.h_top span{
	position: absolute;
	top: 12px;
	right: 0;
	color:#ffd200;
	font-size: 16px;
}
.logo{
	float: left;
	margin-top: 20px;
	padding-left:20px;
}
.h_mid_c{
	width: 100%;
	height: 100px;
	position: absolute;
	top:0;
	left:0;
	z-index:99;
}
/* 顶部样式 end*/

/* logo search */
/*

.search{
	float: right;
	width: 294px;
	margin-top: 30px;
}
.s_c{
	width: 320px;
	height: 33px;
	float: left;
	
	position: relative;
	z-index: 10;
}
.search_text{ background:#fff;
	width: 210px;
	height: 33px;
	line-height: 33px;
	
	text-indent: 6px;
	color:#39114e;
	float: left;
}
.drop_down{
	float: left;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color:#7a7a7a;
	padding-left: 6px;
	background:url(../images/drop_down_icon_03.png) #fff  no-repeat 90% center; margin:0 0 0 3px;
	cursor: pointer;
}
.drop_down:hover{
	
}
.dd_list{
	width:101px;
	position: absolute;
	top: 33px;
	right: 4px;
	z-index: 9;
	background-color: #fff; border:1px solid #ddd; border-top:0;
}
.dd_list span{
	display: inline-block;
	width: 91px;
	padding-left: 10px;
	height: 33px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 33px;
	color:#7a7a7a;
	cursor: pointer;
}
.dd_list span:hover{
	color:#fff; background:#7a7a7a;
}
.current_dd_span{
	color:#fff!important;
	background-color: #220630;
}
.search_submit{
	width: 49px;
	height: 37px;
	float: left;
	background: url(../images/insexsearch.png) no-repeat left top;
	cursor: pointer; margin-left:-1px;
}
.search_submit:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}*/
.search{ position:relative;float:right;z-index:999;height:32px;display:inline; margin:0 20px 0 30px;line-height:30px; padding:0 0 13px 10px;}

div.selectbox-wrapper{border:#dcdcdc 1px solid;overflow:hidden;width:91px;position:absolute; top:32px; left:3px;background:#fff;text-align:left;z-index:10; border-top:0;}
div.selectbox-wrapper ul li.selected{background:#7a7a7a;color:#fff}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#7a7a7a}
div.selectbox-wrapper ul li{ float:left;display: inline-block;font-size:12px; 
	width: 81px;
	padding-left: 10px;
	height: 33px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 33px;
	color:#7a7a7a;
	cursor: pointer;}
.selectbox{float: left;font-size:12px;
	width: 100px;
	height: 31px;
	line-height: 31px;border:1px solid #eaeaea;
	color:#7a7a7a;
	padding-left: 6px;
	background:url(../images/drop_down_icon_03.png) #fff  no-repeat 90% center; margin:0 0 0 3px;
	cursor: pointer;}
.text{ background:#830808; border:2px solid #550505;font-size:14px; 
	width: 264px;
	height: 35px;
	line-height: 31px;
	
	text-indent: 6px;
	color:#c46565;
	float: left;}
.button{width: 60px; z-index:9; position: relative;
	height: 39px;
	float: left;
	background: url(../images/insexsearch.png) #550505 no-repeat center top;
	cursor: pointer; margin-left:-1px;}
.select{float: left; position:relative; 
	width: 110px;
	height: 31px;
	line-height: 31px;
	color:#7a7a7a;
	
	}
.select select{margin:5px auto;width:80px}

/* logo search end*/
.head_rtel{ color:#9d0f0f; float:right; background: url(../images/tel.png) left 30px no-repeat; line-height:1;font-weight:bold; height:40px; padding:30px 12px 0 50px;}
.head_rtel span{ display:block; font-size:18px;}
.head_rtel b{ display:block;font-size:24px; font-weight:normal;}
/* 头部 end*/

/* nav */
.nav_c{ position:absolute; left:0; top:100px; z-index:99;
	width: 100%;
	height:66px;
	background: url(../images/nav.gif) left center repeat-x;
}
.nav{
	width: 1004px;
	margin:0 auto;
	height: 66px;
	position: relative;
	z-index: 1;
}
.nav ul{margin:0 auto;height: 66px; width:108%;}
.nav ul li{
	float: left;
	margin:10px 0 0 10px;
	position: relative;
	z-index:8;
}

.nav ul li.on{
	background:#ff981f;
}
.nav ul li a{
	width: 100%;
	padding:0 15px;
	font-size: 16px;
	line-height: 47px;
	color:#fff;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.nav ul li:last-child{ border-right:0;}
.nav ul li a:hover{ background:url(../images/nav.jpg) left center no-repeat; color:#fff;}
.nav ul li.on a{
	color:#fff;
}
.nav_dd{
	width:100%;
	position: absolute; padding:1% 0 1% 0;
	top: 52px;
	left: 0;
	z-index: 7;
	background:#ff9d10;
}
.nav ul li .nav_dd a{ font-size:14px; line-height:30px;border-bottom: 1px solid #fff;}
.nav ul li .nav_dd a:last-child{ border-bottom: 0;}
/* nav end*/

/* main */
.main_c{
	width: 100%;
	
}
.main{
	width: 1004px;
	margin:0 auto;
	overflow: hidden;
}
.noticefra{ width:100%; background: url(../images/notice.gif) center center no-repeat; height:77px; padding:38px 0 0 0; margin:3px 0 0 0;}
.notice{width:1004px;margin:0 auto;position:relative;height:43px;}
.noticecon{width:430px;float:left; display:inline; margin:0 0 0 18px;padding:0 0 0 45px;height:30px; background: url(../images/indexne.png) left 5px no-repeat;font-size:14px; }
.noticecon marquee{float:left;width:350px;color:#fff;}
.index_sname{ display:block; color:#fff; line-height:1; font-size:16px;}
.proname{margin:0 auto;width:1004px;color:#1e9e01;font-size:20px; line-height:1;padding:26px 10px 0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.proname label{ line-height:37px; padding:0 0 0 20px;float:left; background: url(../images/index_l.png) center center no-repeat; height:37px; color:#f7f7f7; width:180px;}
.proname a{ float:right; background:#000000; color:#f7f7f7; border-radius:15px; padding:5px 20px; font-size:16px; display:inline; margin:10px 0 0 0;}
.index_pro{width:100%;padding-top:0;height:550px;}
.imore{ width:100%; text-align:center; padding:25px 0 0 0;}
.imore a{ display:inline-block; width:194px; height:40px; border:3px solid #fff; border-radius:10px; line-height:40px; text-align:center; color:#fff; font-size:20px; font-family:黑体;}
.imore1{ width:100%; text-align:center; padding:10px 0 0 0;}
.imore1 a{ display:inline-block; width:194px; height:40px; border:3px solid #8d8c91; border-radius:10px; line-height:40px; text-align:center; color:#8d8c91; font-size:20px; font-family:黑体;}

.pro-ul{ width:1004px; margin:0 auto; padding: 0 0 0 0;}
.protopul{ float:left; width:1004px;}
.protopul li{ float:left; width:246px;  display:inline; margin:15px 2px 5px 2px ;}
.protopul li a{ float:left; width:236px; position:relative; color:#fff; padding:5px; background:#830808; border-bottom:3px solid #830808;}
.protopul li a:hover{  background:#000000;-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}

.protopul li a span{ display:block;width:220px; font-size:14px; line-height:28px; padding:5px 0 0 0;  text-align:center;height:28px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.protopul  li a img{  width:236px; height:177px; overflow:hidden;}
.protopul li a:hover span{ display:block;}
.indexnews{ width:100%; height:310px;}
.indexcafra{ width:100%; height:245px; padding:5px 0 0 0;}
.newsleft{ float:left; width:470px; padding:0 45px 0 0;height:245px; background:url(../images/index_jz.png) right top no-repeat; }
.nameff{ float:left; width:470px;padding:20px 0 0 0; }
.nameff p{ line-height:37px; padding:0 0 0 20px;float:left; background: url(../images/index_l.png) center center no-repeat; height:37px; color:#f7f7f7; width:180px; font-size:20px; }
.nameff a{ float:right; background:#000000; color:#f7f7f7; border-radius:15px; padding:2px 20px; font-size:16px; display:inline; margin:2px 0 0 0;}
.pimg{ float:left;  width:128px; height:95px; display:inline; margin:0 0 0 10px ; border:1px solid #d5d5d5}
.newsright{ float:right; width:474px; padding:0 ;height:245px; }
.news_ful{ float:left; width:470px; padding:10px 0 0 0px;}
.news_ful li{ float:left; width:470px; }
.news_ful li a{ float:left; width:470px; height:34px; line-height:34px; font-size:16px; color:#000; padding:0 0 0 0; overflow:hidden; }

.index_ab{ width:100%;}
.index_abimg{ float:left; padding:30px 0 0 0;}
.index_abcon{ float:left; width:664px; line-height:28px; color:#000000; font-size:16px; padding:0 0 0 10px;}
.index_jul{ float:left; width:102%; padding:20px 0 0 0;}
.index_jul li{ float:left; width:246px; margin:0 3px;}
.index_jul li:hover{ margin:5px 3px 0 3px;-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}
.index_jul li a{ float:left; width:246px;}
.index_jul li a img{ float:left; width:246px; height:185px;}
.index_jul li a:hover img{box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);}
.index_jul li a span{ float:left; width:246px; height:28px; line-height:28px; padding:5px 0 0 0; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000000; font-size:16px;}
.indexpnav{ margin:0 auto; width:1004px; padding:10px 0 0 0;}
.slider{ z-index:9999; width:1004px; margin:0px auto;position:relative;}
.slider span{ position:absolute; color:#fff; top:40px; text-align:center;display:inline-block;width:35px;height:69px;}
.slider .left{ background:url(../images/rright1.png) left top no-repeat;}
.slider .right{ background:url(../images/rright.png) left top no-repeat;}
.slider .end{background:url(../images/lleft.png) left top no-repeat;}
.slider .end1{background:url(../images/lleft1.png) left top no-repeat;}

#left{ left:-45px;}
#right{ right:-45px;}
.ipro .main{ overflow:hidden; height:200px; position:relative;width:980px; padding:0; margin:0 auto; }
.ipro{ position:relative;width:980px;  margin:0 auto;}
.ipro ul{ position:absolute;width:100%; left:0;}
.ipro li{ float:left; position:relative;width:170px;   text-align:center; margin:0 13px 0 13px; display:inline; }
.ipro li a{ float:left; position:relative;width:140px; height:140px;  padding:13px 15px 14px 15px; text-align:center; background: url(../images/leibg.png) left top no-repeat; margin:0 5px 0 5px; display:inline; }
.ipro li a:hover{-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.ipro li a img{ border-radius:50%;}
.ipro li span{ width:150px; padding:0 0 0 20px; text-align:center; color:#000000; font-size:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/* foot*/
.foot{ width:100%; background:#000000; height:230px; padding: 0;  margin:60px 0 0 0;}
.footlink{ width:640px;color:#9f8979; float:left; padding:30px 0 0 0; }
.foot-con{ width:1004px; margin:0 auto; color:#e5e5e5; line-height:28px;}
.foot-left{ float:left; width:619px; padding:40px 0 0 0; color:#949494;}
.foo-cont{ float:left; width:321px; height:275px; background:#830808; position:relative; margin:-45px 0 0 0;}
.foo-cont p.name{ line-height:37px; padding:0 0 0 20px;float:left; font-size:20px; background: url(../images/inbo.gif) center center no-repeat; height:37px; color:#f7f7f7; width:186px; display:inline; margin:25px 0 20px 20px;}
.cont-fcon{ float:left; color:#fff; padding:0 0 0 30px; width:247px; font-size:16px; line-height:39px; height:39px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  display:inline; margin:0 0 0 20px; border-bottom:1px dotted #000;}
.f1{ background:url(../images/fooimg.png) 0 3px no-repeat;}
.f2{ background:url(../images/fooimg.png) 0 -37px no-repeat;}
.f3{ background:url(../images/fooimg.png) 0 -78px no-repeat;}
.f4{ background:url(../images/fooimg.png) 0 -118px no-repeat;}
.foo-right{ float:right; width:640px;}
.foot-left a{ color:#949494}
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.fmain{ width:1004px; margin:0 auto;}
.footnav{ background:#830808; width:100%; height:52px; line-height:52px;}
.footnav .foofra{ margin:0 auto; width:1004px; padding: 0; text-align:center; color:#fff; font-size:16px;}
.foofra a{ display:inline-block; padding:0 3px; color:#fff; font-size:16px; margin:0 10px;}
.head_rtel1{ color:#9d0f0f; float:left; width:270px; background: url(../images/ftel.png) left 20px no-repeat; line-height:1; height:45px; padding:20px 10px 0 50px;}
.head_rtel1 span{ display:block; font-size:26px; font-family:Century Gothic}
.head_rtel1 b{ display:block;font-size:14px; font-weight:normal;}

/* common */
.common{
	width: 1000px;
	margin:0 auto;
	margin-top: 10px;
}
.common_title{
	position: relative;
	height: 45px;
	margin-bottom: 15px;
	border-bottom: 2px solid #d6bae4;
}
.common_title h2{
	width: 100px;
	padding-left: 36px;
	padding-bottom: 6px;
	position: absolute;
	left: 0;
	top: 10px;
	border-bottom: 2px solid #8241a3;
	font-size: 22px;
	font-weight: normal;
	color:#632781;
	text-align: center;
}
.common_title a{
	display: inline-block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	top: 10px;
	right: 9px;
	text-align: center;
	color:#f1a4f0;
	background-color: #632781;
}
.common_title a:hover{
	opacity: 0.95;
	filter: alpha(opacity=95);
}
/* common */



/* 友情链接 */
.links{
	color:#000000;
	margin:0; height:50px; line-height:50px; font-size:16px;
}
.linkleft a{
	display: inline-block;
	padding:0 10px;
	color:#000000;
}
.linkleft{ float:left; width:1004px;}

.linkleft span{ color:#000000;}
.site { color:#830808;float:left;width: 245px; margin-top:20px;font-size:14px;background: url(../images/site.png) left center no-repeat;padding-left:55px;line-height:45px;}
.site a{ color:#830808;}

/* 友情链接 end*/


/*---------右边悬浮------------------------------*/
.side_nav{
	position: fixed;
	top: 50%;
	right: 0;
  	width: 60px; z-index:99;
}
.side_nav ul li{
	position: relative;
	width: 60px;
	height: 60px;
  	float: right; 
  	margin-bottom: 1px;
  	/* border-bottom: 1px solid #fff; */
}
.side_nav ul li a{
	display:inline-block;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
/* 	border-bottom: 1px solid #fff; */
}
/* .side_nav ul li:last-child,.side_nav ul li:last-child a{
	border-bottom: 0;
} */
.current_side_n{
	width: 140px!important;
}
.current_side_n a{
	width: 140px!important;
}
/* .current_side_n span{

} */
.side_nav ul li span{
/*  	display:block; */
  	float: left;
	color:#fff;
	line-height: 60px;
	font-size: 16px;
 	margin-left: 60px;
 	cursor: pointer;
}
.side_nav_3 a{
	width: 60px;
}
.side_nav_3 a span{
	height:180px;
	width:180px;
	position: absolute;
	top:0;
	right: 60px;
	display: none;
}

.tel a{
	background: #830808 url(../images/0013920_47.png) no-repeat 15px 15px;
}
.QQ a{
	background: #830808 url(../images/0013920_47.png) no-repeat 15px -96px;
}
.sub_QR a{
	background: #830808 url(../images/0013920_47.png) no-repeat 15px -207px;
}
.back_top a{
	background: #830808 url(../images/0013920_47.png) no-repeat 15px -317px;
}



/* ------------------------------------------index end----------------------------------- */

/* ------------------------------------------subpage------------------------------------- */

/* 公共 */
.sub_content { background:#e8e8e8; width:225px;}
.sub_youhui{ width:225px; margin-top:20px; padding:0 0 10px 0; background:#e8e8e8 ;}
.sub_common{
	margin-bottom: 20px;
}
.sub_common_padding{ width:203px;
	margin:0 auto;
	padding-bottom:20px;
	padding-top: 20px;
	
	color:#390f4e;
}
.sub_common_padding a{
	color:#390f4e;
}
.sub_common_title{ background:url(../images/fy_ltop.jpg) center top no-repeat;
	width: 100%;
	height: 67px; 
	line-height: 67px;
	
}
.sub_common_title h2{ font-family:microsoft yahei; font-weight:normal;
	font-size: 24px; 
	text-align: center;
	
	color:#fff;
	
}

.content_com_title{ background:url(../images/fy_rrtline.gif) left bottom no-repeat;
	position: relative;
	height: 45px;
	margin-bottom: 15px; padding:0 0 5px 0;
	
}
.content_com_title h2{
	display: inline-block;
	padding-bottom: 6px;
	position: absolute;
	left: 0;
	top: 10px;
	
	font-size: 22px;
	font-weight: normal;
	color:#000000;
	text-align: left;
}
.bread{ font-size:14px;
	color:#000;
	position: absolute;
	top: 18px;
	right: 9px;
}
.bread a{
	display: inline-block;
	color:#000;
/* 	height: 26px;
line-height: 26px; */
}



/* 左侧 */
.sp_left{
	width: 225px;
	float: left;
	margin-top: 15px;
}
.fy_ltname{ display:block; text-indent:10px; color:#fff; padding:20px 0 0 0;}
.fyltel{ display:block; font-family:Georgia; color:#fff; font-size:20px;text-indent:10px; padding:0 0 5px 0;}
/* left_nav */
.sub_nav_list{
	overflow: hidden;
}
.sub_nav_list ul li{
	width: 195px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 9px;
	overflow: hidden;
}
.sub_nav_list ul li a{
	display: block;
	height: 33px;
	padding-left: 40px;
	border-radius: 20px;
	border:1px solid #7e5195;
}
.sub_nav_list ul li a:hover{
	background-color: #cd9ae6;
	border:1px solid #cd9ae6;

}
.current_snl a{
	color:#d6bae4!important;
	border:1px solid #632781!important;
	background-color: #632781!important;
}
/* left_nav */

/* 优惠模块 */
.syl_pic img{
	width: 240px;
	height: 138px;
}
.syl_list ul li{
	width: 98%; padding:0 1%; background:url(../images/fyjian.gif) left center no-repeat;
	height: 33px;
	line-height: 33px;
	
}
.syl_list ul li a{ font-size:14px; color:#000000; 
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;padding:0 30px 0 10px;
}
.syl_list ul li a:hover{ text-decoration:underline;

}
/* 优惠模块 end*/

/* 左侧联系我们 */
.sub_content_list{ background:#e8e8e8; color:#000; font-size:14px;
	padding-bottom: 20px;
	line-height: 25px;
}
/* 左侧联系我们 end*/
/* 左侧  end*/

/* 右侧内容 */
.sp_content{
	width: 758px;
	float: right;
	margin-top: 15px;
}
.content{
	min-height: 672px;
	_height:expression(this.scrollHeight < 672 ? "672px" : "auto");
}
.content p{text-indent:2em; margin-bottom:15px; line-height:2em;}

/* ------------------------------------------subpage end------------------------------------- */


h2.title {
	font-size: 68px;
	letter-spacing: -3px;
	font-weight: bold;
	text-align: center;
	margin-top: 35px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}
h2.title span {
	font-size: 38px;
	line-height: 48px;
	display: block;
	letter-spacing: -2px;
	color: rgba(51, 51, 51, 0.5);
}
/* -------------------------------------------------------------------------------------------------------------------------
Grid of images
---------------------------------------------------------------------------------------------------------------------------- */

/*
Add the transition affect to the images in the grid. Any changes to the element will be transtioned from it's current state, for example on :hover */
#grid li {
	float: left;
	list-style: none;
	
	position: relative;
	overflow: hidden;
	
	
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

#grid li:hover {
	z-index: 2;
	-webkit-transform: scale(1.1) translateY(5px);
	-moz-transform: scale(1.1) translateY(5px);
	-ms-transform: scale(1.1) translateY(5px);
	transform: scale(1.1) translateY(5px);
	-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}


/*---------------banner-----------------*/
.banner { width:100%; height:500px; position:relative; overflow:hidden; z-index:1}
.banner-box{width:1920px;height:500px;position:absolute;left:50%;margin-left:-960px;top:0;z-index:1;}
.sub_banner{height:368px;}
.banner img{display:block;margin:0 auto;}
.btns{width:1160px;position: absolute;height:100px;left:50%;top:145px;margin-left:-580px; display:none;}
.btns .prev,
.btns .next {width: 54px; height: 100px;float:left;background:url(../images/leftbtn.png) 0 0 no-repeat;}
.btns .next {background:url(../images/rightbtn.png) 0 0 no-repeat;float:right;}
.banner .num { overflow:hidden; width:100%; height: 17px; padding:9px 0;position: absolute; bottom:20px; left: 0; zoom:1; z-index:3; text-align:center;}
.banner .num li { width: 13px; height: 13px;background:#830808;border:2px solid #830808; border-radius:50%; margin-right: 15px;cursor:pointer; display:inline-block; *display:inline;zoom:1;overflow: hidden;font-size:0;}
.banner .num li.on {background:none; border:2px solid #830808;}



