@charset "utf-8";
/* CSS Document */

/*整体布局*/
body{ background:#D8F1FF url(images/bodybg.gif) repeat-x left top; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.f_l{ float:left;}
.f_r{ float:right;}
.clear{ clear:both;}
.blank10{ clear:both; height:10px;}
ul,li{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a:link,a:visited{ color:#666; text-decoration:none;}
a:hover{ color: #000;}
#wrap{ width:984px; margin-left:auto; margin-right:auto; position:relative;  background:url(images/wrapbg.gif) repeat-y;}
#wrap .wrapleft{ width:4px; position:absolute; left:0; top:17px; background:url(images/bodyleftbg.gif) no-repeat  left -17px; height:683px; }
#wrap .wrapright{ width:4px; position:absolute; right:0; top:17px; background:url(images/bodyrtbg.gif) right -17px no-repeat ; height:683px;}

#footer{ background:url(images/foot.gif) no-repeat; width:984px; height:7px; margin:auto; margin-bottom:20px;}
#headtop{ background:url(images/headTop.gif) no-repeat; width:984px; height:17px; }
.contents{ width:964px; margin-left:auto; margin-right:auto; background:#FEFEFF; border:#000 solid 0px;}


/*头部*/
#Head{ background:url(images/headbg.gif) repeat-x;}
.banner{ width:964px; height:199px; background:url(images/banner.gif) no-repeat;}
.banner2{ width:964px; height:200px; background:url(images/banner2.jpg) no-repeat;}
.banner3{ width:964px; height:200px; background:url(images/banner3.jpg) no-repeat;}
.banner4{ width:964px; height:200px; background:url(images/banner4.jpg) no-repeat;}
.banner5{ width:964px; height:200px; background:url(images/banner5.jpg) no-repeat;}

.toplink{ float:right; color:#999; padding-top:10px;}
.logo{ float:left;}
.toplink a{ color:#999; margin:0 5px;}
.menu{ background:url(images/menusbg.gif) no-repeat; width:964px; height:31px; line-height:31px; clear:both;}
.menu ul{ padding-left:20px;}
.menu ul li{ float:left;}
.menu ul li a{ color:#FFF; font-size:14px; font-weight:bold; display:block; width:115px; text-align:center}
.menu ul li a:hover{ background:url(images/menucurbg.gif) no-repeat; color:#007FD4;}
.menu ul li.Barrier{ width:2px; float:left; background:url(images/menu2.gif) no-repeat; height:27px;}

/*Middle*/
#Middle{ padding-top:10px;}
.MiddleLeft{ width:180px; border:#B3D7F9 solid 1px; padding-bottom:50px; padding-top:0;}
.MiddleLeft ul{ padding:0; margin:0;}
.MiddleLeft li{ border-bottom:#B3D7F9 dotted 1px; margin:0 10px;}
.MiddleLeft li a{ background:url(images/xjt.gif) no-repeat 10px; padding-left:35px; line-height:25px; display:block; color:#106DAC; font-weight:bold;}
.MiddleLeft li:hover{ background:#E7F4FB;}
.MiddleLeft li.MiddleLeftTi{ background:url(images/lefttibg.gif) repeat-x; height:27px; line-height:27px; font-size:14px; font-weight:bold; color:#FFF; text-indent:25px; border:0; margin:0 0 5px 0; padding:0; }
.MiddleLeft li.MiddleLeftTi h4{ background:url(images/leftti.gif) no-repeat; height:27px; font-size:14px; padding:0; margin:0;}


/*MiddleRight*/
.MiddleRight{ width:756px; text-align:left; border:#063 solid 0px;}
.RightTi{ border-bottom:#178EC7 solid 1px; text-align:left; height:25px; line-height:25px;}
.RightTi h3{ font-size:14px; color:#007FD4; background:url(images/jiantou.gif) no-repeat left 5px; text-indent:20px;border-bottom:#178EC7 solid 2px; height:24px; margin:0;}
.RightContent{ line-height:150%; padding:10px 0 0 0; color:#333; }<!--color:#106DAC;-->

/*Product Style*/
.productBox{ margin:0px 5px; background:#fff; overflow:auto; height:100%;}
.productList{}
.productList li{text-align: center; padding:10px 0px; float: left;  width:25%; margin-left:-1px; height:100%; overflow:auto;}
.productList li img{width:120px; height:120px;}
.productList li a{ display:inline-block;padding:5px 12px; color:#3c4360;}
.productList li a:hover{ color:red; background: #F9F9F9;}

.productTitle{ height:28px; line-height:28px; font-size:12px; padding-left:25px; text-align:center;border-bottom:1px solid #F9F9F9;}
.productImg{ text-align:center; padding:15px;}
.productImg img{ width:600px;}
.productDesc{ line-height:180%; margin:10px auto 20px auto;}
/**/

/*Article style*/
	.articleBox{width:98%;}
	.articleList{ padding:6px 6px 15px 6px;}
	.articleList li{padding:3px 0px 3px 10px; border-bottom:1px dashed #dbdbdb; background:url(../images/coin.gif) 0px 50% no-repeat;}
	.articleList li.img_Txt{ border-bottom:none; width:98%; background:none; padding:5px 0px 8px;}
	.articleList li.img_Txt img{ width:115px; height:85px; margin:5px; float:left;}
	.articleList2{ padding:10px 25px;}
	.articleList2 li{padding:1px 0px;}
	.articleList2 li a{ display: inline-block;}
	.noInfo{ margin:10px auto; text-align:center;}
	.time{ float:right;}
	.articleTitle{ font-weight:bold; font-size:14px; text-align:center; padding-top:15px;}
	.articleAuthor{ text-align:center; padding:10px 0px;}
	.articleAuthor span{ margin:0px 6px; font-size:9pt;}
	.articleInfo{ line-height:180%; padding:10px 20px;border-top:0px solid #ccc;border-bottom:1px solid #ccc;}
	.pageUpDown{ padding-top:10px; font-size:9pt; text-align: left;}
	/*end*/

/*Bottom*/
#Bottom{ background:url(images/bottom.gif) repeat-x; height:54px; margin-bottom:5px; color:#999; text-align:center; padding-top:20px;}

/*Link*/
.link{ margin:0; padding:0;}
.Link h3{font-size:14px; color:#007FD4; background:url(images/jiantou.gif) no-repeat left 5px; text-indent:20px;border-bottom:#178EC7 solid 1px; height:24px; margin:0;}
.Link ul{ margin:0; padding:5px 0 0 0;}
.Link ul li{ float:left; width:85px; height:45px;}
.Link ul li img{ width:80px; height:40px; border:none;}

/*Contact*/
.contanta{background:#4484B8; height:105px; padding:10px; color:#ffffff;}
.contanta img{float:left; margin:0 10px 0 0; border:#FFF solid 1px;}
.contanta a{ color: #CCC;}
.contanta a:hover{ color: #fff;}
.contantb{ background:#f4f4f4; padding:10px; margin-top:10px;}
.contantb h3{ font-size:14px; color:#007FD4; background:url(images/jiantou.gif) no-repeat left 5px; text-indent:20px;border-bottom:#178EC7 solid 1px; height:24px; margin:0; float:left; margin-bottom:5px; padding-right:10px;}