@charset "gb2312";
* { margin:0; padding:0; list-style:none;   -moz-user-select:none; }
body{ font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; margin:0; padding:0; background: url(bodyBorder.png) repeat-y center top #f3f3f3;}
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{ clear:both;}



/**导航菜单 beigin**/
#menuUl{}
.home{ float: left; position:relative;}
.home:hover{background:#01ffff;}
.navParentLi{ float: left; position:relative;}
.navParentLi:hover{background:#01ffff;}
.navParentLi:hover a{ color:#000;}
.navParentA{width:140px; display:block; font-size:14px; font-weight:bold; text-align:center; line-height:57px; color:#eee;}
.navParentA:hover{ color:#000;}

.navParentLi ul {display:none; position:absolute; width:140px; z-index:1000;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.navSubLi {border-bottom:1px solid #000; background:#01ffff; height:35px; text-align:center;}
.navSubLi:hover {background:#2c7fb5;}
.navSubLi:hover a{color:#fff;}
.navSubLi a{line-height:35px; color:#fff; font-size:12px;}
/**导航菜单 end**/

/**banner begin**/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{height: 342px; overflow: hidden; position: relative; width: 1120px;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(banner/l.png) no-repeat; position:absolute; top:150px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(banner/r.png) no-repeat; position:absolute; top:150px; right:10px; z-index:10;}
#playBox .smalltitle {width:1140px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
/**banner end**/


.topWhole{ background:url(topWholeBg.gif) repeat-x;}
.top{ background:url(topBg.jpg) no-repeat center top;}
.yzWidth{ width:1140px; margin:0 auto;}
.head{ padding:10px 0;}
.logo{ float:left; width:600px;}
.tel{background:url("telBg.png") no-repeat scroll left center; color: #333; float: right; font: bold 16px/30px Georgia,"微软雅黑",Arial,Helvetica,sans-serif; letter-spacing: 1px; margin-top: 30px; padding-left: 17px; width: 328px;}
.banner{ background:#fff; padding:10px; height:342px;}
.nav{ margin-top:11px;}
.main{}
.pro{padding:10px 0; background:#fff;}
.left{float: left; padding-left: 8px; width: 242px;}
.cateParentA{ border-bottom:1px solid #c8c8c8; color:#2677ae; font:bold 14px/40px "微软雅黑",Arial, Helvetica, sans-serif; background:url(leftTitleIcon.png) no-repeat left center; padding-left:30px; letter-spacing:2px; display:block;}
.cateSubLi{ line-height:36px; border-bottom:1px solid #e8e8e8; background:url(li.gif) no-repeat left center; padding-left:15px;}
.proCate{}
.right{float: right; width: 870px;}
.rightTitle{ border-bottom:1px solid #2476ab;}
.rightTitle .rtLeft{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll 0 top; height:39px;}
.rightTitle .rtMid{float:left; padding:0 30px; background:#2476ab; text-align:center; font:bold 14px/39px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff;}
.rightTitle .rtRight{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll -30px top; height:39px;}

.proList{ padding:6px 0;}
.proList li{float: left; margin:4px 8px 0 8px; width: 274px;}
.proList li a{ display:block; text-align:center;}
.proList li span{ display:block; line-height:30px; text-align:center;}
.proList li img{ width:260px; height:195px; border:1px solid #59a8d5; padding:3px;}
.contact{}
.companyAndNews{ padding:10px; background:#fff;}
.company{ float:left; width:600px;}
.companyTxt{ line-height:30px; padding:6px;}
.news{ float:right; width:500px;}
.newsList{}
.newsList li{background:url("li.gif") no-repeat scroll left center; border-bottom: 1px dashed #ccc; line-height: 36px; padding-left: 15px;}
.newsList li span{ float:right;}
.link{border-bottom: 1px solid #1b639a; min-height:50px; background:#2476ab; line-height:50px;}
.linkTitle{font:bold 14px/40px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff; padding-left:6px;}
.link a{ padding:0 4px; color:#fff;}
.bottom{background:#2476ab;border-top: 1px solid #3b8cba;}
.bottomLeft{ float:left; width:120px; padding:10px;}
.bottomMid{ float:left; width:760px; padding-top:20px; line-height:30px; text-align:center; color:#01ffff;}
.bottomMid a{ color:#fcff00;}
.bottomRight{ float:right; width:120px; padding:10px;}



/*内页 begin*/
.nLeft{float: left; padding-left: 8px; width: 242px;}
.leftSplit{}
.nRight{float: right; width: 870px;}
.whiteBorder{padding:10px 0; background:#fff;}
.nContent{ line-height:28px; padding:8px 5px;}
.nContent p{ line-height:28px;}

.position{ border-bottom:1px solid #2476ab;}
.position .rtLeft{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll 0 top; height:39px;}
.position .rtMid{float:left; padding:0 30px; background:#2476ab; text-align:center; font:bold 14px/39px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff;}
.position .rtRight{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll -30px top; height:39px;}
.position a{ color:#fff;}


.cate{}
.nCateList{ padding:0 0 8px 0;}
.nCateList li{background: url("allPng.png") no-repeat -17px -192px; height: 32px; margin-bottom:6px;}
.nCateList li:hover{ background: url("allPng.png") no-repeat -854px -281px;}
.nCateList li a{ display:block; line-height: 32px; text-align: center; font-weight:bold; color:#000;}

.hotNews{ margin-top:4px;}
.nNewsList li, .hotNewsList li{background:url("li.gif") no-repeat left center; border-bottom: 1px dashed #ccc; line-height: 36px; padding-left: 15px;}
.nNewsList li span{ float:right; padding-right:10px;}

.nNewsTitle{ line-height:35px; text-align:center; border-bottom:1px solid #2476ab; padding-bottom:8px;}
.nNewsInfos{ text-align:right; color:#999; margin-right:10px;}
.nNewsContent{ line-height: 30px; padding:8px;}
.bdShare{ float:right;}
.prenext{ margin:8px 4px; padding:4px; border:1px solid #ddd;}
.preArticle{ float:left;}
.nextArticle{ float:right;}
/*内页 end*/

/*内页产品分类 begin*/
.nProBigLi{ padding-top:8px;}
.nProCate{}
.nProBigClass{background: url("allPng.png") no-repeat -17px -192px; height: 32px; display:block; line-height:32px; color:#000; text-align:center; font-weight:bold; margin-bottom:4px;}
.nProBigClass:hover{background: url("allPng.png") no-repeat -17px -230px;}
.nProBigLi li a{background: url("allPng.png") no-repeat -17px -230px; display: block; line-height: 35px; text-align: center; margin:2px 0;}
.nProBigLi li a:hover{ background:#0CF}
/*内页产品分类 end*/

/*内页产品列表 begin*/
.nProList{}
.nProList li{ width:270px; float:left; margin:0 8px; text-align:center;}
.nProList li a{ display:block;}
.nProList li img{ width:258px; height:193px; padding:4px; border:1px solid #bbb;}
.nProList li span{ display:block;}
/*内页产品列表 end*/

/*产品说明页面 begin*/
.ProIntro{}
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proInfo{ float:left; width:500px; margin-left:20px;}
.proTitle{border-bottom: 1px solid #2476ab; line-height: 38px; padding: 4px 8px;}
.proInfos{ text-align:right; text-align:right; padding-right:10px; color:#999;}
.proParameter li{ margin:5px; line-height:35px;}
.proParameter li span{display: inline-block; font-weight: bold; margin-right: 15px; text-align: center; width: 100px;background:#2476ab ; color:#fff;}
.proDetail{}
.detailTitle{border-bottom: 1px solid #2476ab; font-size: 14px; font-weight: bold; line-height: 36px; margin: 8px 0;}
.detailTitle span{background: #2476ab;color: #fff; display: inline-block; padding:0 15px;}
/*产品说明页面 end*/

/*内页工程案例列表 begin*/
.nCaseList{}
.nCaseList li{ width:238px; float:left; margin:0 8px; text-align:center;}
.nCaseList li a{ display:block;}
.nCaseList li img{ width:228px; height:170px; padding:4px; border:1px solid #bbb;}
.nCaseList li span{ display:block;}


/*内页工程案例列表 end*/

.nAnLiTitle{border-bottom: 1px solid #2476ab; line-height: 38px; padding: 4px 8px; text-align:center;}
.nAnLiInfos{color: #999; padding-right: 10px; text-align: right;}
.nAnLiImageList li{border: 1px solid #555; float: left; margin: 8px; padding: 12px 10px; text-align: center; width: 215px;}
.nAnLiImageList li a{ display:block;}
.nAnLiImageList li img{ width:215px; height:150px;}
.nAnLiImageList li span{ display:block; height:30px; line-height:30px;}

/* FeedBack beigin */
.FeedBack{ background:#fff; padding:10px 0;}
.FeedBack .Fleft{width:120px; float:left;}
.Fleft .Ficon{ text-align:center;}
.Fleft .Fname{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.Fright{float:left;padding-bottom:10px;}
.Fright .Fcontent .Ftime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#196ba7;padding:0px 20px 5px 20px;}	

.Fright .Fcontent{border: 1px solid #ddd; margin-left: -3px; padding: 8px 0; width: 648px; position:relative;}
.speakerBorder{height:55px; width:20px; background:url("../PostBG.png") no-repeat -7px -77px; position:absolute; left:-19px}
.Fright .Fcontent p{padding:0px 20px 5px 50px;}
.Freply{ position:relative;}
.Freply .FRtitle{line-height:20px;	color:#FFFFFF; height:26px;	background:url("../PostBG.png") no-repeat -7px -22px;	padding-left:20px;	font-weight:bold;position:relative; left:-10px;}
.Freply p{color:#989E4D}	
	
.IntroTitle{width:665px; margin:auto;}
.commentbox{padding-top:5px;}
.liuyan .input{	height:25px; line-height:25px;}
.commentbox #commentform .Cbutton{line-height:25px;	background:#196ba7;	border:none; color:#FFFFFF;	font-size:14px;	cursor:pointer;}
.commentlist dt{padding:5px 10px; background-color:#dededc;	height:22px; line-height:22px;	font-size:12px;}	
.commentlist dd{padding:15px 0px 15px 0px; line-height:180%; font-size:14px;}	
.commentlist dd  b{color:#458D3A;}
.commentlist dd span{color:#A00000;}	
.commentlist p{	padding:0px;line-height:180%; margin:0px;}

.liuyan li{ line-height:40px; clear:both;}
.liuyan .fontStyle{font: bold 12px/40px "宋体"; color:#2476ab; float:left; width:100px; margin-right:10px; text-align:right;}
.liuyan div{ float:left;}

/* FeedBack end */

/* relative start */
.relativeInfo{}
.relativeProduct{ margin:10px 0;}
.relativeProduct li{ width:194px; float:left; margin:8px;}
.relativeProduct li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativeProduct li img{ width:186px; height:135px; border:1px solid #2476ab; padding:3px}

.relativeTitle{ border-bottom:1px solid #2476ab;}
.relativeTitle .rtLeft{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll 0 top; height:39px;}
.relativeTitle .rtMid{float:left; padding:0 30px; background:#2476ab; text-align:center; font:bold 14px/39px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff;}
.relativeTitle .rtRight{float:left; width:30px;background:url("rightTitleBg.png") no-repeat scroll -30px top; height:39px;}

.relativeCases{}
.relativeCaseList{}
.relativeCaseList li{ width:194px; float:left; margin:8px;}
.relativeCaseList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativeCaseList li img{ width:186px; height:135px; border:1px solid #2476ab; padding:3px;}

.relativeArticle{}
.relativeArticleList{padding:8px 0 8px 8px;}
.relativeArticleList li{float: left; margin: 0 20px 0 10px; width: 325px; background:rgba(0, 0, 0, 0) url("li.gif") no-repeat scroll left center; padding-left:15px;}
.relativeArticleList li a{ display:block; line-height:26px;}

.message{}
.messageList{}
.messageForm{ padding-top:10px;}
.relativeMsgBlock{ background:#fff; padding:10px 0;}
.relativeMsgLeft{width:90px; float:left;}
.relativeMsgPic{padding:0px  12px;}
.relativeMsgName{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.relativeMsgRight{float:left; padding-bottom:10px;}
.relativeMsgTime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:0px 20px 5px 20px;}	
.relativeMsgContent{border: 1px solid #ddd; margin-left: 20px; padding: 8px 0; width:910px; position:relative;}
.relativeMsgBorder{height:55px; width:20px; background:url("../PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA{ width:800px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageTA2{ width:600px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageName{ width:200px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.messageCode{ width:100px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.Cbutton{background:#2476ab; border: 0 none; color:#fff; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; margin: 15px; width: 180px;}
/* relative end */


/** Search beigin **/
.searchForm{background: url("../PostBG.png") no-repeat scroll -46px -140px transparent; height: 30px; width: 220px; margin:15px 0 10px 10px}
#search-text {background: none;  border: medium none; color: #999999; font-size: 12px; height: 28px; line-height: 28px; margin: 0; padding: 0 10px 0 30px; width: 112px}
#search-submit {background: none; border: medium none; color: #ffffff; cursor: pointer; font-size: 12px; height: 26px; margin: 0; padding: 0; width: 42px;}
.searchtip{ text-align:center; font:bold 14px/36px '微软雅黑'; border-bottom:1px solid #690;}
.result_list .gray{ text-align:right; padding-right:10px; color:#666;}
.result_list dl dt{ font:bold 12px/30px '微软雅黑'; padding-left:10px;}
.resultContent{ font:12px/26px '微软雅黑'; padding-left:20px; color:#777;}
.resultInfo{ text-align:right; padding-right:10px; color:#666; border-bottom:1px dashed #999; margin-bottom:8px; line-height:30px;}
.resultInfo a{color:#666; margin-right:15px;}
/** Search end **/

/* 招聘信息 strat */
.recruitList{ border:1px solid #842;}
.recruitTitleBg{ background:#842;}
.recruitList li{ line-height:40px; border-bottom:1px solid #842;}
.recruitTitle{font:bold 14px/40px "宋体"; color:#fff; padding-left:10px; display:block; float:left;}
.recruitTime{ margin-left:15px; color:#fff; float:left;}
.recruitItem{ font:bold 12px/40px "微软雅黑"; color:000; display:block; float:left; width:90px; text-align:right; padding-right:10px; background:#ddd;}
.recruitItemText{ float:left; width:655px; margin-left:10px; line-height:40px;}
.recruitDiscription{float:left; width:655px; margin-left:10px; line-height:30px;}
.recruitHr{ height:1px;}
/* 招聘信息 end */

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:10px;}
.siteMapBigClass{background:#f66; display:block; font: bold 12px/30px "微软雅黑"; padding-left: 20px; color:#fff; border-bottom:1px solid #eee;}
.siteMapBigClass:hover{ color:#eee;}
.siteMap ul{ margin-left:40px;}
.siteMap ul li{ border-bottom:1px solid #eee;}
/** siteMap end **/

/*分页 begin*/
.yPage{text-align:center; height:35px; line-height:35px; margin-top:5px; color:#000;}
.yPage a{ color:#f00; margin:0 5px;}
.currentPage{ color:#f00;}
/*分页 end*/

/*service beigin*/
.kefu1Box { width:118px; position:absolute; z-index:9999; top:220px; overflow:hidden;}
.closeBtn a span { display:none;}
.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}
.show_btn span { display:none;}
.kefu01Content .qqserver p { text-align:center; padding:2px 0; margin:0; vertical-align:middle;}
.kefu01Content .qqserver p img {display: inline; vertical-align:middle;}
.kefu01Content .phoneserver{ text-align:center;}
.kefu01Content .phoneserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.kefu01Content .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;}
.kefu01Content .msgserver { text-align:center; margin-bottom:5px;}
.kefu01Content .msgserver a { background:url(../serviceImg/keFu01.png) no-repeat -5px -145px; padding-left:20px;}
.kefu01Content hr {color:#f4f4f4; height:1px; margin:10px 0; clear:both; }

.keFu01 .kefuContent { width:118px; position:absolute; z-index:2; top:0; right:0;}
.keFu01 .contentTitle { height:33px; background:url(../serviceImg/keFu01.png) no-repeat -100px 0; }
.keFu01 .kefu01Content { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff;  text-align:center; padding:5px;}
.keFu01 .kefu01Content .qqserver p span { display:none;}
.keFu01 .contentBottom { height:2px; background:#1e1824; overflow:hidden; }
.keFu01 .closeBtn {position:absolute; right:1px; top:2px;}
.keFu01 .closeBtn, .keFu01 .closeBtn a {display:block; overflow:hidden; cursor:pointer; width:24px; height:22px; background:url(../serviceImg/keFu01.png) no-repeat -250px 0; }
.keFu01 .show_btn { width:33px; height:120px; background:url(../serviceImg/keFu01.png) no-repeat 0 0;  }
/*service end*/