/* CSS Document */

body{ padding:0; margin:0; font:normal 12px/180% Verdana, Geneva, sans-serif;  background:#245492;}
div,ul,li,dl,dt,p,h1,h2,h3{ padding:0; margin:0; list-style:none;}

img{ border:0;}
.clear{ clear:both;}

a,a:active{ color:#333; text-decoration:none;}
a:hover{ color:#0069b5;}

#head{ overflow:hidden; width:990px; margin:0 auto; padding:0 15px;background:url(../images/topbg.jpg) #fff  top center no-repeat;}
#head h1{ float:left; padding-top:5px;height:90px;}
#head h1 img{ max-height:85px;}
#head .logor{ float:right; margin-right:40px; color:#fff; padding-top:5px;}
#head .logor a{ color:#fff;}
#head .logor a:hover{ color:#ccc;}
#head .menu{ background: url(../images/menubg.jpg) repeat-x; height:40px; overflow:hidden;}
#head .menu ul{}
#head .menu ul li{ float:left; text-align:center; background:url(../images/menu.jpg) top left no-repeat; height:40px; border-right:1px #3366CC solid;}
#head .menu ul li a{ display:block; width:140px;height:40px; line-height:40px; vertical-align:middle; color:#fff; font: bold 14px/36px "΢���ź�";}
#head .menu ul li a:hover{ background: url(../images/menulih.jpg) repeat-x;color:#fff;}

#head .banner{ margin:5px auto 8px;}

#main{ width:990px; margin:0 auto; padding:5px 15px 10px; background:#fff; }
#main .left{ float:left; width:200px;}
#main  .lbt{ background:url(../images/lbtbg.jpg) center repeat-x; height:33px; border:1px #D9D9D9 solid; border-bottom:0; padding-left:8px; line-height:33px; vertical-align:middle; position:relative;}
#main  .lbt b{ font:bold 14px/26px "΢���ź�"; background: url(../images/lbtb.png) no-repeat; display:block; width:100px; float:left; margin-top:7px; color:#fff; text-align:center;}
#main  .lbt span{ position:absolute; top:0; right:5px;}

#main .icon{ border:1px #D9D9D9 solid; border-top:0; margin-bottom:8px; padding:8px; 10px;}
#main .icon p{ margin-bottom:10px;}
#main .left .lul li{ border-bottom:1px #ccc dotted; height:40px; }
#main .left .lul li a{ display:block; height:40px;line-height:40px; vertical-align: middle; padding-left:25px; background:url(../images/ico1.jpg) left center no-repeat; width:150px; margin:0 auto;}
#main .left .ilx{ line-height:30px;}

#main .iright{ width:770px; float:right;  }
#main .iright .rbt{ background:url(../images/rbtbg.jpg) no-repeat; height:33px; position:relative; padding-left:15px;}
#main .iright .rbt b{ height:33px; line-height:33px; vertical-align:middle; color:#fff; font:bold 14px/33px "΢���ź�";  }
#main .iright .rbt span{ position:absolute; top:5px; right:8px;}

#main .iright .iab img{ border:1px #D9D9D9 solid; padding:1px; float:left; margin-right:10px; width:240px;}

#main .iright .ipro li{ width:164px; height:175px; float:left; margin:0 11px; text-align:center;}
#main .iright .ipro li img{ width:160px; height:130px; border:1px #bdc0cf solid; padding:5px; margin-bottom:2px; }
#main .iright .ipro li a:hover img{ border-color:#517197;}

#main .iright .inews{ width:380px; float:left;}
#main .iright .inews li{ list-style:inside square; border-bottom:1px #ccc dotted; position:relative; height:30px; line-height:30px; vertical-align:middle; padding-left:5px;}
#main .iright .inews li span{ position:absolute; top:0px; right:5px;}
#main .iright .mr10{ margin-right:10px;}

#main .link{ background:#0069b5; line-height:30px; vertical-align:middle;color:#fff; padding-left:10px; }
#main .link a{ color:#fff;}
#main .link a:hover{ color:#CCCCCC;}

#foot{ background:url(../images/footbg.jpg) #18407b repeat-x; text-align:center; width:1020px; padding:20px 0 10px; margin:0 auto;color:#fff;}
#foot a{ color:#fff;}
#foot a:hover{ color:#ccc;}

/*����css��ʽ */
#scroll { width:720px; overflow:hidden; margin:0 auto;}
#scroll_box {float: left;width: 800%;}
#scroll_begin {float: left;}
#scroll_end {float: left;}
.iproduct{ margin:0px 0;}
.iproduct .cn{ float:left}
.iproduct .ih1{  padding:1px; width:150px; height:120px; margin:5px;}
.iproduct .ih1 a{ display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;}
.iproduct .ih1 img{ vertical-align:middle; padding:1px;}
.iproduct .ih1 a img{ border:1px #ccc solid;}
.iproduct .ih1 a:hover img{ border-color:#2398CE;}

.iproduct span{ display:block; text-align:center; padding-bottom:10px;}
.iproduct td{ text-align:center;}
/*����css��ʽ end*/

/**�����б�**/
.news_list{ padding:10px;}
.news_list li { line-height:30px; height:30px; vertical-align:middle; border-bottom:1px #CCCCCC dotted; list-style:inside square; position:relative;}
.news_list li span{ position:absolute; top:5px; right:10px;}
.pages{ padding:20px 0 10px; text-align:center }

.icon h2{ font-size:20px; font-weight:bold; text-align:center; padding:0px 0 10px; font-family:"΢���ź�"; color:#333; margin:10px auto;}
.fbt{ border:1px #ccc solid; background:#F6F6F6; height:25px; line-height:25px; vertical-align:middle; color:#333; text-align:center; font-size:12px; margin-bottom:10px; }
.fbt a{ color:#003300;}
.projs{ font-weight:bold; font-size:12px; color:#003399; border:1px #666 solid; padding:5px; line-height:30px;height:30px; vertical-align:middle; }

/**��Ʒ�б�**/
.product_list{ width:170px; float:left; margin:0 8px;height:160px;}
.product_list li{ width:170px; text-align:center;}
.product_list li img { width:164px; height:120px; border:1px #DFDFDF solid; padding:1px;}
.product_list li a:hover img{ border-color:#06C;}

.proconimg{ text-align:center}
.proconimg a img{ width:550px; min-width:300px; max-width:550px; border:8px #E4E4E4 solid; padding:5px; }


.nproduct{ background:url(../images/lbtbg.png) repeat-x;border:1px #E1E1E1 solid; border-left:5px #005CAC solid; padding-left:10px; height:27px; line-height:27px; vertical-align:middle; font-weight:bold; margin:20px 0 10px; }
/*gbook*/
#faqbox { padding:20px 20px 20px 50px;}
.submit{ width:10em; margin:0 auto 2em;text-align:center;display:block; color:#fff; font:bold 1.2em/3em "΢���ź�";background:#0176c5; border:0; padding:0 1em}
.submit:hover{color:#FFF; background:#017fcc;}
.faqtit{ width:6em; float:left; display:block;}
.faqline{ margin-bottom:5px;}

#gbooklist{ margin-top:1em;}
#gbooklist .faq{ border:3px #ccc solid; margin-bottom:1em; padding:1em; position:relative;}
#gbooklist .faq .faqtime{ position:absolute; top:0; right:0; background:#ccc; font: normal 1em/2em "΢���ź�"; color:#333; padding:0.2em 0.5em;}
#gbooklist .faq:hover{ background:#F0F0F0; border-color:#016cba;}
#gbooklist .faq .faqzw{ font:bold 1.2em/1.5em "΢���ź�"; color:#016cba;}

.slideBox{ width:990px; height:320px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:990px; height:320px; 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;  }