@charset "gb2312";
* { margin:0; padding:0; list-style:none;}
body{ font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; -moz-user-select : none;-webkit-user-select: none;}/**防复制**/
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{ clear:both;}
.whiteBg{ background:#fff;}

.jsTop{ background:url("topBg.png") repeat-x left top;}
.jsHead{}
.jsWidth{ margin:0 auto; width:1080px;}
.jsLogo{background:url("jsPng.png") no-repeat scroll -10px -10px; float: left; height: 118px; text-indent: -9999px; width: 600px;}
.headRight{float: right; padding-top: 10px; width: 240px;}
.headMobile{background:url("jsPng.png") no-repeat scroll -796px -20px; height: 60px; padding-left: 50px;}
.mobileTitle{color: #005da7; font: 16px/30px impact,"微软雅黑";}
.mobileTxt{color: #005da7; font: bold 20px/30px Georgia,Arial,Helvetica,sans-serif,"微软雅黑";}
.headSearch{}
.jsNav{ background:#277ec3;}
.jsBanner{ margin:10px 0;}
.jsMain{padding-bottom: 10px;}
.jsLeft{ float:left; width:241px;}
.proCate{ background:#f4f4f4;}
.proCateTitle{background: #6c7e8f url("jsPng.png") no-repeat scroll -284px -551px; height: 60px; text-indent: -999px;}
.proCateList{}
.proCateMore{}
.leftAd1{ padding-top:10px;}
.contact{}
.conTitle{background: #6c7e8f url("jsPng.png") no-repeat scroll -284px -600px; height: 60px; text-indent: -999px;}
.conList{ border:1px solid #6c7e8f; padding:10px 0;}
.conMobile{}
.jsRight{ float:right; width:820px;}
.jsAbout{}
.aboutTitle span{ display:inline-block; width:400px; background:url("jsPng.png") no-repeat scroll -355px -200px; height: 60px; text-indent: -999px;}
.jsAboutTxt{ line-height:30px; font-size:14px;}
.comPic{float: left;padding-right: 10px;width: 300px;height: 202px;}
.proTitle span{display:inline-block; width:400px; background:url("jsPng.png") no-repeat scroll -355px -260px; height: 60px; text-indent: -999px;}
.news{}
.comNews{ float:left; width:400px;}
.comNewsTitle span{display:inline-block; width:400px; background:url("jsPng.png") no-repeat scroll -355px -320px; height: 60px; text-indent: -99999px;}
.newsList{}
.techNews{ float:right; width:400px;}
.techNewsTitle span{display:inline-block; width:400px; background:url("jsPng.png") no-repeat scroll -355px -385px; height: 60px; text-indent: -99999px;}
.case{}
.caseTitle span{background:url("jsPng.png") no-repeat scroll -340px -446px; display: block; height: 60px; text-indent: -99999px; width: 400px;}
.caseList{}
.caseList li{border: 1px solid #ccc; float: left; margin: 0 8px 8px 0; padding: 8px 8px 2px 8px; width: 244px; text-align:center;}
.caseList li img{width:240px; height:180px;}
.caseList li a{ display:block;}
.caseList li span{ display:block; line-height:26px;}
.friendList{ background:#005da7;}
.linkList{}
.linkTitle{background:url("jsPng.png") no-repeat scroll -355px -650px; display: inline-block; height: 60px; text-indent: -99999px; width: 140px;}
.linkList a{color: #00bfe3; display: inline-block; line-height: 60px; padding: 0 8px; vertical-align: top;}
.bottom{ background:#6c7e8f;}
.bottomLeft{}
.bottom{ background:#6c7e8f; padding: 20px 0;}
.bottomLeft{float: left; width: 120px; padding:10px;}
.bottomMid{ float:left; width:800px; text-align:center; color:#fff; line-height:30px;}
.bottomMid a{ color:#fffc00; margin:0 3px;}
.bottomRight{ float:right; width:120px; padding:10px}


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

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

/**百叶窗banner begin**/
.slider {width: 1080px; height: 385px; margin: 0 auto; overflow: hidden;}
.osSlider-main .slider-btn-prev {position: absolute; z-index: 30; top: 50%; left: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(banner/prev.png) 50% 50% no-repeat; transition: all .5s linear;}
.osSlider-main:hover .slider-btn-prev {left: 5px;}
.osSlider-main .slider-btn-next {position: absolute; z-index: 30; top: 50%; right: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(banner/next.png) 50% 50% no-repeat; transition: all .5s linear;}
.osSlider-main:hover .slider-btn-next {right: 5px;}
.osSlider-main .slider-nav {position: absolute; width:100%; height: 22px; bottom: 20px; text-align: center;z-index: 25;}
.osSlider-main .slider-nav li {display: inline-block; height: 20px;line-height: 20px; padding: 0 6px; margin: 0 12px; font-size: 12px; color: #eee; border: 1px solid #eee; background: none; cursor: pointer;}
.osSlider-main .slider-nav li.active {color: #333; background: #eee;}
.osSlider-main .slider-nav li:hover {border: 1px solid #f60; background: #f60;}
/**百叶窗begin end**/

/**产品分类菜单 beigin**/
.cateParentLi{border-bottom: 1px solid #fff;}
.cateParentA{display: block; font: 14px/40px ""; text-align: center; border-bottom:1px solid #ccc;}
.currentCateParentA{display: block; font: 14px/40px ""; text-align: center; border-bottom:1px solid #ccc;}
.cateSubLi{background:url("jsPng.png") no-repeat scroll 189px -216px; border-bottom: 1px dotted #ccc; line-height: 40px; margin: 0 10px; padding-left: 20px;}
.cateSubLi a{ display:block;}
.currentCateSubLi{ line-height: 32px; margin: 6px 0; padding-left: 45px;}
/**产品分类菜单 end**/

.cate{ background:#f4f4f4;margin-bottom:12px;}
.leftTitle{background: #6c7e8f; height:60px; font:16px/60px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff; text-align:center; }


.contact{ margin:8px 0;}
.contact ul{ padding-left: 6px;}
.contact li{line-height: 28px;}
.contact li span{ display: inline-block; font-weight: bold; width:74px;}
.leftNews{}

.pro{padding-bottom: 15px;}
.proList{}
.proList li{border: 1px solid #ccc; float: left; margin: 4px; padding: 8px 4px 4px; text-align: center; width: 187px; position:relative;}
.proList li img{height: 137px; width: 180px;}
.proList li a{ display:block}
.proList li span{ display:block; height:30px; text-align:center; line-height:30px;}

.iProMore{background-color: #fff; line-height: 20px; overflow: hidden; position: absolute; bottom: 2px; width: 187px; text-align:left;overflow:hidden; text-overflow:ellipsis; height:40px;}

.newsList li{ line-height:35px; border-bottom:1px dashed #ddd; background:url("jsPng.png") no-repeat scroll -846px -221px; padding-left:25px;}
.newsList li span{ float:right; margin-right:8px;}

#container{ float:left; width:320px; height:256px; margin-right:10px;}
.comTxt{float: left; padding-left: 8px; width: 490px;}




/*内页 begin*/
.position{font: 14px/40px ""; border-bottom:2px solid #6c7e8f; height:40px; margin-bottom:8px;}
.position .positionTitle{background:url("jsPng.png") no-repeat scroll -843px -309px; border-bottom: 2px solid #000; float: left; height: 40px; line-height: 40px; padding: 0 6px 0 30px;}
.position .positionContent{background:url("jsPng.png") no-repeat scroll -843px -175px; float: right; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 10px;}
.position .positionContent a{}

.singlePage{ line-height:26px;}
.picPage{}

.nNewsList{}
.nNewsList li{background:url("jsPng.png") no-repeat scroll -846px -217px; border-bottom: 1px dashed #c1c1c1; line-height: 40px; margin: 0 10px; padding: 0 10px 0 30px;}
.nNewsList li span{ float:right;}

.nNewsTitle{}
.nNewsTitle h1{ text-align:center; font:normal 24px/50px "微软雅黑",Arial, Helvetica, sans-serif;}
.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;}

.contentSiteTag{ -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; background:#726868;}
.contentSiteTagTitle{ display:inline-block; padding:0 10px; line-height:40px; color: #fff; font-size: 22px;}
.contentSiteTag a{color: #fff;display: inline-block;line-height: 40px;margin: 0 8px;}
.contentSiteTag a:hover{color:#f00;}
/*内页 end*/


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

/*产品说明页面 begin*/
.ProIntro{ padding-bottom:10px;}
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proBaseInfo{ float:left; width:470px; margin-left:20px;}
.proTitle{}
.proTitle h1{ text-align:center; font:normal 24px/50px "微软雅黑",Arial, Helvetica, sans-serif;}
.proAttachedInfo{ 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:#277ec3; color:#fff;}
.productTuku span{ background:#f00 !important;}
.productTuku a{color:#fff; display:block;}
.proDetail{}
.descTitle{border-bottom: 1px solid #277ec3;}
.descTitle span{background: #277ec3; color: #fff; display: inline-block; font: 14px/36px "微软雅黑",Arial,Helvetica,sans-serif; padding: 0 20px;}
.proIntro{padding:10px 0;}
/*产品说明页面 end*/

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

.nAnLiTitle{}
.nAnLiTitle h1{ text-align:center; font:normal 24px/50px "微软雅黑",Arial, Helvetica, sans-serif;}
.nAnLiInfos{color: #999; padding-right: 10px; text-align: right; margin-bottom:10px;}
.nAnLiImageList li{border: 1px solid #bbb; float: left; margin: 0 8px 8px 0; padding: 8px 4px 4px; text-align: center; width: 254px;}
.nAnLiImageList li a{ display:block;}
.nAnLiImageList li img{height: 150px; width: 246px;}
.nAnLiImageList li span{ display:block; height:30px; line-height:30px;}
.nAnLiContent{ padding:10px 0;}

/* 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}	
	
.commentbox{padding-top:10px;}
.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{color: #277ec3; float: left; font: 12px/40px "宋体"; margin-right: 10px; text-align: right; width: 100px;}
.liuyan div{ float:left;}

/* FeedBack end */

/* relative start */
.relativeInfo{}
.relativeTitle{border-bottom: 1px solid #277ec3;}
.relativeTitle span{background: #277ec3; color: #fff; display: inline-block; font: 14px/36px "微软雅黑",Arial,Helvetica,sans-serif; padding: 0 20px;}

.relativeSlideBox{ border:1px solid #ddd; text-align:left; margin:10px 0;}
.relativeSlideBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.relativeSlideBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.relativeSlideBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.relativeSlideBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }

.relativeProductList li{ width:194px; float:left; margin:8px;}
.relativeProductList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativeProductList li img{ width:186px; height:135px; border:4px solid #093;}

.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:4px solid #093;}

.relativeArticleList{padding:8px 0 8px 8px;}
.relativeArticleList li{background:url("allPng.png") no-repeat -1090px -128px; float: left; margin: 0 20px 0 10px; padding-left: 20px; width: 305px;}
.relativeArticleList li a{ display:block; line-height:26px;}

.message{}
.messageList{}
.messageForm{}
.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:930px; 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{border: 1px solid #ddd; color: #4d4d4d; font-size: 14px; height: 200px; line-height: 20px; padding: 3px 5px; width: 680px;}
.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:#277ec3; border: 0 none; color:#fff; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; margin: 15px; width: 180px;}

.quTitle{border-bottom: 1px dashed #ddd; cursor: pointer; font-size: 16px; line-height: 35px; padding-left:10px;}
.quContent{color: #494949; display: none; font-size: 14px; line-height: 30px; margin-bottom: 5px; margin-top: 8px; padding-left:10px; border-bottom:1px solid #ddd;}
.quContent p{ font-size: 12px; line-height:30px; padding-left:34px;}

.reArticle{ padding:10px 0;}
.reArticle li{background:url("jsPng.png") no-repeat scroll -846px -217px; border-bottom: 1px dashed #c1c1c1; line-height: 40px; margin: 0 10px; padding: 0 10px 0 30px; float: left; width: 348px;}
/* 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:#277ec3; 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*/