@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0 auto;padding:0;}
/*bg图若固定大小div使用百分比（height：100%；width：100%）全网页兼div处于网页的居中,适用于html5+css3 */
img { border: 0 none; vertical-align: top; } /*可以写border: none; 但是写 input 的时候，要边框没有的时候还是要写 border: 0 none;*/
/* 列表样式 */
ul, li { list-style-type: none; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
p, li, div { line-height: 22px; font-size:12px; font-family:"微软雅黑";}
.hidden { display: none; }
/* 图片样式 */
img, a img { border: 0px; padding: 0px; margin: 0px; vertical-align: middle; }
.break { word-break: break-all;  /* 只对英文起作用，以字母作为换行依据 */ word-wrap: break-word;  /* 只对英文起作用，以单词作为换行依据 */ white-space: pre-wrap;  /* 只对中文起作用，强制换行 */ }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; zoom: 1; }/* 清浮动 */ 
h1, h2, h3, h4, h5{ font:"微软雅黑"; font-size:16px;}
span{ font-family:"微软雅黑"; font-size:14px;}

html,body{ width:100%; margin:0; padding:0;}

.tbody{width:100%; height:auto; padding:0; margin:0; overflow:hidden;}
.top{ height:35px; background:#333; color:#cccccc;}
.top_box{ width:1024px; height:35px; padding-top:5px;}
.top_box img{ vertical-align:middle;}
.top_box span{ display:block; float:left;}
.attention{ float:right;}
.attention li{ float:left; margin-left:10px;}
.attention li a{ text-decoration:none; color:#fff; }
.attention li a:hover{ color:#92d3ee;  }



.banner_box{ height:535px; background:#fff;}
.banner{ height:485px;}
		/* banner/css */
		*{margin:0; padding:0; list-style:none; }
		a{ text-decoration:none; color:#333;  }

		/* 本例子css */
		.slideBox{ width:100%; height:485px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .bd img{ width:100%; height:485px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }



.nav_01{ position:absolute;left:0px; top:35px; height:80px; background:url(../images/bg.gif); width:100%;}
.t_nav{ width:1024px; height:80px; margin:0 auto;}
.t_nav img{  float:left; margin-top:8px;*margin-top:0;*top:8px;}

		/* css 重置 */
		a{ text-decoration:none; color:#333;  }
		a:hover{ color:#25a8de;  }


		/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		#nav{ margin-top:45px; margin-left:10px; }
		.nav{ height:34px; line-height:34px; background:#92d3ee;  position:relative; z-index:1; width:571px; float:right; text-align:center;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline; width:80px;  }
		.nav .nLi h3{ float:left; padding-left:20px;}
		.nav .nLi h3 a{ display:block; font-size:14px; font-weight:bold;  }
		.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#92d3ee;  line-height:26px; padding:5px 0;  }
		.nav .sub li{ zoom:1; }
		.nav .sub a{ display:block; padding:0 10px; }
		.nav .sub a:hover{ background:#25a8de; color:#fff;  }
		.nav .on h3 a{ color:#0b688e;   }



.banner_search{height:50px; background:url(../images/s_bg.png);}
.search_t{ width:1024px; padding-top:1px;}
.Key_word{ margin-top:15px;}
.kw{font-size:14px; font-weight:bold;}
.Key_word li{ float:left; margin-left:15px;}
.Key_word li a{ text-decoration:none;}
.Key_word li a:hover{ color:#92d3ee;  }

.search{ float:right;}
.search li{ float:left;}
.searchtext{ height:18px;}
.searchbtn{ background:url(../images/search.png); width:34px; height:23px; border:none;}



.middle{ height:auto; clear:both;}
.t_middle{ height:auto; width:1024px; background:#FFF; margin-top:40px;}
.blank_1{ height:30px; width:100%;}

.middle_left{ width:230px; height:auto; float:left;}
/*竖形导航01/css*/
.vertmenu {font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:10px;font-size: 100%;width: 215px;height:auto;padding: 0px;background:#fff; border:#e5e5e5 1px solid;  margin-top:0px;}
.vertmenu .hd { background:#4a4a4a repeat; height:50px; overflow:hidden; color:#FFF; padding-top:20px;}
.vertmenu img{ width:39px; height:39px; float:left; padding-left:20px; margin-right:10px;}
.vertmenu .hd ul { display:inline; width:218px;text-align:center; border-top:20px; text-align:left;}

.vertmenu .bd{}
.vertmenu .bd ul ul{ display:none;}
.vertmenu .bd .h{ font-size:14px; padding-left:10px; cursor:pointer; line-height:40px; background:#F2F2F2; 
	color:#444; border-bottom:#ddd solid 1px;}
.vertmenu .bd .h a{ display:block;}
.vertmenu .bd .hh{ font-size:12px; font-weight:normal; cursor:pointer;}
.vertmenu .bd .sub{ display:none;}
.vertmenu .bd .sub li{ padding-left:30px; line-height:30px; font-size:12px;}
.vertmenu .bd_index{text-align:center;}
.vertmenu .bd_index a{ display:block; background:#F2F2F2; line-height:40px; font-size:14px; border-bottom:#CCC dashed 1px;}

#menu { width:200px; margin:auto;}
 #menu h1 { font-size:16px;margin-top:1px;}
 #menu h2 { font-size:14px; border-top-color:#FFF;}
 #menu ul { padding-left:15px; height:100px; border-top:none;overflow:hidden;}
 #menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
 #menu a:hover{ color:#fff; background:#25a8de;}
 #menu .no {display:none;}
 #menu .h1 a{color:#fff; background:#92d3ee;}
 #menu .h2 a{color:#92d3ee;}
 #menu  h1 a{color:#4a4a4a;}
 
 
 
 
k_2{ width:100%; height:15px;}
.contact{ width:215px; height:auto; background:#666; color:#FFF;}
.contact ul{ width:180px; padding:10px 0;}
.contact li{ line-height:25px; margin-right:-10px;}



.middle_right{ width:794px; height:auto; float:left;*width:760px;}
.middle_right h3, h1{ color:#25a8de;}
.middle_right p{ color:#4a4a4a;}
.middle_right .content{ padding:0 22px; line-height:28px;}
.middle_right .content font{ line-height:28px;}

.m_r_top{ width:100%; height:270px;}
.introduction{ width:397px; height:auto; float:left; *width:380px;}
.i_t{ height:30px; margin-left:20px; text-align:justify;}
.i_t li{ float:left;}
.li_01{ margin-left:150px;}
.hr0{ width:360px; height:1px;border:none;border-top:1px dashed #e5e5e5;}
.i_b{ width:360px;}
.news{width:397px; height:auto; float:left;*float:right; *width:380px;}
.news .li_01{ margin-left:200px;display:inline;}
.news img{ float:left;}
.news_uu{ margin-left:130px;display:inline;}

.m_r_bottom{ width:100%; height:350px;}
.hot{ width:743px; height:35px; border:1px solid #e5e5e5;}
.bule{ background:#25a8de; height:35px; width:147px; float:left; color:#fff; text-align:center; line-height:35px;}
.hot span{ float:right; line-height:35px;}
.hot_b{ width:743px; overflow:hidden; position:relative; margin-top:60px;}
.hot_b .bd ul{ overflow:hidden; zoom:1; }
.hot_b .bd ul li{ padding-top:5px;float:left; _display:inline; overflow:hidden; margin-right:25px;/*整个滚动的大小*/ text-align:center;  }
.hot_b .bd ul li .pic{ text-align:center; }
.hot_b .bd ul li .pic img{ width:224px; height:223px; display:block; padding:2px; border:1px solid #ccc; }
.hot_b .bd ul li .pic a:hover img{ border-color:#999;  }
.hot_b .bd ul li .title{ line-height:24px;   }




.bottom{ height:80px; background:#333; padding-bottom:5px;}
.bottom ul{ color:#FFF; padding-top:10px;}
.bottom li{ text-align:center; line-height:28px;}
.bottom li a{ color:#FFF; padding:0 15px;}

/*introduction*/
.banner_box01{ height:270px; background:#fff;}
.banner01{ height:270px;}
		/* banner/css */
		*{margin:0; padding:0; list-style:none; }
		a{ text-decoration:none; color:#333;  }

		/* 本例子css */
		.slideBox01{ width:100%; height:270px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox01 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox01 .bd img{ width:100%; height:485px; display:block;  }


.i_i01{ height:30px; width:770px; margin-right:0;}
.i_i01 li{ float:left;}
.i_i01 ul{ margin-bottom:5px;}
li.li_011{ font-size:12px; float:right;}
.hr01{ width:100%; height:1px;border:none;border-top:1px solid #ccc; clear:both;}

.i_b{ width:360px;}
.i_i02{ width:750px;}
.i_i03{ width:673px;}
.i_i04{ width:750px;}
.i_i05{ width:100%; height:150px;}
.i_i05 li{ float:left; margin-left:40px; display:inline;}


/*new*/
.li_02{ margin-left:440px; *margin-left:280px;}
/*新闻列表样式02*/
.shownews { width: 90%; height: 50px; margin: 0 auto; border-bottom: 1px dotted #7a7677; }
.shownews .show-top { width: 100%; padding-top: 20px; }
.shownews .show-tit { float: left; color: #000; font-size: 16px }
.shownews span { float: right; color: #7a7677; }
/*pages*/
.pages { PADDING-LEFT: 3px; PADDING-BOTTOM:20px; PADDING-TOP:10px; TEXT-ALIGN: center}
.pages A { padding:2px 5px; border:1px solid #ccc; margin-right:5px; background:url(../images/image2.gif); color:#333;}
.pages A:hover{ border:1px solid #ccc; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#928f8f;}
.pages A:active{ border:1px solid #ccc; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#fff;}
.pages SPAN.current{ padding:2px 5px; border:1px solid #ccc; margin-right:5px; background:url(../images/image1.gif); color:#900000;}


/*产品展示*/
.az_cp_r_list{ width:740px; margin-left:30px;*margin-left:15px;}
.az_cp_r_list .list ul{ width:740px; margin:20px 0px;}
.az_cp_r_list .list ul li{ width:170px; height:200px; float:left; margin-right:15px;}
.az_cp_r_list .list ul li .pic{ width:170px; height:155px; positionrelative;}
.az_cp_r_list .list ul li .pic img{ width:170px; height:155px;}
.az_cp_r_list .list ul li .pic .blank{	width: 169px;
	height: 156px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
}
.az_cp_r_list .list ul li .text{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#666; height:50px;}
.az_cp_r_list .list ul li .text p{ margin:0px; padding:0px; height:22px; line-height:22px;}
/*pagea*/
.pagea { PADDING-LEFT: 3px; PADDING-BOTTOM:20px; PADDING-TOP:10px; TEXT-ALIGN: center; width:100%;}
.pagea A { padding:2px 5px; border:1px solid #ccc; margin-right:5px; background:url(../images/image2.gif); color:#333;}
.pagea A:hover{ border:1px solid #ccc; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#928f8f;}
.pagea A:active{ border:1px solid #ccc; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#fff;}
.pagea span.current{ padding:2px 5px; border:1px solid #ccc; margin-right:5px; background:url(../images/image1.gif); color:#900000;}


/*box_withpage_txt*/
.box_withpage_txt{ width:750px;}
.products_top{ background:url(../images/cz_bg.png) repeat-x; width:750px; height:320px;}
.cz{ width:440px; float:left; margin-top:30px;}
.nr{ width:310px; float:right; margin-top:30px;}
.products_bottom{ padding-top:50px;}


/*table*/
.tb{clear: both; border: 1px solid #c9dae4;}
.tb tr th{color: #0d487b;background: #f2f4f8 url(../CSS/Table/images/sj_title_pp.jpg) repeat-x left bottom;line-height: 28px;border-bottom: 1px solid #9cb6cf;border-top: 1px solid #e9edf3;font-weight: normal;text-shadow: #e6ecf3 1px 1px 0px; padding-left: 5px; padding-right: 5px;}
.tb tr td{ padding-bottom: 5px;padding-top: 5px;color: #444;border-top: 1px solid #FFFFFF;padding-left: 5px;padding-right: 5px; word-break: break-all; }
.tb_bg1{ background:#f4fbfd;}


/* 产品页分类 */
.proClass{ margin:10px; line-height:26px; clear:both;}
.proClass dl{ clear:both; display:block; border-bottom:#ddd dashed 1px;}
.proClass dt{ display:inline-block; padding:0 6px; font-weight:bold; float:left; width:100px; margin:4px 0;}
.proClass dd{ float:left; display:inline-block;  margin:4px 0; margin-right:10px;}

/* 新闻详细页 */
.newsshow{ padding-left:20px;}
.newsshow h4{ text-align:center; border-bottom:#eee dashed 1px; line-height:40px;}
.newsshow .time{ text-align:center;}