@charset "utf-8";

*{ margin:0; padding:0;}
body{ width:100%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.gif) repeat-x;}
ul li{ list-style-type:none;}
a{ text-decoration:none; border:0px;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:underline; }
img{ border:0;}

/*-------首页--------*/
#content{ width:1054px; margin:0 auto; background:#fff;}
#left, #right{ width:15px; height:780px; background:url(../images/content_l.gif) no-repeat; float:left;}
#center{ width:1024px; background:#fff; float:left;}
#right{ background:url(../images/content_r.gif) no-repeat; float:right;}

#cont{ width:1004px; margin:0 auto;}
#header{ height:112px; float:left;}
.logo{ width:200px; height:76px; float:left;}
.logo img{ width:169px; height:58px; padding-top:10px; float:right;}
.nav{ width:110px; padding-top:50px; float:right;}
.nav ul li{width:50px; padding-left:5px; background:url(../images/nav_icon01.gif) no-repeat left center; float:left;}
.nav ul li a, .job_cont ul li a{ padding-left:5px; color:#333;}
.nav ul li a:hover{ color:#f60;}
/*.menu{ width:1004px; height:36px;  clear:both; float:left;}*/

/*可删除的样式，暂时先用着*/
.menu{ width:1004px; height:36px; background:url(../images/menu_bg.gif) no-repeat; clear:both;}
.menu ul li{ width:114px; line-height:36px; text-align:center; background:url(../images/menu_line.gif) no-repeat right top; float:left;}
.menu ul li a{font-family:微软雅黑; font-size:14px; color:#fff;}
.menu ul li a:hover{ color:#FFFF00; text-decoration:none; font-size:15px;}
.menu ul li.end{ background:none;}
#nav li ul a{display:block; width: 130px;text-align:left;padding-left:2px;}                 /* 二级菜单链接样式；背景宽度、左对齐，左缩进2 */
#nav li ul a:link  {color:#0d5097; text-decoration:none;}                                   /* 未访问的链接 */ 
#nav li ul a:visited  {color:#0d5097;text-decoration:none;}                                 /* 已访问的链接 */
#nav li ul a:hover  {color:#FFF;text-decoration:none;font-weight:normal;background:#003399;}/* 鼠标在链接上 */
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
/*可删除的样式，暂时先用着　　　end*/


.search{ width:180px;height:28px; padding:8px 10px 0 0; float:right; background-color:#00C}
.searchbox{ width:159px; height:20px; line-height:20px; padding-left:5px; color:#999; background:url(../images/src_bg.gif) no-repeat; border:none; float:left;}
.src_btn{ width:20px; height:20px; background:url(../images/search_icon.gif) no-repeat center; border:none;cursor:hand; position:relative; left:-30px;}

#banner{ height:350px; float:left;}
#main{ width:1004px; padding:15px 0 15px 0; float:left;}
.main_left{ width:732px; height:250px; border-right:1px solid #ccc; float:left;}
.about, .product{ width:712px; margin-left:20px; height:120px; border-bottom:1px solid #ccc; background:url(../images/about_bg.gif) no-repeat right bottom;}
.about h1{ width:712px; float:left;}
.about h1 b, .product h1 b, .news h1 b{ width:500px; height:24px; line-height:24px; font-family:微软雅黑; font-size:15px; padding-left:10px; background:url(../images/icon.gif) no-repeat left center; float:left;}
.about h1 span, .product h1 span, .news h1 span{ font-family:Arial; font-size:12px; color:#666; padding-left:5px;}
.about h1 a, .product h1 a, .news h1 a{ width:50px; color:#666; font-family:Arial; font-size:10px; line-height:22px; float:right;}
.about h1 a:hover, .product h1 a:hover, .product dl dd a:hover, .news h1 a:hover, .news ul li a:hover, .job_cont ul li a:hover, .news_cont ul li a:hover{ color:#f60;}
.about p{ width:585px; line-height:22px; padding:5px 0 0 10px; color:#333;}
.product{ background:none; border:none; padding-top:10px;}
.product dl{ width:205px; float:left; padding:10px 20px 0 10px; }
.product dl dt{ width:205px; height:66px;}
.product dl dd{ padding-top:10px;}
.product dl dd a{ color:#333;}

.main_right{ width:250px; float:right;}
.news{ width:250px;}
.news h1{ float:left;}
.news h1 b{ width:180px;}
.news dl{ width:240px; height:75px; padding:5px 0 10px 0; float:left;}
.news dl dt{ width:101px; height:74px; border:1px solid #ccc; float:left;}
.news dl dd{ width:120px; line-height:20px; float:right;}
.news dl dd a{color:#333;}
.news ul{ width:240px; float:left;}
.news ul li{ line-height:20px; background:url(../images/icon02.gif) no-repeat left center; padding-left:8px;}
.news ul li a{ color:#333;}

#footer{ height:30px; background:url(../images/footer_bg.gif) repeat-x; clear:both; }
#footer p{ text-align:center; padding-top:10px; color:#666;}

/*-------内页--------*/
.left{ width:214px; float:left;}
.left ul{ float:left;}
.left ul li{ width:200px; height:29px; padding-bottom:5px; background:url(../images/li_bg.gif) no-repeat; padding-left:15px;}
.left ul li a{ color:#fff; line-height:29px; padding-left:10px;  background:url(../images/icon03.gif) no-repeat left center;}
.right{ width:776px; float:right;}
.banner{ padding-bottom:1px;}
.color{ width:776px; height:3px; line-height:3px; background:#f60;}
.job_cont, .news_cont, .pro_cont{ width:776x; padding-top:5px;}
.job_cont h2, .news_cont h2, .pro_cont h2{font-family:微软雅黑; color:#E8721D; height:24px; line-height:24px; font-size:16px; background:url(../images/icon04.gif) no-repeat left center; padding-left:15px;}
.job_cont ul, .job_par{ width:655px; padding:10px 0 0 15px;}
.job_cont ul li.top{ height:25px; background:#c5d7ed;}
.job_cont ul li{height:25px; line-height:25px; background:#edf1f6;}
.job_cont ul li em, .news_cont ul li em{ font-style:normal; color:#666; padding-right:15px; float:right;}
.job_par{ width:730px;}
.job_par h3, .about_par h3, .case_par h3{ width:730px; line-height:25px; font-size:12px; padding-left:10px; background:#c5d7ed;}
.job_par p, .about_par p{ width:730px; line-height:25px; padding-left:10px; background:#edf1f6; padding-bottom:15px;}
.job_btn{ width:108px; height:29px; border:none; float:right; background:url(../images/btn.gif) no-repeat;}

.po_nav{width:770px; height:22px;float:left; color:#111;  }
.po_nav a{color:#111;}
.po_nav a:hover{color:#F60; text-decoration:underline;}

.about_par{ padding-left:15px;}
.about_par h3, .about_par p, .case_par h3{ background:none;}

.news_cont ul{ width:750px; padding-left:15px;}
.news_cont ul li{ line-height:28px; background:url(../images/news_icon.gif) no-repeat left center; border-bottom:1px dotted #ccc; padding-left:10px;}
.news_cont ul li a{ color:#333;}
.news_cont p, .pro_cont p{ width:730px; line-height:24px; padding-bottom:15px; padding-left:15px;}
.case_par{ padding:10px 0 0 5px; }
.case_par dl{ width:730px; text-align:center;}

.pro_par div{ padding-bottom:10px;}
.pro_par dl{width:730px; height:120px; border:1px solid #ccc;}
.pro_par dl dt{ width:120px; height:100px; padding-top:10px; float:left;}
.pro_par dl dt img{ padding:5px;}
.pro_par dl dd{ line-height:24px; padding-top:10px; }
.pro_par dl dd b{ color:#e98100;}

.deimg{ width:700px; text-align:center; margin-bottom:20px;}

.each_cp{ padding:10px 0; border-bottom:#ccc 1px dashed;}
.cp_img{ width:157px; border:#ccc 1px solid; float:left; margin-right:10px;}
.cp_img img{width:153px; height:120px; padding:2px;}
.each_cpjs{width:600px; float:left;}
.each_cpjs h1{ height:25px; line-height:25px;font-size:14px; color:#2e48b9;}
.each_cpjs h2{ height:24px; line-height:24px;font-size:12px; color:#FF8A00;}
.each_cpjs p{line-height:24px;}
.each_cpjs span a{font-weight: bold; color:#2e48b9;}
.each_cpjs span a:hover{color:#FF8A00; text-decoration:underline;}

/*新加的产品滚动的样式*/
.product .cont{ width:680px; margin:0 auto; padding:10px 0;}
#demo1 li ,#demo2 li {width:106px;margin-right:10px; margin-left:8px; float: left; display:inline; text-align:center; line-height:2.2;}
#demo{overflow:hidden;width:680px;float:left;display: inline;} 
#indemo{float: left;width: 1000%;} 
#demo1 li img,#demo2 li img{width:100px; height:80px; padding:2px; border:#ddd 1px solid;}
#demo1,#demo2{float: left; display:inline;}