﻿@charset "utf-8";
#header{height:170px; background:url(../images/bg-header.gif) repeat-x 0 0;}
#header #logo{float:left; height:87px; padding:15px 0 0 8px;}
#header #hotTel{float:right; height:30px; line-height:30px; padding-top:55px;}
#header #hotTel span{float:left; color:#000; width:65px;}
#header #hotTel span.hasbg{width:315px;font-size:20px; font-family:Arial; color:#b60000; position:relative;}
#header #hotTel span.hasbg span.bg{position:absolute;top:0; left:0; height:30px; width:315px; background:url(../images/hotTel.gif) no-repeat 0 0}

#header #mainNav{clear:both;height:35px; overflow:hidden; background:url(../images/bg-nav.gif) repeat-x 0 -35px;}
#header #mainNav b{height:35px; width:35px; overflow:hidden; background:url(../images/bg-nav.gif) no-repeat 0 0}
#header #mainNav b.right{background-position:100% 0}
#header #mainNav ul{float:left;}
#header #mainNav ul li{float:left; height:35px; text-align:center; font-weight:bold; padding-right:2px; background:url(../images/line2x27.gif) no-repeat 100% 100%;}
#header #mainNav ul li a{display:block; width:100px; height:28px; overflow:hidden; padding-top:7px; line-height:28px;}
#header #mainNav ul li.current a,#mainNav ul li a:hover{text-decoration:none; font-weight:bold; color:#fff; list-style:22px;background:url(../images/bg-nav.gif) repeat-x 0 -70px;}

#header #search{height:26px; line-height:19px;padding:7px 0 0 35px; background:url(../images/ico23x18.gif) no-repeat 0 50%}
#header #search span,#header #search label,#header #search input{float:left}
#header #search span.title{color:#DEDEDE; width:35px;}
#header #search label.hasbg{margin-right:6px;padding-left:10px; background:url(../images/bg-search-input.gif) no-repeat 0 0;}
#header #search input#KeyWord{width:115px; height:16px; line-height:16px; padding:2px 10px 1px 0; border:none; background:url(../images/bg-search-input.gif) no-repeat 100% 100%;}
#header #search input.hasDval{color:#7D7D7D}
#header #search input#submit{border:none;}

