/* CSS Document */
body { margin:0; font-size:12px; font-family:"宋体"; color:#333;}
a{ text-decoration:none; color:#999;}
img{ border:none;}
ul{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0; font-size:12px; font-weight:normal;}
h2{margin:0;padding:0;font-size:12px;font-weight:normal;}
h3{margin:0;padding:0;font-size:12px;font-weight:normal;}
p{ margin:0; padding:0;}
#container{ width:100%;}
/*-----头部内容-----*/
#header{ margin:0 auto; width:900px; height:170px;}
#logo{ padding:7px 0 0 9px; height:84px; width:565px; float:left;}
#logo img{ float:left;}
#logo .cname{ margin:10px 0 0 30px;}
#top{ width:300px; height:43px; float:right; padding:13px 8px 0 0;}
#top ul{ float:right;}
#top ul li{ float:left; padding-left:31px; background:url(images/split.gif) no-repeat 16px top;}
#top ul .none{ background:none;}
#top li a{ color:#0594CF; text-decoration:none;}
#top li a:hover{ color:#88CCE8;}
#search{ width:210px; height:27px; float:right;}
.stext{ width:114px; height:20px; background:url(images/stext.png) no-repeat; border:none; padding-left:5px; float:left; margin:3px 0 0 4px;}
.sbtn{ width:75px; height:27px; background:url(images/search.jpg) no-repeat; border:none; float:right; cursor:pointer;}
#navtion{ width:900px; height:52px; background:url(images/navbg.gif) repeat-x bottom; float:left;}
/*-------导航下来菜单-------*/
#nav {padding:0 0 0 2px; margin:0; list-style:none; height:52px; position:relative; z-index:500; width:898px; overflow:hidden;}
#nav li.top {display:block; float:left; height:22px;}
#nav #none{ margin-right:0;}
#nav li a.top_link {display:block; float:left; width:111px; height:22px; color:#fff; text-decoration:none; font-size:12px; padding:0 1px 0 0; cursor:pointer; background:url(images/libg.png) no-repeat top;}
#nav li a.top_link span {float:left; display:block; height:22px; line-height:22px; width:111px; text-align:center;}

#nav li:hover a.top_link { background: url(images/onbg.png) no-repeat top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:22px; padding:0; width:900px; height:30px; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; white-space:nowrap; margin-right:25px; padding:0 0 0 10px; float:left; background:url(images/sign.jpg) no-repeat 0 13px;}
/*#nav li:hover ul.sub li:hover{ background:url(images/sign2.jpg) no-repeat 0 13px;}*/
#nav li:hover ul.sub li a
{display:block; height:29px; float:left; line-height:30px; padding:0 !important; padding:1px 0 0 0; color:#0099FF; text-decoration:none;}
#nav li:hover ul.sub li a:hover 
{color:#0066FF;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#time{ width:900px; height:25px; float:left;}
#time span{ display:block; float:left; padding:8px 0 0 5px; color:#0594CF;}
#time #nowDate{ float:right; padding:8px 5px 0 0; color:#333;}
#time #nowTime{ float:right; padding:8px 5px 0 5px;}

/*-----中间部分内容-----*/
#pagebody{ margin:0 auto;  width:900px; height:923px;}
#intro{ width:352px; height:255px; padding:6px; border:1px #dfdfdf solid; float:left; background:url(images/bg.jpg) no-repeat 6px 153px;}
#intro h2{ width:337px; height:25px; float:right; background:url(images/intorbg.png) repeat-y; padding:7px 0 0 15px;}
#intro p{ float:right; line-height:17px; color:#666;}
#intro .d1{ width:330px; padding:12px 10px 0 11px; text-indent:24px;}
#intro .d2{ padding:0 14px 0 0; width:170px;}
#intro .dbt{ width:330px; padding:6px 20px 0 0;}
#intro .dbt img{ float:right;}
#flash{ width:525px; padding:0 0 0 9px; height:269px; float:left;}
/*-----sideleft-----*/
#sideleft{ float:left; width:680px; height:654px; padding:0 10px 0 0;}
#proshow{ width:680px; height:190px; padding:11px 0 0 0;}
#proshow h2{ width:680px; height:28px; background:url(images/proshow.png) no-repeat left;}
#proshow h2 span{ width:552px; height:28px; float:right; background:#f3f3f5; display:block;}
#proshow h2 span a{ float:right; margin:8px 28px 0 0; color:#52B5DE;}
#proshow h2 span a:hover{ color:#FF8800; margin-left:1px;}
#demo{ overflow:hidden; width:670px; height:147px; margin:0 auto; padding-top:15px;}
#indemo{ float:left; width:800%;}
#demo1{ float:left; height:147px;}
#demo li{ float:left; width:137px; height:110px;}
#demo li a{ color:#0594CF; display:block; text-align:center; text-decoration:underline;}
#demo li a:hover{ color:#52B5DE; text-decoration:none;}
#demo li .pname{line-height:32px;}
#demo li .pname:hover{ padding-top:1px;}
#demo li .propic{ width:120px; height:100px; border:1px solid #ccc; padding:4px; background:#e4e4e4;}
#demo li .propic:hover{ border:1px solid #76C2E2; background:#D9E8EF;}
#demo2{ float:left;}
#slbot{ width:678px; height:438px; border:1px solid #ddd;}
#newpro{ width:340px; height:426px; padding:6px; float:left;}
#newpro h2{ width:303px; height:27px; background:url(images/nphbg.gif) repeat-x bottom; padding:11px 0 0 6px;}
#newpro h2 img{ float:left;}
#newpro h2 a{ float:right; display:inline-block; margin:5px 10px 0 0; color:#52B5DE;}
#newpro h2 a:hover{ color:#FF8800; margin-left:1px;}
#newpro ul{ padding:12px 0 0 2px;}
#newpro ul li{ height:91px;}
#newpro span{ display:block;}
#newpro ul .npic a{ padding:4px; border:1px solid #ddd; background:#fff; float:left; width:110px; height:75px;}
#newpro ul .npic a:hover{ border:1px solid #52B5DE;}
#newpro ul .npname{ padding:6px 0 0 18px; display:block; height:20px; float:left; color:#0594CF; text-decoration:underline;}
#newpro ul .npname:hover{ color:#00CCFF; margin:0 0 0 1px;}
#newpro ul .npj{ float:left; width:160px; padding:0 0 0 18px; line-height:17px; color:#999;}
#sdow{ background:url(images/sdow.png) repeat-y left; width:328px; height:426px; padding:0 0 0 12px;}
#news{ width:326px; height:438px; float:left;}
#news h2{ width:308px; height:27px; background:url(images/newhbg.gif) repeat-x bottom; padding:17px 0 0 2px;}
#news h2 img{ float:left;}
#news h2 a{ float:right; display:inline-block; margin:5px 10px 0 0; color:#52B5DE;}
#news h2 a:hover{ color:#FF8800; margin-left:1px;}
#news ul{ padding-top:5px; width:305px;}
#news ul li{ padding:8px 0 0 20px; height:19px; line-height:14px; background:url(images/nlibg.jpg) no-repeat left bottom;}
#news ul li a{ color:#666;}
#news ul li a:hover{ color:#FF8800; margin:0 0 0 1px;}
/*-----sideright-----*/
#sideright{ float:left; width:210px; height:644px; padding:10px 0 0 0;} 
.spac{ width:210px; height:11px; overflow:hidden;}
.spacs{ width:210px; height:148px;}
#login{ width:208px; height:169px; border:1px solid #bcbcbc;}
#login h3{ width:208px; height:36px; float:left; background:url(images/logtop.png) no-repeat;}
#login p{ padding:9px 0 0 23px; float:left;}
#login .lptop{ padding:14px 0 0 23px;}
.name{ width:100px; height:15px; border:1px solid #ccc;}
.password{ width:100px; height:15px; border:1px solid #ccc;}
.log{ width:73px; height:27px; border:none; background:url(images/log.png); cursor:pointer; margin-right:8px;}
.clr{ width:73px; height:27px; border:none; background:url(images/clear.png); cursor:pointer;}
#login p a{ color:#666; text-decoration:underline; margin-right:22px;}
#login p a:hover{ color:#999;}
#prolist{ width:208px; min-height:120px; border:1px solid #bcbcbc;}
#prolist h3{ width:208px; height:36px; float:left; background:url(images/prof.png) no-repeat;}
#prolist ul{ padding:13px 0 0 10px; float:left;}
#prolist ul li{ background:url(images/sign.png) no-repeat left 3px; padding:0 0 9px 18px; width:75px; float:left;}
#prolist ul li a{ color:#666; text-decoration:underline;}
#prolist ul li a:hover{ color:#52B5DE; text-decoration:none; margin:0 0 0 1px;}
#services{ width:208px; height:167px; border:1px solid #bcbcbc; background:url(images/sever.png) no-repeat 138px 54px;}
#services h3{ width:208px; height:36px; float:left; background:url(images/sev.png) no-repeat;}
#services ul{ padding:13px 0 0 19px; float:left;}
#services ul li{ background:url(images/sign.png) no-repeat left 3px; padding:0 0 9px 18px;}
#services ul li a{ color:#666;}
#services ul li a:hover{ color:#52B5DE; text-decoration:underline; margin:0 0 0 1px;}
#adp{ width:208px; height:78px; border:1px solid #bcbcbc;}
#link{ width:190px; height:33px; background:#eee; padding:12px 0 0 20px;}
#link select{ font-size:12px; width:169px; height:19px;}
/*-----底部内容-----*/
#footer{ margin:0 auto; width:900px; height:110px;}
#botnav{ float:left; width:900px; height:26px; background:#ddd;}
#botnav ul{ float:right; padding:7px 30px 0 0;}
#botnav ul li{ float:left; padding:0 15px; background:url(images/split1.gif) no-repeat right top;}
#botnav ul .none{ background:none;}
#botnav ul li a{ color:#666; display:block;}
#botnav ul li a:hover{ color:#0594CF; padding:1px 0 0 0;}
#hlogo{ width:100px; height:74px; float:left; padding:9px 0 0 11px;}
#info{ width:880px; height:63px; float:left; padding:20px 0 0 20px;}
#info span{ color:#999; display:block; float:left; font-family:Arial; padding-bottom:6px; line-height:14px;}
#info a{ color:#666; }
#info a:hover{ color:#0099FF; text-decoration:underline;}
#info .infol{ width:495px;}
/*-----内容页样式-----*/
#cpagebody{ margin:0 auto; width:900px; overflow:hidden; background:url(images/crbg.gif) repeat-y right;}
#csideleft{ float:left; width:230px;}
#cnav{ width:210px;}
#cnav h3{ width:210px; height:35px; float:left; background:url(images/cnav.png) no-repeat;}
#cnav ul{ float:left; width:210px;}
#cnav li{ width:162px; height:21px; background:url(images/clibg.png) no-repeat; padding:12px 0 0 48px;}
#cnav li a:hover{ color:#0594CF; margin-left:1px;}
#csideright{ float:left; width:670px; padding-top:1px;} 
#cbanner{ width:670px; height:123px; float:left; background:url(images/cbanner.jpg) no-repeat left top;}
/*#cbanner img{ width:670px; height:160px;}*/
#location{ width:655px; height:24px; float:left; padding:10px 0 0 15px; background:#eee; border-bottom:1px solid #999;}
#main{ width:665px; padding:15px 0 10px 5px; float:left;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}
#cfooter{ margin:0 auto; width:900px; height:110px; padding-top:15px; position:relative;}
#cbg{ width:210px; height:138px; background:url(images/cbg.jpg) no-repeat; position:absolute; left:0; top:-140px;}
.zs{ float:left; height:160px; width:600px;}
.zs li{ padding:0 22px; float:left; width:150px;}
.zs li a{ display:block; text-align:center; padding:5px 0;}
.zs li a:hover{ color:#FF6600;}
/*网站地图*/
#maps dl{ width:630px; margin:0; padding:0;}
#maps dt{ float:left; font-weight:bold; padding-bottom:15px; color:#0099FF;}
#maps dt a{ color:#0099FF;}
#maps dt a:hover{ color:#FF6600;}
#maps dd{ float:left; display:block; height:14px; margin:0; padding:0 0 5px 15px;}
#maps dd a{ text-decoration:underline;}
#maps dd a:hover{ color:#FF6600;}