﻿
/* 全局公用CSS属性 */
@import url("module.css");
@charset "utf-8";

* { margin:0; padding:0;}
body { font-size:12px;  color:#333; font-family:"宋体";}
img { border-style:none;}
ul,li { list-style:none; margin:0; padding:0;}
a:link, a:active , a:visited { color:#333333; text-decoration:none; outline-style:none;}
a:hover { color:#cc3300;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text-align:left;}
th,td {border-collapse:collapse;}
input,select,form img,button { vertical-align:middle;}
button { border:0; cursor:pointer;}
img { border:0; margin:0; padding:0}
em {font-style:normal;}
.clear{ clear:both;}

#nav { background:#F7F7F7; border-bottom:1px solid #E8E8E8; height:28px; width:100%; margin:0 auto; }
#nav ul { padding: 7px 0; }
#nav li { float:left; margin-left:10px;}
#nav  h1 { float:left;}
#nav .log { float:left; width:250px}
#nav .sj { float:right; width:600px}

#wrap { width:950px; margin:10px auto; }
#wrap .header {background:url(se_bg.gif) repeat-x; clear:both}
#wrap .header h1 { float:left;}
#wrap .header .banner {  width:440px; height:68px; float:left; margin:5px 5px 0 10px;}
#wrap .header .banner img { border:1px solid #58A5DD;}
#wrap .header .navmenu{ width:230px; float:right; margin:5px;}
#wrap .header .navmenu li{ float:left; width:70px; height:17px; background:url(menu_bg.gif); margin-left:5px; text-align:center; padding-top:5px;}
#wrap .header .navmenu p { color:#FF0000;  background:url(news.gif) no-repeat left 14px; padding:15px 20px; clear:both; height:20px}

#wrap .header .menu {clear:both; padding-left:20px}
#wrap .header .menu li { width:74px; height:23px; background:url(b_2.gif) no-repeat; float:left; margin-left:3px; text-align:center; font-size:14px; padding-top:5px; position:relative; left:0; bottom:-1px; z-index:1;}
#wrap .header .menu li.at { background:url(b_1.gif) no-repeat; font-weight:bold; z-index:1; }
#wrap .header .menu li.at a { color:#FFFFFF; }
#wrap .header .menu li.at a:hover { color:#FFFFFF;}
#wrap .header .menu .tex { width:240px; float:right; text-align:right; margin-right:10px; padding-top:5px;}
#wrap .header .search { height:52px; clear:both;background:url(s_bg.gif) repeat-x; padding-top:8px; text-align:center}
#wrap .header .search input { background:#fff; border:1px solid #4294D0; padding-top:3px; height:17px;}
#wrap .header .search button{ background:url(b-3.gif) no-repeat; margin-left:5px; width:77px; height: 21px;}
#wrap .header .search p{ padding-top:5px;}
#wrap .header .search p a{ color:#FFFFFF;}
#wrap .header .search p a:hover{ color:#FFFFFF;}

#wrap .banner1 { clear:both; margin-top:5px;}
#wrap .content { clear:both;}
#wrap .content .l_side{ width:205px; float:left; margin-bottom:5px;}
#wrap .content .l_side .gg { border:1px solid #8BBEDB; margin-top:5px;} 
#wrap .content .l_side .gg .title { background:url(gg_bg.gif) no-repeat; height:27px; margin-bottom:5px;} 
#wrap .content .l_side .gg .title h2 { font-size:14px; float:left; padding:8px 0 0 40px;}
#wrap .content .l_side .gg .title span { float:right; color:#fff; padding:8px 10px 0;}
#wrap .content .l_side .gg .title span a:link { color:#FFFFFF;}
#wrap .content .l_side .gg .sz{ clear:both; background:url(sz.gif) no-repeat left; margin-left:5px;}
#wrap .content .l_side .gg .sz li{ line-height:22px; padding-left:25px;}
#wrap .content .l_side .gg dd { margin-left:10px;}
#wrap .content .l_side .gg dd img { border:1px solid #ccc; padding:2px; }

#wrap .content .r_side { float:right; width:735px; margin:5px 0 0 5px;}
#wrap .content .r_side .hd_banner { width:463px; height:215px; text-align:right; background:#EBF8FF; border:3px solid #ADD9F6; float:left; margin-bottom:5px;} 
#wrap .content .r_side .loginbar { float:right; width:259px; margin-bottom:5px;}
#wrap .content .r_side .login {  background:url(log_bg.gif) repeat-x; border:1px solid #B1DBF1; padding-top:10px}
#wrap .content .r_side .loginbar .login table{ margin-bottom:5px;}
#wrap .content .r_side .loginbar .login table td{ height:30px;}
#wrap .content .r_side .loginbar input { background:#fff; border:1px solid #95C9F0; padding-top:3px; height:17px;}
#wrap .content .r_side .loginbar button{ background:url(dl_but.gif) no-repeat; margin-left:5px; width:70px; height: 22px; border:0px;}
#wrap .content .r_side .loginbar .dl_an{ margin:0px auto; background:url(line.gif) no-repeat top; padding:10px 0; width:95%}
#wrap .content .r_side .loginbar .bt1{ background:url(s_1.gif) no-repeat; width:107px; height: 25px; font-weight:bold; border:0px; margin:0 0 5px 10px; padding-left:5px; color:#1B6499;}
#wrap .content .r_side .loginbar .bt2{ background:url(s_2.gif) no-repeat; width:107px; height: 25px; font-weight:bold; border:0px; margin:0 0 5px 10px; padding-left:5px; color:#1B6499;}
#wrap .content .r_side .loginbar .bt3{ background:url(s_3.gif) no-repeat; width:107px; height: 25px; font-weight:bold; border:0px;margin:0 0 0px 10px; padding-left:5px; color:#1B6499;}
#wrap .content .r_side .loginbar .bt4{ background:url(s_4.gif) no-repeat; width:107px; height: 25px; font-weight:bold; border:0px;margin:0 0 0px 10px; padding-left:5px; color:#1B6499;}
#wrap .content .r_side .loginbar .ban3{ width:259px; height:65px; margin-top:5px;}

.info {	border: #e3e3e3 1px solid; height:36px;  width: 735px; clear:both;}
.infoTit { background: url(infoBg.jpg) repeat-x; float: left; width: 117px; height: 36px;}
.infoBtn { background: url(infoBg.jpg) repeat-x; float: left; width: 117px; height: 36px; border-left: #e0e0e0 1px solid;}
.infoTit LI { padding-top: 4px; height: 14px; text-align: center;}
.infoBtn A { display: block;  margin: 0px auto; width: 82px; color: #cd0000; line-height: 15px; height: 15px;}
.infoBtn A:hover { color:#f00;}
.infoBtn LI { padding-top: 2px; height: 16px; text-align: center;}
.infoCon { padding: 0 13px 0 13px; float: left; width: 473px;}
.infoCon LI { text-align: left;}
.infoCon LI { float: left; padding-top: 4px; height: 14px; text-align: center;}
.infoCon LI.else { overflow: hidden; width:210px; text-align: left;}
.green { color: #7b9100;}
a.green { color: #7b9100;}
a.green:hover {	color: #7b9100;}
.red{ color:#cc3300;}
a.red{ color:#cc3300;}
a.hover{ color:#cc3300;}
.blue { color: #2F80B8;}
a.blue { color: #2F80B8;}
a.blue:hover { color: #2F80B8;}

#wrap .content .r_side .con{ clear:both;  margin-top:5px;}
#wrap .content .r_side .con .supply{ float:left; width:230px; background:#F7FAFF; border:1px solid #8ABDDA;}
#wrap .content .r_side .con .supply .title{ height:28px; background:url(gy_bg.gif);}
#wrap .content .r_side .con .supply .title h2{ float:left; font-size:14px; font-weight:bold; padding:7px 0 0 25px; color:#fff;}
#wrap .content .r_side .con .supply .title span{ float:right; padding:7px 10px 0 0 ;}
#wrap .content .r_side .con .supply .title span a:link{ color:#fff;}
#wrap .content .r_side .con .supply li{ line-height:23px;}

#wrap .content .r_side .con .joinus{ border:1px solid #8ABDDA; width:258px; float:right;}
#wrap .content .r_side .con .joinus .title{ height:28px; background:url(jm_bg.gif);}
#wrap .content .r_side .con .joinus .title h2{ float:left; font-size:14px; font-weight:bold; color:#333; padding:8px 0 0 40px;}
#wrap .content .r_side .con .joinus .title span{ float:right; color: #fff; padding:8px 10px 0 0;}
#wrap .content .r_side .con .joinus .title span a:link{ color:#fff;}
#wrap .content .r_side .con .joinus dl{ margin-left:10px;}
#wrap .content .r_side .con .joinus dd{ float:left; text-align:center; padding:5px 5px 2px 5px;}
#wrap .content .r_side .con .joinus dl img{ width:100px; height:40px; border:1px solid #ccc; padding:2px;}
#wrap .content .r_side .con .joinus li{ line-height:23px;}

#wrap .c_ban{ clear:both;}
#wrap .c_ban img{ border:1px solid #ccc; padding:2px;}

#scrollWrap { width:680px; height: 130px;  overflow: hidden; } 
#scrollMsg {  float: left;  padding:0 5px;}

#wrap #content2{ clear:both;}
#wrap #content2 .l_side{ float:left; width:680px;}
#wrap #content2 .l_side .categories{ border:1px solid #89BEDD; margin-bottom:5px}
#wrap #content2 .l_side .categories .title{ height:31px; background:url(xx_bg.gif);}
#wrap #content2 .l_side .categories .title h2{ float:left; font-size:14px; font-weight:bold; padding:7px 10px; color:#fff;}
#wrap #content2 .l_side .categories .but{ background:url(gq_bg.gif) no-repeat; width:90px; height: 17px; border:0px; float:right; text-align:center; padding-top:5px; margin:3px 5px;}
#wrap #content2 .product{ clear:both; border:1px solid #ccc; height:150px; margin-bottom:5px;}
#wrap #content2 .product .title{ height:24px; background:url(xx_1.gif);}
#wrap #content2 .product .title h2{ float:left; font-size:14px; font-weight:bold; color:#333; padding:5px 0 0 10px; background:url(sx.gif) no-repeat left 4px; margin-left:10px;}
#wrap #content2 .product .title span{ float:right; color: #333; padding:8px 10px 0 0;}
#wrap #content2 .product .xy{clear:both;}
#wrap #content2 .product .xy li{ float:left; text-align:center; margin:10px 0 10px 0; width:95px; border-right:1px dashed #ccc;}
#wrap #content2 .product .xy img{ width:85px;}

#wrap #content2 .ban3{ clear:both; margin-bottom:5px;}
#wrap #content2 .ban3 img{ border:1px solid #ccc; }

#wrap #content2 .zx_new{ clear:both; }
#wrap #content2 .zx_new .ne_list{ width:335px; border:1px solid #8BBEDB; height:238px; float:left; margin-bottom:3px; overflow:hidden;}
#wrap #content2 .zx_new .ne_list .title{ height:34px; background:url(zx_1.gif);}
#wrap #content2 .zx_new .ne_list .title h2{ float:left; font-size:14px; font-weight:bold; padding:7px 0 0 20px; color:#fff;}
#wrap #content2 .zx_new .ne_list .title span{ float:right; padding:7px 10px 0 0 ;}
#wrap #content2 .zx_new .ne_list img{ border:1px solid #ccc; padding:2px; float:left; margin:0 5px 0 5px; width:100px; height:60px;}
#wrap #content2 .zx_new .ne_list dl{ margin-top:5px; height:80px; border-bottom:1px dashed #ccc; margin-bottom:5px;}
#wrap #content2 .zx_new .ne_list dt{ color:#cc3300; font-weight:bold; }
#wrap #content2 .zx_new .ne_list dd{ line-height:23px; text-indent:2em;}
#wrap #content2 .zx_new .ne_list ul{ clear:both;}
#wrap #content2 .zx_new .ne_list li{ float:left; width:49%; line-height:23px;}

#wrap #content2 .zsdt{ clear:both; }
#wrap #content2 .zsdt .ne_list{ width:335px; border:1px solid #8BBEDB; float:left; margin-bottom:3px;}
#wrap #content2 .zsdt .ne_list .title{ height:34px; background:url(zx_1.gif);}
#wrap #content2 .zsdt .ne_list .title h2{ float:left; font-size:14px; font-weight:bold; padding:7px 0 0 20px; color:#fff;}
#wrap #content2 .zsdt .ne_list .title span{ float:right;}
#wrap #content2 .zsdt .ne_list li{ line-height:23px;}
#wrap #content2 .zsdt .ne_list .but{ background:url(gq_bg.gif) no-repeat; width:90px; height: 17px; border:0px; float:right; text-align:center; padding-top:5px; margin:3px 3px;}

#wrap #content2 .r_side{ float:right; width:259px; float:right; } 
#wrap #content2 .r_side .hyzx{ border:1px solid #8BBEDB; margin-bottom:5px;}
#wrap #content2 .r_side .title{ height:28px; background:url(jm_bg.gif);}
#wrap #content2 .r_side .title h2{ float:left; font-size:14px; font-weight:bold; color:#333; padding:8px 0 0 40px;}
#wrap #content2 .r_side .title span{ float:right; color: #fff; padding:8px 10px 0 0;}
#wrap #content2 .r_side .title span a:link{ color:#fff;}
#wrap #content2 .r_side .hyzx .ht{ background:url(xx_bg1.gif) no-repeat right; width:95%; margin:10px auto;}
#wrap #content2 .r_side .hyzx h3{ font-size:14px;}
#wrap #content2 .r_side .hyzx li{ line-height:23px;}
#wrap #content2 .r_side .hyzx dl{ float:left; text-align:center;}
#wrap #content2 .r_side .hyzx dl img{ border:1px solid #ccc; padding:2px; }

#wrap #content2 .r_side .zhzx{ border:1px solid #8BBEDB; margin-bottom:5px;}
#wrap #content2 .r_side .zhzx img{ border:1px solid #ccc; padding:2px; float:left; margin:0 5px 0 5px; width:70px; height:60px;}
#wrap #content2 .r_side .zhzx dl{ margin-top:5px; height:80px; border-bottom:1px dashed #ccc; margin-bottom:5px;}
#wrap #content2 .r_side .zhzx dt{ color:#333; font-weight:bold; font-size:14px; }
#wrap #content2 .r_side .zhzx dd{ line-height:23px; text-indent:2em;}
#wrap #content2 .r_side .zhzx li{ line-height:23px;}

#wrap #content2 .r_side .dt{border:1px solid #8BBEDB; margin-bottom:5px; background:url(dt_1.gif) no-repeat left; height:95px;} #wrap #content2 .r_side .dt ul{ padding-left:30px;}
#wrap #content2 .r_side .dt li{ line-height:23px;}

#wrap #link{ clear:both; margin-bottom:5px;}
#wrap #link li{ width:135px; float:left}
#wrap #link img{ border:1px solid #ccc; padding:2px; width:125px; height:40px; margin-bottom:5px;}
#wrap #link dd{ float:left; margin-right:5px; border-right:1px dashed #ccc; padding:0 5px 0 0}
#wrap #footer{ clear:both; border-top:3px solid #418DCB;}
#wrap #footer .about { color: #646464; padding-top: 9px; height: 19px; text-align: center;}
#wrap #footer .about A { color: #646464; }
#wrap #footer .about A:hover { color: #646464; }
#wrap #footer .gsInfo {	padding:10px 0 10px 0; color: #646464; text-align: center;}
#wrap #footer .gsInfo LI { line-height: 20px; height: 20px;}
.piclist {
	FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.piclist LI {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 85px; TEXT-ALIGN: center
}
.piclist LI IMG {
	BORDER-RIGHT: #e5e5e5 1px solid; BORDER-TOP: #e5e5e5 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; WIDTH: 60px; BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 60px
}