/*基本信息*/
body {
margin: 0px auto;
padding: 0px;
font-size: 14px;
font-family:"宋体",Arial, Helvetica, sans-serif;
background:url(../images/bg.gif) top repeat-x #f5f5f5;
}
div,button,input,select,table{ font-size: 14px}

ul{padding:0;margin:0;}
dl{margin:0;}
dd{margin:0;}
a{color:#0096ff; text-decoration: none; cursor:pointer;}
a:link { text-decoration: none;}
a:visited{text-decoration: none}
a:hover{color:#0052ba; text-decoration: underline;}
form{margin:0px}
a img{border:0px;}
p{font-size:12px;}
h1,h2,h3,h4{ margin:2px 0;}
h1{font-size:20px; color:#000;}
h2{font-size:21px; color:#0096ff;}
h3{font-size:14px; color:#000;}
h4{font-size:12px; color:#fff;}
h4 a{color:#fff;}
strong{color:#0052ba}

.an{float:left;background:url("../images/an_bg.gif") no-repeat left top; font-size:13px; line-height:16px; margin:0; padding-left:1px; text-decoration:none;}
.an span{float:left; display:block; background:url("../images/an_bg.gif") no-repeat right top; padding:3px 15px 2px 10px; color:#000;}
.an span{float:none; }
.an:hover{text-decoration:none;}
.an:hover span{background-position:100% -21px; color:#000;}

/* 页面层容器 */
#container{ margin:0px auto; width:1003px; padding:0px;}
#head{width:96%; margin:0 2%;}
#logo{width:100%; height:106px; background:url(../images/logo.gif) 10px center no-repeat;}
#logo ul{width:60%; height:40px; margin-top:12px; float:right; list-style:none;}
#logo ul.top{width:100%; font-size:12px;}
#logo ul.top li{float:right}
#logo ul li{ float:left;height:21px; padding:5px 10px 0 30px}
#logo ul li a{color:#00a6ff; font-weight:bold;}
.top_login,.top_reg,.top_feedback,.top_contact,.top_car,.top_order,.top_sc,.top_out{background:url(../images/icons_top.gif)  no-repeat}
.top_login{}
.top_reg{ background-position: 0 -26px;}
.top_feedback{background-position: 0 -50px;}
.top_contact{background-position: 0 -74px;}
.top_car{background-position: 0 -100px;}
.top_order{background-position: 0 -132px;}
.top_sc{background-position: 0 -161px;}
.top_out{background-position: 0 -190px;}
.top_mark,.top_home{background:url(../images/icons_mark.gif) no-repeat}
.top_home{}
.top_mark{background-position:0% 80%}

#nav{width:96%; height:16px; padding:12px 2% 8px 2%; background:url(../images/nav_bg.gif) -30px}
#nav div.left{width:47%; padding:0 5px 0 210px; float:left;}
#nav div.right{width:23%; margin-left:20px; float:left;}
#nav div ul{width:100%; list-style:none;}
#nav div.left ul li{ float:left; padding:0 12px;}
#nav div.right ul li{width:48%; text-align:center; float:left;}
#nav div ul li a{ font-weight:bold; color:#fff;}

#time_box{width:100%; height:26px; padding:15px 0 10px 0;}
#time_box ul{width:100%; list-style:none;}
#time_box ul li{padding:0 8px; float:left;}
#time_box ul li a span{font-family:"宋体";}
.time{ margin-top:4px;}
#time_box .an{background:url("../images/time_bg.gif") no-repeat left top;}
#time_box .an span{background:url("../images/time_bg.gif") no-repeat right top; }
#time_box .an:hover{text-decoration:none;}
#time_box .an:hover span{background-position:100% -21px; color:#000;}

#wrap{width:987px; float:left;}
.wrap_top{width:100%; height:18px; float:left;}
.wrap_top ul.top{width:100%; height:18px; float:left; list-style:none; background:url(../images/main_bor_2.gif);}
.wrap_top ul.top li{width:17px; height:18px; background:url(../images/main_bor_1.gif)}
.wrap_top ul.top li.left{float:left;}
.wrap_top ul.top li.right{float:right; background:url(../images/main_bor_1.gif) 0 -36px;}
.wrap_bot{width:100%; height:18px; float:left;}
.wrap_bot ul.bot{width:100%; height:28px; float:left; list-style:none; background:url(../images/main_bor_2.gif) 0 -10px repeat-x;}
.wrap_bot ul.bot li.left{width:17px; height:18px; background:url(../images/main_bor_1.gif) 0 -18px; float:left;}
.wrap_bot ul.bot li.cen{width:10%; padding:15px 41% 0 41%; float:left; height:28px; background:url(../images/top_submit_bg.gif) center bottom no-repeat; text-align:center;}
.wrap_bot ul.bot li.right{width:17px; height:18px; background:url(../images/main_bor_1.gif) bottom; float:right;}
.wrap_cen{width:96%; padding:0 2%; float:left; background:url(../images/main_bor_3.gif) repeat-y}

#npro{width:100%;}
.ad_box{width:130px; padding:0 10px; float:left; text-align:center}
.ad_box span{padding:4px; background:url(../images/newBg.gif); float:left;}
.ad_box div{width:100%; padding:2px 0;}

#search{width:96%; padding:20px 2% 0 2%; height:260px; float:left; background:url(../images/search_bg.gif)}
.search_sr{width:35px;}
.add{width:60%; float:left; background:url(../images/search_line.gif) right center no-repeat;}
.add_top{width:100%; height:41px; padding:5px 0;}/*  background:url(../images/icons_search.gif) no-repeat; */
.add_cen{width:100%;}
.add_cen input{margin:0;}
.add_cen ul,.item_cen ul{width:92%; padding-left:8%; float:left; margin:3px 0; background:url(../images/icon_Arrow.gif) 35px 7px no-repeat; list-style:none}
.add_cen ul li,.item_cen ul li{float:left; margin-left:5px; line-height:20px; color:#949494}
.add_cen ul li.list{width:100px; padding-left:8px; color:#0096ff; float:left;}
.add_cen dl{width:100%; margin:5px 0;}
.add_cen dt{width:50%; text-align:center; float:left;}
.item{width:40%; float:right; overflow:hidden;}
.item_top{width:90%; padding:10px 0 10px 10%; }
.item_cen{width:100%;}
.item_cen ul li.list{padding-left:14px; color:#0096ff; float:left;}
.item_cen dl{width:100%; margin:5px 0;}
.item_cen dt{width:100%; text-align:center; float:left;}

#main{width:100%; margin:10px 0 10px 0; float:left; background:url(../images/main_line.gif) 370px top no-repeat;}
#sidebar{width:40%; float:left;}
.sidebar_title{width:100%; text-indent:1em; line-height:44px; height:44px;}/*  padding-left:18%; background:url(../images/icons_sort.gif) 10px center no-repeat; */
.sidebar_cen{}

#content_sy{width:60%; float:left; background:url(../images/contact_title_bg.gif) 0 0px repeat-x}
#content{width:100%; float:left; background:url(../images/contact_title_bg.gif) 0 15px repeat-x}
#content .title,#content_sy .title{width:84%; padding:38px 1% 0 5px; height:75px; /*  background:url(../images/icons_contact.gif) 10px center no-repeat */}
#content .title p,#content_sy .title p{ margin:2px 0; color:#949494;}
#content .title ul li{ margin-left:2%; color:#949494;}
#content .title ul li span{color:#f00}
#content_sy .title{padding:10px 1% 28px 5px;}

#contact{width:80%; padding:10px 10%; overflow:hidden}
#contact dl{width:90%; padding-left:8%; margin:10px 0; float:left;}
#contact dl dt{margin:8px 5px 8px; float:left; width:100%;}
#contact dl dt.list{color:#0096ff; font-weight:bold; width:100%;}
.qq{ background:url(../images/icons_qq.gif) left top no-repeat;}
.skype{  background:url(../images/icons_skype.gif) left top no-repeat;}
.msn{ background:url(../images/icons_msn.gif) left top no-repeat;}
#contact ul{width:90%; height:203px; padding:23px 18px; color:#949494; margin-top:20px; float:left; background:url(../images/contact_bg.gif) center top no-repeat; list-style:none;}
#contact ul li{padding-bottom:5px; width:100%; line-height:16px;}
#contact span{color:#0096ff;}

#foot{width:94%; height:20px; padding:30px 4% 10px 2%; float:left;}
#foot ul{width:96%; list-style:none;}
#foot ul li{color:#636262; text-align:center; width:100%;}

#pro{width:96%; padding:10px 2%;}
#pro ul{width:100%; list-style:none; margin:5px 0; float:left;}
#pro ul.list{ padding:10px 0; border-bottom:1px dashed #eee; border-top:1px dashed #eee}
#pro ul.list:hover{background:#fcfcfc;}
#pro ul li{float:left;}
.pro_img{width:400px; height:300px; padding:2px; border:1px solid #eee; float:left; background:#fff;}
.pro_img img{width:400px; height:300px; float:left}
.pro_txt{width:54%; float:left; padding-left:1%;}
.pro_txt dl{width:47.9%; float:left; padding:5px 1%; color:#666;}
.pro_txt dl.list{width:97.8%;}
.pro_txt dl.bg{background:#f8f8f8;}
.pro_txt dl dt{ float:left; line-height:30px}
.pro_txt dl dt.list{color:#0096ff; margin-right:5px; padding-left:10px; background:url(../images/sort_off.gif) 0 center no-repeat}

#login{width:90%; height:300px; margin:10px auto; background:url(../images/search_line.gif) 34% top no-repeat;}
#login div{float:left; width:46%; padding:0 2%;}
#login div.left{width:30%;}
#login div.right{width:60%;}
#login ul{width:98%; float:left; list-style:none}
#login ul.login{height:90px; padding:10px 0px; border:5px solid #eee; background:#fafafa;}
#login ul.txt{background:#fafafa}
#login ul li{width:90%; line-height:20px; margin:0 auto; padding:5px 0;}
#login ul.login li b{ float:left;}
#login ul li b{width:70px; background:url(../images/sort_off.gif) 0 center no-repeat; padding-left:12px;}
#login ul li a{margin-left:10px;}
#login ul li p{width:90%; margin:0; text-align:center}
.login_sr{width:130px; height:14px; border:1px solid #a5acb2; background:#f4f4f4;}

#reg{width:80%; margin:20px auto;}
#reg ul{width:90%; border:1px solid #eee; padding:30px 5%; float:left; list-style:none;}
#reg ul li{ float:left; margin:3px 0; width:100%; line-height:21px;}
#reg ul li hr{color:#eee}
#reg ul li p{ float:left; width:190px; padding-left:10px; margin:0;}
#reg ul li p span{color:#f00; padding-right:5px;}
#reg ul li input{width:200px;}
#reg ul li.f01{float:right; width:70%; padding:2px; background:#f9f9f9; }
#reg ul li.f01 span{color:#0096ff}
#reg ul li.f02{text-align:center}

#pagetop,#pagebottom{width:96%; padding:5px 2%;}
.page{border:1px solid #eee; list-style:none; float:left;}
.page a{ padding:5px 10px; color:#000; float:left; font-weight:bold;}
.page a:hover{background:#eee; color:#000; font-weight:bold;  text-decoration:none}
.page a:link,.page a:visited{color:#0096ff; font-weight:100;}
.page #_jump_Navigation1,.page #_jump_Navigation2{background:#548ECF; color:#fff}
.page input.go{ margin:0 5px; height:14px; width:28px; float:left;}

#news{width:96%; padding:0 2%; float:left;}
#news ul{width:100%; float:left; border-top:1px dashed #eee; border-bottom:1px dashed #eee; margin:10px 0; list-style:none;}
#news ul li{width:90%; margin:5px 2%; padding:5px 0; float:left;}
#news ul li:hover{background:#f5fdff;}
#news ul li:hover a{ color:#000; font-weight:bold;}
#news ul li a{font-size:12px; padding-right:10px; float:left;}
#news ul li span{ width:130px; float:right;}
#news ul li big,#news ul li small{font-size:12px; padding:0 20px;}