/*---仿select-----*/
.dropdown {float:left;outline:none; margin-right:6px;}
.dropdown h4{cursor:default; font-weight:normal;text-indent:5px; width:160px;height:19px; background:url(../images/bg-search-input.gif) no-repeat 0 0;}
.dropdown * {-moz-user-select:none;}
.dropdown h4.over{border-color:#369;}
.dropdown h4.current{border-color:#003;}
.dropdown div {display:none; position:relative; padding-right:2px;}
.dropdown span {position:absolute;top:0; right:0; background:url(../images/bg-select.gif) no-repeat center; width:16px; height:19px;}
.dropdown ul{position:absolute;display:none;border:1px solid #AAA; border-top:none; background:#FFF;}
.dropdown ul li{text-indent:5px;background:#FFF;height:19px;display:block;cursor:default;}
.dropdown ul li.over{background:#DDD; color:#000;}

.place{margin-bottom:18px;height:22px; line-height:22px; overflow:hidden; padding-left:22px; color:#4C4C4C; border-bottom:1px dashed #CBCBCB; background:url(../images/ico15x14.gif) no-repeat 5px 50%}
.place em,.place a{padding:0 12px 0 5px; background:url(../images/ico4x6_gray.gif) no-repeat 100% 50%; color:#B00005}
.place span{padding:0 12px 0 5px;}

/*-------左侧-------*/
#sideBar.box .con ul.list{}
#sideBar.box .con ul.list li{padding:5px 0; border-bottom:1px dashed #CBCBCB}
#sideBar.box .con ul.list li a{display:block; height:19px; line-height:19px; overflow:hidden; padding-left:35px; color:#000; background:url(../images/ico4x6_red.gif) no-repeat 20px 50%}
#sideBar.box .con ul.list li.current a,#sideBar.box .con ul.list li a:hover{font-weight:bold; color:#fff; text-decoration:none; background:url(../images/bg-sideBar-current.gif) no-repeat 9px 0;}

/*---------案例----------*/
#cases.box{}
#cases.box .con{padding:0 20px;}

dl.caseItem{float:left; margin-top:20px;width:305px; padding-right:10px; height:110px; padding-bottom:25px; line-height:22px; color:#000; background:url(../images/line3x1.gif) repeat-x 0 100%}
dl.caseItem dd.pho{float:left; margin:3px 12px 0 0; width:152px; height:95px; padding:5px 6px 7px 5px; background:url(../images/frame163x107.gif) no-repeat 0 0}
dl.caseItem dd.pho img{display:block; width:152px; height:95px}
dl.caseItem dd.date{font-size:10px; font-family:Arial}
dl.caseItem dd.info{color:#989898}
dl.caseItem dd.more{height:10px; overflow:hidden}
dl.caseItem dd.more a.more{display:block; width:63px; height:0; overflow:hidden; padding-top:10px; background:url(../images/more.gif) no-repeat 0 0}

#cases .pages{padding-right:60px;}

dl.caseInfo{margin:30px 0 50px 40px; height:205px; overflow:hidden}
dl.caseInfo dd.pho{float:left; margin:6px 30px 0 0;width:300px; height:205px; overflow:hidden;}
dl.caseInfo dd.pho img{display:block;width:300px; height:205px;}
dl.caseInfo dt,dl.caseInfo dd,.caseDetail{line-height:30px; color:#000}
dl.caseInfo a{color:#000}

.caseDetail{padding:0 5px 30px;}

/*-------解决方案----------*/
ul.phoList{}
ul.phoList li{padding-bottom:3px; width:135px; margin:0 auto 10px; border-bottom:1px dashed #CBCBCB}
ul.phoList li img,ul.phoList li span{display:block; color:#000; padding:0 4px 0 3px; line-height:22px;}
ul.phoList li img{width:128px; height:80px; padding:3px 4px 5px 3px; background:url(../images/frame135x88.gif) no-repeat 0 0}

#solution.box .con{padding:20px; line-height:30px;}

/*------联系方式------*/
#contact.box .con{padding:20px 25px;}
dl.contact{padding-left:155px; background:url(../images/ico-conatct.gif) no-repeat 0 8px;}
dl.contact dt,dl.contact dd{line-height:30px; height:30px; overflow:hidden; color:#000;}
dl.contact dt{font-size:14px; font-weight:bold;}

dl.contact dd.line{background:url(../images/line8x1.gif) repeat-x 0 50%}


/*------新闻---------*/
#news.box{}
#news.box .con{padding:18px 60px 15px 20px;}
ul.newsList{zoom:1}
ul.newsList li{*float:left; *width:100%; height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #DBDBDB}
ul.newsList li a{float:left; padding-left:10px; width:540px; overflow:hidden; background:url(../images/ico3x3.gif) no-repeat 2px 13px;}
ul.newsList li span{float:right; width:70px; overflow:hidden;}

#news .pages{padding-right:70px;}

#newsDetail{padding:5px 20px 10px 28px;}
#newsDetail h1{font-size:14px; color:#000; padding:4px 0; line-height:30px; text-align:center;}
#newsDetail .newsInfo{height:25px; line-height:25px; text-align:center; background-color:#F0F0F0}
#newsDetail .newsInfo span{padding:0 8px;}
#newsDetail .newsCon{padding:20px 0;line-height:24px;}
#newsDetail .newsCon p{text-indent:2em}


.newsNav{height:40px; padding-left:35px; line-height:26px; color:#000; position:relative;}
.newsNav p{float:left; width:315px;}
.newsNav a{text-decoration:underline}
.newsNav a.top{position:absolute; bottom:2px; right:2px; width:36px; height:0; overflow:hidden; padding-top:13px; background:url(../images/top.gif) no-repeat 0 0}

/*-------在线留言---------*/
#message.box .con{padding:15px 0;}
table.message{width:100%}
table.message th{width:85px; text-align:right; font-weight:normal;}
table.message td{padding:5px 0}
table.message td img.code{vertical-align:middle}
table.message td strong.required{color:#F8000A}

/*-------自定义页面--------*/
#DIY.box{}
#DIY.box .con{padding:35px 50px 35px 15px;color:#4b4b4b; line-height:24px;}


#footer{padding-top:10px; background:url(../images/bg-footer-border.gif) repeat-x 0 0;}
#footerWrap{padding:3px 50px 10px 125px; background:url(../images/bg-footer.gif) no-repeat 0 0}
#footer img.logo{float:left; margin:20px 20px 0 0;}
#footer .siteInfo{float:left;min-height:90px; _height:90px; width:570px; padding:10px 0 0 20px; background:url(../images/line4x84.gif) no-repeat 0 0}
