﻿*{margin:0; padding:0;}
body 
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:22px;    
    color:#5C8CB1;
    background:#FFF url(../WebImages/index_bg.jpg) repeat-x top center;
}
li{list-style-type:none;}
img{border:0;}
a{color:#5C8CB1;text-decoration:none;}
a:hover{color:#003FB3; text-decoration:underline;}



.clear{clear:both; }
.left{float:left;}
.right{float:right;}
.cssDate {float:right;}

.cssArticleStyle{padding-top:50px;}
.cssArticle p{text-indent:2em;margin-top:10px;font-size:14px;line-height:30px; color:#737373;}



/* 新闻列表 */
.cssNewsList {padding: 10px 20px;}
.cssNewsList li {background:url(../WebImages/dot2.gif) left center no-repeat; padding-left:10px; margin-left:5px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px #cfcfcf dashed ; }
.cssNewsList li a {height:30px;   display:block;}


.cssHotNews li {padding-left:5px; height:25px; line-height:25px; overflow:hidden;}
.cssHotNews li a {padding-left:10px; background:url(../WebImages/dot2.gif) no-repeat left center; }

.cssArticleList li {height:30px; line-height:30px; overflow:hidden; background:url(../WebImages/news_line.jpg) repeat-x left bottom;}
.cssArticleList li a {margin-left:15px; padding-left:15px; background:url(../WebImages/dot5.jpg) no-repeat left center;}

/* 产品列表 */
.cssHotPList li {float:left; margin-left:10px; _margin-left:8px; width:120px; text-align:center;}
.cssHotPList li a img {margin-bottom:5px;  width:118px; height:118px; border:1px solid #95B1C1;}
.cssHotPList li a:hover img {border:solid 1px #3366CC;}

.cssPlist li {float:left; margin-left:15px; _margin-left:12px; width:120px; text-align:center;}
.cssPlist li a img {margin-bottom:5px;  width:118px; height:118px; border:1px solid #95B1C1;}
.cssPlist li a:hover img {border:solid 1px #3366CC;}

#divSplitPage{margin:10px;padding-right:5px; text-align:right;}
h1{font:bold 25px Arial, Helvetica, sans-serif; margin:3px 5px;  color:#7D7D7D;}
h2{font-size:15px; color:#595959; }
/*表格*/
.uctable{width:100%;overflow:hidden;border:1px solid #EEE;}
.uctable tr td{padding:4px;color:#333;vertical-align:top;border-bottom:1px solid #F0F0F0; } 


/*  */
.sort1wrap {padding:0 15px 15px;}
.cssSort1 {padding:0 2px;background:url(../WebImages/sort1_split.jpg) no-repeat right top;}
.cssSort1Tit {height:30px; line-height:30px;}
.cssSort1Tit h2 { margin-left:5px; padding-left:20px; font-size:13px; color:#007FC7; background:url(../WebImages/dot1.jpg) no-repeat left center;}
.cssSort1Con {padding:5px;}
.cssMore1 {float:right; margin:10px 15px 0 0; display:block; overflow:hidden; width:34px; height:9px; background:url(../WebImages/more1.jpg);}

.compwidth {width:290px;}
.newswidth {width:315px;}
.conwidth {width:300px; background:none;}
.conpad {padding:5px 0;}

.cssSort2{padding:0 15px;}
.cssSort2Tit h2 {color:#FFF; text-align:center; font-weight:bold; font-size:13px; width:95px; line-height:28px; background:url(../WebImages/sort2tit.jpg) no-repeat;}
.cssSort2Con {margin-top:2px; padding:15px 0; background:url(../WebImages/conline.jpg) no-repeat top center;}


.cssSort4 {width:710px; padding: 0 5px;}
.cssSiteNav {float:right; width:415px; text-align:right; height:28px; line-height:28px; overflow:hidden; margin:5px 15px 0 0; display:block;}
.cssSort4Tit h2--- {margin-left:15px; width:95px; height:28px; line-height:28px; text-align:center; color:#FFF; background:url(../WebImages/sort4tit.jpg) no-repeat;}
.cssSort4Tit h2 {margin-left:15px; display:inline-block; padding-left:7px; height:28px; line-height:28px; text-align:center;  color:#FFF; background:#1885BE url(../WebImages/sort4tit_l.jpg) no-repeat;}
.cssTit4R {display:block; padding-right:15px; background:url(../WebImages/sort4tit_r.jpg) no-repeat right center;}
.cssSort4Con { padding:15px; margin-top:2px; min-height:500px; _height:500px; height:100%; background:url(../WebImages/sort4con.jpg) no-repeat center top;}



.cssLeftTit { height:50px; background:url(../WebImages/lefttit.jpg) no-repeat;}
.cssLeftTit h2 { line-height:35px; font-size:15px; text-align:center; color:#FFF; font-weight:bold;}
.cssSortList dl {border-bottom:dashed 1px #A5C0CF;}
.cssSortList dt a {padding:2px 5px 3px 25px; display:block; line-height:20px; text-decoration:none; }
.cssSortList dt a:hover {color:#FFF; font-weight:bold;}
.cssSortList dt:hover {background:url(../WebImages/sorthover.jpg) repeat-y;}
.xias {background:url(../WebImages/dotxia.jpg) no-repeat 15px 9px;}
.xias:hover {background:url(../WebImages/dotxia_h.jpg) no-repeat 15px 9px;}

.rights {background:url(../WebImages/dot3.jpg) no-repeat 15px 9px;}
.rights:hover {background:url(../WebImages/dot4.jpg) no-repeat 15px 9px;}

.cssSortList li {}
.cssSortList li a {padding:2px 5px 3px 40px; line-height:20px; font-size:13px;  text-decoration:none; display:block; background:url(../WebImages/dot3.jpg) no-repeat 25px 9px;}
.cssSortList li a:hover {color:#FFF; font-weight:bold; background:url(../WebImages/dot4.jpg) no-repeat 25px 9px;}
.cssSortList li:hover {background:url(../WebImages/sorthover.jpg) repeat-y;}
.cssSortList li.current {background:url(../WebImages/sorthover.jpg) repeat-y;}
.cssSortList li.current a {color:#FFF; font-weight:bold; background:url(../WebImages/dot4.jpg) no-repeat 25px 9px;}

#index li.index a,#about li.about a,#product li.product a,#news li.news a,#xingneng li.xingneng a,#shebei li.shebei a,#case li.case a,#contact li.contact a {color:#FFF; text-decoration:none; Background:url(../WebImages/nav_hover.jpg) repeat-x;}


#demoLeft {float:left;overflow:hidden;width:895px; margin-left:15px;}
#demoLeft .indemo {float: left;width: 500%;}
#demo1{overflow:hidden;float: left;}
#demo2{overflow:hidden;float: left;}
#demo1 li {width:120px; margin-left:10px;}
#demo1 li a , #demo2 li a {float:left; text-align:center;}
#demo1 li a img,#demo2 li a img{width:118px;height:118px;border:1px solid #95B1C1;}
#demo1 li a p,#demo2 li a p {line-height:15px;}

.cssLink a {margin-left:8px;}

/* 整体宽度 */

#divPage {width:958px; margin:0 auto;}
/* 头部 *//* Logo  */
#divTop {background:url(../WebImages/top_bg.jpg) no-repeat;}
#divTLogo {height:91px; }
#divLogo {float:left; padding:15px 0 0 15px; width:571px;}
#divLogo a img {width:520px; height:50px;}
#divLang {text-align:right;}
#divLang .en {padding-left:20px; background:url(../WebImages/en.jpg) no-repeat left center;}
#divLang .cn {padding-left:20px; margin-left:15px; background:url(../WebImages/cn.jpg) no-repeat left center;}
#divTel {margin-top:25px; font-size:14px; font-weight:bold; color:#0082CA;}
#divTel em {font-size:20px;}

#divNav {height:60px; background:url(../WebImages/nav_bg.png) repeat-x;}
#divNL { float:left; width:5px; height:46px; background:url(../WebImages/nav_l.jpg) no-repeat;}
#divNC {float:left; width:920px; padding-left:25px; margin-top:1px;}

.cssNav li {float:left;  height:46px; line-height:46px;}
.cssNav li a {font-weight:bold; padding:0 15px; margin-right:2px; display:block; font-size:13px; color:#FFF;}
.cssNav li a:hover {color:#FFF; text-decoration:none; Background:url(../WebImages/nav_hover.jpg) repeat-x;}
#divNR {float:right; width:5px; height:46px; background:url(../WebImages/nav_r.jpg) no-repeat;}


#divSearch {float:right; padding:12px 5px 0 0;}
#WebTop1_txtSearch {float:left; width:157px; border:0; padding:2px 0 0 3px; _padding:3px 0 0 3px; height:20px; background:url(../WebImages/txt_search.jpg);}
#WebTop1_btnSearch {float:left;border:0; width:24px; height:23px; cursor:pointer; background:url(../WebImages/btn_search.jpg) no-repeat;}
/* 主体  */
#divBanwrap,#divBanwrap1  {position:relative; z-index:-10;}
#divBan,#divBan1  { position:absolute; top:-14px; z-index:-9;}
#divBanwrap {height:253px; }
#divBan {height:267px;}
#divBanwrap1 {height:172px;}
#divBan1 {height:186px; }

#divBody {border-top:solid 1px #FFF; padding-top:15px; background:#E9F7FF url(../WebImages/body_bg.jpg) repeat-x;}
#divBodyBot {height:10px; overflow:hidden; background:url(../WebImages/body_bot.jpg) no-repeat;}

/* about */
#body1wrap {background:#E9F7FF url(../WebImages/body_bg.jpg) repeat-x;}
#divBody1 {background:url(../WebImages/left_bg.jpg) repeat-y;}
#divBody1Bot {height:10px; overflow:hidden; background:url(../WebImages/body1_bot.jpg) no-repeat;}
#divBLeft {float:left; position:relative; top:-25px; width:222px; }
#divBRight {float:left; padding-top:15px;  background:#E9F7FF url(../WebImages/body_bg.jpg) repeat-x;}


/* 底部 */
#divBottom { padding:5px 0 10px 0; color:#FFF; background:#008AD2 url(../WebImages/bottombg.jpg) no-repeat left bottom;}
#divBottom a {color:#FFF;}
#divBottom a:hover {color:#CF0000;}
#divLink {text-align:center;}
#divLink a {margin-left:8px;}
#divBottom p {text-align:center;}





