﻿*{margin:0; padding:0;}
body 
{
    font-family:"Arial",Verdana,Helvetica,sans-serif;
    font-size:12px;
    line-height:22px;    
    color:#686868;
    background:#E0E0E0;
}
li{list-style-type:none;}
img{border:0;}
a{color:#737373;text-decoration:none;}
a:hover{color:#1C7DE1; text-decoration:none;}


.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:25px; color:#737373;}

.cssSortList li.current a {background-position:-688px -68px; font-weight:bold; color:#FFF;}

#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; }


 .hotbanner { width:1050px;margin:0 auto; height: 211px; position: relative; overflow: hidden; margin-top: 0px; }
.hotbanner ul { position: absolute; left: 50%; margin-left: -525px; top: 0; }
.hotbanner ul li { width: 1050px; height: 211px; float: left; overflow: hidden; }
.hotbanner ul li img { display: block; width:100%; height: 100%; }

.hotbanner .hotbannerindeo { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 99; }
.hotbanner .hotbannerindeo a { display: inline-block; width: 12px; height: 12px; background: url(/WebImages/cycle_b.png) no-repeat; margin-right: 12px; line-height: 211px; overflow: hidden; }
.hotbanner .hotbannerindeo a.cur { background: url(/WebImages/cycle_w.png) no-repeat; }


/* 新闻列表 */
.cssArticleList {padding:25px 25px 0;}
.cssArticleList li {padding-left:30px; height:30px; margin:0 20px; line-height:30px; overflow:hidden; border-bottom:dashed 1px #C9C9C9;  background:url(../WebImages/dot7.gif) no-repeat 15px center;}
.cssArticleList li a { text-decoration:none;}

.cssHotNews li {height:25px; padding:2px 0; line-height:25px; overflow:hidden; background:url(../WebImages/dot_line.gif) repeat-x left bottom;  }
.cssHotNews li a {margin:0 5px;  padding-left:10px; background:url(../WebImages/dot5.gif) no-repeat 3px 8px; }


/* 工程案例 */
.cssNewProducts .cssCaseList {padding-left:50px;}
.cssCaseList li {float:left; height:140px; width:185px; overflow:hidden; margin:5px 55px 15px 0; text-align:center;}
.cssCaseList li img {width:182px; height:112px; background-color:#FFF; padding:1px; border:solid 1px #CCC;}
.cssCaseList li img:hover {border:solid 1px #1C7DE1;}

/* 产品列表 */
.cssSort2 .cssPad {padding:20px 10px 15px;}

.cssPList li {float:left; display:inline; margin:10px 8px 15px 0; width:250px; height:100px; overflow:hidden;}
.cssPList li img {width:120px; height:96px; float:left; margin-right:5px; border:solid 1px #DDDDDD; padding:1px;}
.cssPList li img:hover {border:solid 1px #6699CC;}
.cssDetail {color:#1C7DE1;}
.cssDetail:hover {color:#CF0000;}
.cssPList li.cssLine {height:0; margin:5px 0; border-bottom:solid 1px #CCC; padding:0; width:100%; clear:both;}

.cssNewProducts .cssPdetail {padding-top:25px ;}
/* 案例 */
.cssProjList li {width:244px; height:210px; overflow:hidden; margin:0 3px 15px 0; text-align:center; float:left;}
.cssProjList li img {width:240px; height:180px; border:solid 1px #CCC; padding:1px;}
.cssProjList li img:hover {border:solid 1px #1C7DE1;}

/*  */
.cssSort1 {background:url(../WebImages/sort1bg.jpg) repeat-y;}
.cssSort1Tit {height:41px; overflow:hidden; background:url(../WebImages/sort1tit.jpg) no-repeat;}
.cssSort1Tit h2 {margin:0 15px 0 40px; font-size:14px; overflow:hidden; color:#0073C3; line-height:41px;}
.cssSort1Bot {height:5px; overflow:hidden; background:url(../WebImages/sort1bot.jpg) no-repeat;}
.cssSort1Con {padding:0 5px;}

.cssSort1List dl {border-bottom:solid 1px #FFF;}
.cssSort1List dt {line-height:20px;}
.cssSort1List dt:hover {background-color:#B2DCEC;}
.cssSort1List dt a {margin:0 10px; padding-left:15px; font-weight:bold; display:block; color:#444;}

.xias {background:url(../WebImages/sort1_h.gif) no-repeat 5px 9px;}
.xias:hover {background:url(../WebImages/sort1_h.gif) no-repeat 5px 9px;}

.rights {background:url(../WebImages/sort1_h.gif) no-repeat 5px 9px;}
.rights:hover {background:url(../WebImages/sort1_h.gif) no-repeat 5px 9px;}


.cssSort1List li {line-height:26px; padding:0 10px 0 35px; }
.cssSort1List li:hover {background:url(../WebImages/sort1_h.gif) no-repeat;}
.cssSort1List li a {padding-left:10px; margin-left:-10px; font-weight:lighter; color:#444; display:block; font-size:13px; background:url(../WebImages/dot1.gif) no-repeat 0 11px;}
.cssSort1List li a:hover {color:#FFF; text-decoration:none; background:url(../WebImages/dot2.gif) no-repeat 0 11px;}


/* QQ客服 */

.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ right: 0; width: 170px; background:url(../Images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(../Images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(../Images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(../Images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(../Images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(../Images/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }

/*QQ END*/


.cssDown {padding-left:15px; background:url(../WebImages/down.gif) no-repeat left center;}

.box1Wrap {padding:2px; border-style:solid; border-width:1px; border-color:#DDD #BDBDBD #BDBDBD; background-color:#FFF; }
.box1 {padding-top:5px; /*background-color:#EEEEEE;*/ }
.cssMore1 {float:right; margin:8px 15px 0 0; display:block; width:29px; height:9px; background:url(../WebImages/more.gif) no-repeat;}

.cssZxzx {width:277px; margin-right:8px;}
.cssGywm {width:277px; margin-left:8px;}
.cssBox1Tit {padding-bottom:5px; background:url(../WebImages/box1_t_line.gif) no-repeat left bottom;}
.cssBox1Tit h2 {font-size:13px; padding-left:15px; margin-left:8px; background:url(../WebImages/dot4.gif) no-repeat left center;}
.cssBox1Con {padding:5px;}

.cssLianxi {margin-top:8px;}
.cssLianxi h2 {margin-left:10px; padding-left:8px; color:#1359A9; background:url(../WebImages/dot3.gif) no-repeat left center;}
.cssLianxiCon {padding:0 8px ; margin-top:3px; border:solid 1px #E6E6E6; line-height:21px; background:url(../WebImages/line_bg.jpg) repeat-y;}



.mar10 {margin-top:10px;}
.cssNewProducts {padding:3px 10px 8px;}
.cssNewPList li {margin:0 9px 15px 0;  width:275px; height:100px; float:left;}
.cssNewPList li img {float:left; margin-right:10px; border:solid 1px #D1D1D1; width:120px; height:96px;}
.cssNewPList li img:hover {border:solid 1px #134F94;}
.ptit a{color:#134F94; font-size:13px; font-weight:bold;}
.ptit a:hover {color:#1C7DE1;}
.pcon {line-height:18px;}
.pcon a {margin-left:5px;}
.pdetail {text-align:right;}

.cssBox2Tit {border-bottom:1px solid #CFCFCF;}
.cssBox2Tit h2 {margin-left:5px; padding-left:20px;background:url(../WebImages/dot6.gif) no-repeat left center;}
.cssBox2Con {border-top:1px solid #FFF; padding:8px 0; min-height:500px; height:100%; _height:500px;}
.cssBox1Con {border-top:1px solid #FFF; padding:8px 0;}

.cssAnliTit {border-left:2px solid #037FC1; background-color:#DDDDDD;}
.cssAnliTit h2 {margin-left:10px; font-size:12px; font-weight:bold; line-height:26px;}
.cssAnliCon {margin:10px 6px 0; height:754px; overflow:hidden;}
.cssAnliList li a {width:182px; height:118px; display:block; border:solid 1px #BFBFBF; padding:1px; background-color:#F3F3F3;}
.cssAnliList li a:hover {border:solid 1px #1C7DE1;}

.cssAnliList li img {border:solid 1px #FFF; width:180px; height:116px;}
.cssAnliList li span {text-align:center; height:26px; display:block;}

.cssLiuyan {margin-top:8px;}
.cssLiuyan img {width:235px; height:50px;}


.cssHuoban {margin-top:5px; padding:10px 10px 0; height:90px; background:url(../WebImages/hezuo.gif) no-repeat;}
.cssHuobanTit {border-bottom:1px solid #CFCFCF;}
.cssHuobanTit h2 {margin-left:8px; padding-left:20px; font-weight:bold; font-size:13px; background:url(../WebImages/dot6.gif) no-repeat left center;}
.cssMore2 {float:right; margin:5px 10px 0 0;width:29px; height:9px; display:block; background:url(../WebImages/more1.gif) no-repeat;}


.cssFuwu {margin-top:8px;}
.cssFuwu a {display:block; overflow:hidden;}
.cssFuwu img {display:block; overflow:hidden;}


.cssProductImage {width:340px; margin:20px 0 30px; float:left;}
.cssProductImage img { margin-left:40px; width:270px;}


#demoTop {float:left;margin:0 auto;overflow:hidden;height: 754px;width: 100%;}
#demoTop .indemo {float: left;width: 100%;}
#demo3 {float: left;}
#demo4 {float: left;}


/******************滑动门*****************/
  OL LI {margin: 8px;}
#con {font-size: 12px; margin: 0px auto; width:730px;}
#tags { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 0px 10px; width: 650px; padding-top: 0px; height: 23px;}
#tags LI {background: url(../WebImages/bhot1.gif) no-repeat left bottom; FLOAT: left; margin-right: 1px; LIST-STYLE-TYPE: none; height: 23px;}
#tags LI A {padding-right: 10px; padding-left: 10px; background-color:#77AAEE; FLOAT: left; padding-bottom: 0px; COLOR: #fff; line-height: 23px; padding-top: 0px; height: 23px; TEXT-DECORATION: none;}
#tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
#tags LI.selectTag A {background-color:#5896EB; COLOR: #fff; font-weight:bold; line-height: 24px; height: 24px;}
#tagContent {padding-right: 1px; border:1px #77AAEE solid; padding-left: 1px; padding-bottom: 1px;  padding-top: 1px; background-COLOR: #fff;}
.tagContent {padding:10px; display: none; width:706px; COLOR: #474747; height:100%; min-height:300px; _height:100px;}
#tagContent DIV.selectTag {display: block;}

#tagContent4 li {float:left; margin:0 23px 10px 0; width:210px; height:170px; text-align:center;}
#tagContent4 li a img {width:210px; height:150px;}






/* 内页 */
.cssSiteNav {float:right; margin-right:10px;}
.cssAbout {line-height:25px;}

/* 整体 */
#divWrap {width:1077px; margin:0 auto; background:url(../WebImages/wrapbg.jpg) repeat-y;}
#divBotWrap {height:10px; overflow:hidden; background:url(../WebImages/bot_wrap.jpg) no-repeat;}
#divPage {margin:0 13px;}


/* 头部 */
#divLogo {height:91px; background:url(../WebImages/logo_bg.jpg) repeat-x;}
#divLogo .cssLogo img {width:625px; height:91px; }
#divLogo .cssLang {float:right;}
#divLogo .cssLang { text-align:right;}
.cssLang p {margin-right:20px;}
.cssCN,.cssEN{display:inline-block; margin:10px 15px 0 0 ; padding-top:28px; width:43px; height:22px;}
.cssCN {background:url(../WebImages/cn.jpg) no-repeat center top;}
.cssEN {background:url(../WebImages/en.jpg) no-repeat center top;}
#divNav {height:32px; margin:1px 0 2px; background:url(../WebImages/nav_bg.jpg) repeat-x;}
#divNav li {float:left; width:82px; padding-right:2px; height:32px; line-height:32px; text-align:center;  background:url(../WebImages/split.gif) no-repeat center right; }
#divNav li a {color:#FFF; font-size:14px; height:29px; padding-top:3px; display:block;  font-weight:bold;}
#divNav li a:hover {color:#FF9933; text-decoration:none;}
#divNav li.search {margin-top:5px; float:right; width:270px; background:none;}
#WebTop1_txtSearch,#WebTop1_btnSearch {border:0;}
#WebTop1_txtSearch {float:left; padding:3px 10px; width:185px; height:18px; background:url(../WebImages/s_txt.jpg) no-repeat;}
#WebTop1_btnSearch {float:left; width:50px; height:24px; padding:0 7px 4px 0; line-height:24px; cursor:pointer; color:#FFF;  background:url(../WebImages/s_btn.jpg) no-repeat;}
#WebTop1_btnSearch:hover {color:#FF9933;}

/* 主体 */
#divBan img {width:1051px; height:211px;}
#divBody {margin-top:5px;}
#divLeft {width:235px; float:left;}
#divCenter {width:595px; float:left; margin-left:8px;}
#divRight {width:200px; float:right; }

#divRightNY {width:804px; float:right;}
/* 底部 */
#divBottom {margin:12px auto 10px; width:1077px; text-align:center; }
.cssLink a {margin-left:8px;}

html, body,#form1 {height: 100%;}
#container {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -100px; }
#divBottomwrap, #push {height: 100px; }









