@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/temp/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----------------------------------- */



/* 头部 */



/* 顶部样式 */

.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: 30px; 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/temp/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/temp/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/temp/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;

	width: 157px; margin:10px 0 0 -56px ;

	

	position: relative;

	z-index:8;

}

.nav ul li:hover{

	

}



.nav ul li.on{

	background:#ff981f;

}

.nav ul li a{ text-indent:15%;

	width: 100%;

	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:first-child{ margin-left:-5px;}

.nav ul li:last-child{ border-right:0;}

.nav ul li a:hover{ background:url(../images/temp/nav.jpg) center 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*/



/* banner */

.banner{ 

	width: 100%;

	text-align: center;

	overflow: hidden;

}

.banner a{

	width: 100%;

	text-align: center;

	overflow: hidden;

}

/* .banner img{

	display:block;

} */

/* banner end*/





/* main */

.main_c{

	width: 100%;

	

}

.main{

	width: 1004px;

	margin:0 auto;

	overflow: hidden;

}

.noticefra{ width:100%; background: url(../images/temp/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/temp/indexne.png) left 5px no-repeat;font-size:20px; }

.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/temp/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:100%; height:100%; overflow:hidden;}

.protopul li a:hover span{ display:block;}

.indexnews{ width:100%; height:310px;}

.indexcafra{ width:100%;  background: url(../images/temp/index_tbg.gif) left bottom repeat-x; padding:5px 0 0 0;}

.newsleft{ float:left; width:470px; padding:0 45px 0 0;height:245px; background:url(../images/temp/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/temp/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:10px 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/temp/rright1.png) left top no-repeat;}

.slider .right{ background:url(../images/temp/rright.png) left top no-repeat;}

.slider .end{background:url(../images/temp/lleft.png) left top no-repeat;}

.slider .end1{background:url(../images/temp/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/temp/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/temp/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/temp/fooimg.png) 0 3px no-repeat;}

.f2{ background:url(../images/temp/fooimg.png) 0 -37px no-repeat;}

.f3{ background:url(../images/temp/fooimg.png) 0 -78px no-repeat;}

.f4{ background:url(../images/temp/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;}

.head_rtel1{ color:#9d0f0f; float:left; width:270px; background: url(../images/temp/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/temp/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:128px;

	position: absolute;

	right: 60px;

	bottom: 0px;

	margin-left: 0!important;

	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/temp/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/temp/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; width:220px; text-align:right;

	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/temp/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");

}



/* ------------------------------------------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: 566px; position: relative; overflow:hidden;z-index:1}



.banner-box{width:1920px;height:566px;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%; background: url(../images/bannerbg.png) left top repeat; 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;}