﻿@charset "gb2312";
	
/*--------------------------------------初始化网站样式----------------------------*/
html{border:0;width:100%; overflow-y:scroll;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote,th,td,textarea,input,botton,form {margin:0;padding:0;}
fieldset, img {border:0 none;}
input, button, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;font: 100% Tahoma,Helvetica,Arial,sans-serif;}
ul,ol,dl,dd,dt,form{list-style:none;}
li {list-style:none outside none;}
h1, h2,h4, h5, h6 {font-weight:normal;}
h3{font-weight:bold;font-size:14px;}
h1{font-size:16px}
h5,h6{font-size:12px}
table {font-size:inherit;align:center;}
body{font:12px/1.75 "宋体", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;line-height:1.5em; color:#000;background-attachment:fixed;}
a{text-decoration:none;}
/*a:link,a:visited{color:#000;}
a:hover,a:active{text-decoration:none;color:#000;}*/

.clear{clear:both; }	

.colorblack{ color:#454545;}




.body_main{margin:0px auto;width:980px;height:100%;}



/*--------------------------------------header style----------------------------*/
.header_bg{background:#fff url('../images/bg0.gif')    repeat-x; }
#header{width:980px;margin:0px auto; }
#header .h_l{float:left;width:450px;overflow:hidden;margin-top:5px;}
#header .h_r{float:left;width:500px;overflow:hidden;height:130px; position:relative;}
#header .h_r  .notic{text-align:right;color:#676767;font-size:13px;font-weight:bold;margin-top:10px;margin-right:10px;}
#header .h_r  .search{ position:absolute;bottom:8px;right:10px;width:290px;}
#header .h_r  .phone{background:url('../images/ico1.gif') left center no-repeat;height:26px;line-height:26px;color:#FF0000;text-align:right; position:absolute;right:10px;top:30px;padding-left:30px;}






/*--------------------------------------top search 样式----------------------------*/
#search{text-align:left;position:relative;width:290px;}
#search .input{border:0px #CFCCCC solid;height:28px;width:208px;color:#666;text-align:center;background:url('../images/s_input.gif')  no-repeat;line-height:28px;}
#search span.buttom{position:absolute;right:0px;top:1px;}





/*--------------------------------------nav 主导航 ----------------------------*/
#nav_main {height:37px;background:url('../images/nav_bg.gif') repeat-x;overflow:hidden;margin-top:10px;}
#nav_main .nav {text-align:center;margin:0px auto;width:980px;}
#nav_main .nav li {float: left;line-height:37px;height:37px;display:block;width:98px;background:url('../images/nav_line.gif') right top  no-repeat;}#nav_main .nav a {font-size:13px;display:block;width:98px;color: #FFF;float:left;text-decoration:none;}
#nav_main .nav .on a,#nav_main .nav a:hover {text-decoration:none;background:url('../images/nav_h.gif')  repeat-x;}







/*--------------------------------------边导航(sidebar) ----------------------------*/
#sidebar {list-style-image:none;text-align:left;width:100%;}
#sidebar li {display:block;line-height:29px;text-decoration:none;overflow:hidden;background:url('../images/ico2.gif') 25px center no-repeat;border-bottom:1px solid #DFDFDF;}
#sidebar li .big{background:url('../images/ico2.gif') 25px center no-repeat;}
#sidebar a {color:#000;font-size:13px;display:block;padding-left:40px;}
#sidebar a:hover{color:#AD1C23;}
#sidebar  p{text-align:left;background:url('../images/ico6.gif') 25px center no-repeat;border:none;}
#sidebar  p a{font-size:13px;display:block;line-height:30px;font-weight:normal;color:#000;dispaly:block;border-bottom:1px #EAEAEA solid;background:#DDDDDD url('../images/ico6.gif') 25px center no-repeat;}
#sidebar  .small a:hover{color:#000;}



/*-----------------location 面包屑 style--------------*/
.location{font-weight:100; color:#5C85AC; /*background:url(../images/location_bg.gif) -2px 0px no-repeat; border-bottom:1px dashed #a4a4a4;*/ height:18px; margin:0px 10px; padding:26px 0px 0px 20px; float:right;}
.location a,.location a:hover,.location a:visited,.location a:link{color:#5c85ac;}



/*----------------- newslist -----------------*/
.newslist {list-style-image:none;margin-top: 0px; padding: 0px;text-align:left;}
.newslist li {background:url('../images/ico3.gif') 10px center no-repeat;display:block;padding-left: 10px;line-height:28px;border-bottom:1px #999 dashed;overflow:hidden;}/*这个主要是设置新闻每行间距和有无下边线*/
.newslist li span{display:block;}
.newslist span.news-content{float:left; width:auto; padding-left:10px;}/*设置新闻内容*/
.newslist span.news-time{width:auto;float:right; text-align:right;margin-right:10px;}/*设置时间是在右边还是左边 left or right*/
.newslist a {color:#333;}/*设置新闻文字的颜色*/
.newslist a:hover {color:red;}/*鼠标进过的颜色*/







/*-----------------news pagenumber style--------------*/
.newslist-page{ text-align:right; height:100%; overflow:hidden;clear:both;margin-top:50px;}
.newslist-page .pagenumber-form{float:right; text-align:right;}
.newslist-page span{ float:left; display:block; width:auto; margin:0px 2px 0px 0px; display:inline;}
.newslist-page span.sum-page{line-height:24px; font-size:13px;}
.newslist-page a,.newslist-page b{display:block; float:left; padding:0px 5px; margin:0px 5px; border:1px solid #000;display:inline; font-weight:bold; color:#000;}
.newslist-page a:hover{background:#000; color:#171717;}
.newslist-page b{background:#000; color:#fff;}
.newslist-page .key-page{ vertical-align:text-top;}
.newslist-page .input-page{width:35px;/* font-size:14px; margin:0px 5px;*/}
.newslist-page .page-button{padding:0px;}

/*-----------------shownews pagen style-----------------*/
.show-news{width:99%;}
.show-news h3.news-title{text-align:center; font-size:15px; font-weight:bold; margin-top:5px}
.show-news div.time{text-align:right; padding:5px;}
.show-news .news-content{margin:5px;}
.show-news .previous,.show_news .next{margin-top:50px;}



/*---------------------------- 首页调用新闻样式 ----------------------------*/
#newslist0 {list-style-image:none;text-align:left;}
#newslist0 li {background:url('../images/ico3.gif') left center no-repeat;display:block;padding-left:10px;line-height:24px;}/*新闻前面的小图标*/
#newslist0 a {color:#666;}
#newslist0 a:hover {color:red;}/*鼠标划过的样式*/
#newslist0 .data {float:right; letter-spacing:-1px;}




/*-----------------product pagenumber style--------------*/
.productlist-page{margin-top:50px; text-align:right; height:100%; overflow:hidden;clear:both;color:#000;}/*产品类表页页码最外层样式*/
.productlist-page .pagenumber-form{float:right; text-align:right;}/*产品类表页页码最外层样式*/
.productlist-page span{ float:left; display:block; width:auto; margin:0px 2px 0px 0px; display:inline;line-height:15px;}/*定义总体的span样式*/
.productlist-page span.sum-page{line-height:24px; font-size:13px;}/*页码的总页数第几页的文字的样式*/
.productlist-page a,.productlist-page b{display:block;  float:left; padding:0px 5px; border:1px solid #CDCDCD; margin:0px 5px;display:inline; font-weight:bold; color:#fff; /**/}/*定义页码中的a和b的样式*/
.productlist-page .pagenumber a{color:#999999;background-color:#FCFCFC;}/*定义页码数字的样式*/
.productlist-page .next-page a{color:#999999;background-color:#FCFCFC}/*控制上下一页的a的样式*/
.productlist-page a:hover{background:#FE0000; color:#fff;}/*控制上下一页的鼠标经过a的样式*/
.productlist-page b{background:#FE0000; color:#fff;}/*定义当前页的页码的样式*/
.productlist-page .key-page{ vertical-align:text-top;}/*定义输入页码框的样式*/
.productlist-page .input-page{width:35px;/* font-size:14px; margin:0px 5px;*/}/*定义输入页码框的样式*/
.productlist-page .page-button{padding:0px;}/*定义输入页码按钮的样式*/


/*-----------------products_detail style 产品详细页样式--------------*/
.pro_detail_show{margin:2px;color:#fff;line-height:22px;text-align:left;}
.pro_detail_show .pro_detail_img{padding:2px;}
.pro_detail_show ul{margin:3px;}
.pro_detail_show ul li{margin:5px;}
.pro_detail_introduce{margin:2px; border:0px solid #ccc;}
.pro_detail_show img{border:1px solid #666;padding:4px;}


/*----------------------------首页推荐产品样式----------------------------*/
#tuijian{margin:0px auto;width:240px;background:#000 url('../images/tuijian_content.gif') no-repeat;}
#tuijian .images{text-align:center;padding-top:10px;}
#tuijian img{text-align:center;}
#tuijian .tuijian_title{font-size:14px;color:#000;line-height:38px;text-align:center;font-weight:bold;background:url('../images/tuijian_t.gif') no-repeat;text-align:left;padding-left:30px;}
#tuijian .tuijian_title a{color:#fff;}
#tuijian .tuijian_introduce{line-height:19px;color:#AFAFAF;padding:10px;line-height:22px;}
#tuijian .more{height:39px;background:url('../images/more.gif') right top no-repeat;margin-bottom:10px;}
#tuijian .more a{display:block;width:100%;height:39px;white-space: nowrap;text-indent:-220px;}


/*-----------------liuyan style--------------*/
#liuyan table{width:98%;}
#liuyan td{line-height:20px;}
#liuyan .L-title{padding:5px; text-align:center; line-height:30px; font-size:14px;}
#liuyan .L-title .look-liuyan{float:right;_margin-top:-30px;*margin-top:-30px;font-size:12px;}
#liuyan .column-name{width:20%; text-align:right; padding:5px 10px;}
#liuyan input{margin:2px 0px; font-size:14px;}
#liuyan .yanzheng_font{font-size:15px; color:#fff; padding:2px; background:#09F; margin:0px 20px; letter-spacing:5px;}

/*-----------------liuyan list style--------------*/

#liuyan-list{width:98%; margin:5px auto;}
#liuyan-list .liuyan-table{width:98%; border:#09F 0px solid; border-collapse:1px; background:#ccc; margin:20px 0px 0px 0px}
#liuyan-list .liuyan-table td{background:#fff; padding:2px 5px;}
#liuyan-list .liuyan-table .column-name{background:#ddd; width:10%; text-align:center;}
#liuyan-list .liuyan-pagenumber{text-align:right; padding:10px 15px;}







/*---------------------------- footer ----------------------------*/
#footer {background:#F2F2F2;padding:10px;text-align:center;color:#666;margin-top:3px;}
#footer a{color:#666;font-size:13px;vertical-align:middle;}
#footer a:hover,a:visited{color:#666;}








/*---------------------------- main----------------------------*/
#main{height:100%;margin-top:10px;}
#main .m_l{width:240px;float:left;height:100%;overflow:hidden;}
#main .m_r{width:730px;float:right;height:100%;overflow:hidden;}


.box1_margin{margin-top:7px;}
.box1{border:1px solid #CCCCCC;padding-bottom:10px;background:#EBEBEB url('../images/box1_m.gif') top left repeat-x;}
.box1 .box1_t{background:url('../images/box1_t.gif') no-repeat;color:#CC3333;height:41px; position:relative;}
.box1 .box1_t h3{ position:absolute;top:6px;padding-left:10px;}
.box1 .box1_m{line-height:24px;overflow:hidden;color:#666666;padding:0px 10px;}
.box1 .box1_m_height{height:150px;overflow:hidden;}
.more{background:url('../images/more.gif') right center no-repeat;float:right;height:30px;line-height:30px;width:30px;margin-right:10px;}
.more a{ display:block;width:30px;height:30px; white-space:nowrap; text-indent:-100px;overflow:hidden;}
.more a:hover{background:url('../images/more_h.gif') right center no-repeat;}


.box20{padding-bottom:10px;background:#EBEBEB url('../images/box1_m.gif') top left repeat-x;}
.box20 .box1_t{background:url('../images/box1_t.gif') no-repeat;color:#CC3333;height:41px; position:relative;}
.box20 .box1_t h3{ position:absolute;top:6px;padding-left:10px;}
.box20 .box1_m{line-height:24px;overflow:hidden;color:#666666;padding:0px 10px;}
.box20 .box1_m_height{height:150px;overflow:hidden;}
.more{background:url('../images/more.gif') right center no-repeat;float:right;height:30px;line-height:30px;width:30px;margin-right:10px;}
.more a{ display:block;width:30px;height:30px; white-space:nowrap; text-indent:-100px;overflow:hidden;}
.more a:hover{background:url('../images/more_h.gif') right center no-repeat;}







#n_main{margin-top:10px;}
#n_main .n_l{float:left;width:210px;}


/*---------------------------- 内页左侧的类表样式----------------------------*/
.box2{border:1px solid #ccc;padding:2px;padding-bottom:0px;}
.box2 .box2_t{height:31px;line-height:31px;color:#fff;padding-left:20px;background:url('../images/box2_t.gif')  repeat-x;}
.box2 .box2_t h3{background:url('../images/ico5.gif') left center  no-repeat;padding-left:18px;}
.box2 .box2_m{background:#fff url('../images/box2_bg.gif') bottom left repeat-x;}


/*---------------------------- 内页左侧联系我们----------------------------*/
.box3{margin-top:10px;}
.box3 .box3_t{background:url('../images/ico4.gif') right center no-repeat;margin-right:0px;height:50px;padding-left:0px;color:#CC3333;}
.box3 .box3_t h3{text-align:right;margin-right:60px;padding-top:6px;}
.box3 .box3_m{color:#666;line-height:22px;padding:10px;text-align:left;}



#n_main .n_r{float:right;width:750px;}

/*---------------------------- 内页右侧详细----------------------------*/
.box4{clear:both;border:1px solid #CCCCCC;padding-bottom:10px;background:#EBEBEB url('../images/box1_m.gif') top left repeat-x;}
.box4 .box4_t{background:url('../images/box1_t.gif') no-repeat;color:#CC3333;height:41px; position:relative;}
.box4 .box4_t span{ position:absolute;top:6px;padding-left:10px;}
.box4 .box4_t span a{color:#000;}
.box4 .box4_m{line-height:24px;overflow:hidden;color:#666666;padding:0px 20px; background:#fff;}
.box4 .box4_m_s{padding:20px 0px;padding-left:10px;}






.pro_bid{width:240px;float:left;}


.service{line-height:26px;text-align:left;background: url('../images/kf-bg.gif') 0% 20% no-repeat;font-weight:bold;padding:0px 12px;}
.service a{color:#9D4B08;padding-left:30px;}
.service .taobao{background:url(../images/tao.gif) 0px 0px  no-repeat;height:26px;overflow:hidden;}
.service .qq{background:url(../images/qq.gif) 0px 0px  no-repeat;height:26px;overflow:hidden;}
.service .msn{background:url(../images/msn.gif) 0px 0px  no-repeat;height:26px;overflow:hidden;}




/*---------------------------- 首页的关于我们----------------------------*/


.sort_frame{height:100%;overflow:hidden;margin-top:10px;}
#sort_box{border:1px solid #ccc;width:238px;float:left;display:inline;overflow:hidden;margin-right:4px;margin-bottom:5px;height:320px;background:#F2F2F2; position:relative;}
#sort_box .sort_t{text-align:left;height:55px;line-height:55px;}
#sort_box  h3{padding-left:50px;color:#CC3333;}
#sort_box  h3.sort_ico1{background:url('../images/sort_ico1.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico2{background:url('../images/sort_ico2.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico3{background:url('../images/sort_ico3.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico4{background:url('../images/sort_ico4.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico5{background:url('../images/sort_ico5.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico6{background:url('../images/sort_ico6.gif') 10px center no-repeat;}
#sort_box  h3.sort_ico7{background:url('../images/sort_ico7.gif') 10px center no-repeat;}
#sort_box .big_t{background:url('../images/ico3.gif') 12px center no-repeat;font-size:13px;line-height:21px;}
#sort_box .big_t a{padding-left:24px;color:#666;}
#sort_box .big_t a:hover{ text-decoration:underline;font-weight:bold;}
#sort_box  h3.ico4{background:url('../images/ico4.gif') right center no-repeat;margin-right:10px;height:50px;padding-left:0px;padding-top:6px;}
#sort_box  h3.ico4 p{line-height:20px;text-align:right;padding-left:0px;padding-right:55px;}
#sort_box div.img{text-align:center;overflow:hidden;text-align:center;left:10px;width:220px;height:102px;overflow:hidden; position:absolute;bottom:10px;}
#sort_box div.img img{border:0px solid #ccc;}
#sort_box div.img img:hover{border:1px solid red;}
#sort_box div.contact{padding:10px;color:#666;line-height:20px;padding-left:10px;}
#sort_box .sort_more{height:20px;line-height:30px;background:url('../images/more.gif') right top no-repeat;margin-right:10px;}
#sort_box .sort_more a{width:100%;height:20px;display:block;text-indent:-300px;overflow:hidden; }
#sort_box .sort_more a:hover{background:url('../images/more_h.gif') right top no-repeat;}


.box3{margin-top:10px;}
.box3 .box3_t{background:url('../images/ico4.gif') right center no-repeat;margin-right:0px;height:50px;padding-left:0px;color:#CC3333;}
.box3 .box3_t h3{text-align:right;margin-right:60px;padding-top:6px;}
.box3 .box3_m{color:#666;line-height:22px;padding:10px;text-align:left;}


.big_frame{height:100%;overflow:hidden;margin-top:10px;}
#big_box{border:1px solid #ccc;width:238px;float:left;display:inline;overflow:hidden;margin-right:4px;margin-bottom:5px;height:290px;background:#FAF7F7; position:relative;}
#big_box .big_t{text-align:left;height:55px;line-height:55px;}
#big_box  h3{padding-left:25px;color:#CC3333;background:url('../images/ico7.gif')  10px center no-repeat;}
#big_box  h3 a{color:#C81228;display:block;}
#big_box  h3 a:hover{ text-decoration:underline;font-size:15px;}
#big_box div.img{text-align:center;overflow:hidden;text-align:center;left:10px;width:220px;height:102px;overflow:hidden; position:absolute;bottom:10px;}
#big_box div.img img{border:0px solid #ccc;}
#big_box div.img img:hover{border:1px solid red;}
#big_box .big_more{height:20px;line-height:30px;background:url('../images/more.gif') right top no-repeat;margin-right:10px;margin-top:5px;}
#big_box .big_more a{width:100%;height:20px;display:block;text-indent:-300px;overflow:hidden; }
#big_box .big_more a:hover{background:url('../images/more_h.gif') right top no-repeat;}
#big_box .introduce{padding:0px 10px;line-height:20px;}



/*-----------------productslist style 产品列表页样-----------------*/
.pro_list{width:98%;}
.pro_list ul{overflow:hidden;}
.pro_list ul li{ float:left; width:234px; height:239px}
.pro_list div.pro_show{ margin-bottom:10px;border-right:1px dotted #999;border-bottom:1px dotted #999;}
.pro_list div#pro_show2{ margin-bottom:10px;border-bottom:1px dotted #999;}
.pro_list .frame{}
.pro_list .pro_img{margin:0px; text-align:center;}/*产品图片展示样式*/
.pro_list .pro_name{font-size:13px;text-align:left;height:40px;line-height:20px;background:url('../images/ico8.gif')  2px 8px no-repeat;}/*产品名称样式*/
.pro_list .pro_name a{color:#6c6c6c;DISPLAY:BLOCK;padding-left:15px;}
.pro_list .pro_name a:hover{background:url('../images/ico7	.gif')  2px 8px no-repeat;}
.pro_list .pro_introduce{line-height:18px;font-size:12px;color:#666666;padding: 7px;height:50px;overflow:hidden;}/*产品简介样式*/
.pro_list img{border:1px solid #cccecd;}
.pro_list img:hover{border:1px solid red;}

.container, .container *{margin:0; padding:0;}
.container{ overflow:hidden;position:relative;height:100%;}
.slider{position:absolute; }
.slider li{ list-style:none;display:inline;}
.slider img{ display:block;}
.slider2{width:98000px;}
.slider2 li{float:left;}
.num{ position:absolute; right:300px; bottom:10px;}/*left:5px;top:5px;这四种分别代表序号/缩略图的位置，调整数字大小即可看出效果。*/
.num li{
display:block;

	float: left;
	color: #fff;/*序号字体颜色*/
	text-align: center;
	line-height: 10px;
	width: 10px;/*序号盒子宽度*/
	height: 10px;/*序号盒子高度*/
	cursor: pointer;
	overflow: hidden;
	margin: 0px 5px;/*每个序号之间的间距*/
	border: 0px solid #FF7300;
font-weight:bold;background:url('../images/num.gif') no-repeat;}


.num li.on{
	color: #fff;
	line-height: 10px;
	width: 10px;/*当前序号宽度*/
	height: 10px;/*当前序号高度*/
	font-size: 16px;
	border: 0;
	background:url('../images/num_h.gif') no-repeat;
	/*当前序号盒子背景，背景图，*/
	font-weight: bold;
}




.latestWeb{ width:100%;}
.latestWeb ul{ overflow:hidden; _height:1%;}
.latestWeb li{ float:left;  margin:10px; height:100%; }
.latestWeb  .pro_name{border:1px solid #b9b9b9; background:url('../images/tj_title.gif') repeat-x;color:#454545;text-align:center;font-size:13px;margin-top:10px;height:24px;overflow:hidden;}
.latestWeb  .pro_name a{color:#454545;}
.latestWeb .pro_img{height:100%;}
.latestWeb .pro_img img{border:1px solid #ccc;}

.trans_msg{	filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
div.bodycontent{font-family:Arial, Helvetica, sans-serif;padding:0 10px 10px 13px;color:#555;line-height:22px;text-align:justify;text-justify:inter-ideograph;}
div.bodycontent ul{margin-left:0px}