﻿/*布局*/
.n-right{
	float:right;
	width:722px;
}
.n-left{
	float:left;
	width:190px;
}
.n-center{
	position:relative;
	margin-left:20px;
	float:left;
	width:527px;
}

/*全局*/
.title1{
	height:58px;
	line-height:58px;
	font-size:24px;
	position:relative;
	margin-bottom:10px;
}


.title1 span{ font-size:18px; color:#666;}


.title2{
	color:#fff;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:14px;
	position:relative;
	margin-bottom:10px;
	background:url(../images/probg1.jpg) repeat left top;
}
.title2 span{ font-size:12px; color:#fff; font-weight:normal;}

.iabout{ height:30px; font-size:12px; background:url(../images/iabout.gif) no-repeat left top; position:relative; border-bottom:1px solid #ccc;}
.etitle1{
	height:30px;
	line-height:30px;
	font-size:12px;
	position:relative;
	border-bottom:1px solid #ccc;
}
.title2{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	text-align:center;
	color:#c00;
}


.ul_aboutleft{
	margin:0;
	padding:75px 0 0 0;
	list-style:none;
	text-align:left;
	background:url(../images/lpro.jpg) no-repeat left top;
	height:262px;
	margin-bottom:10px;
}

.ul_aboutleft li a{
	font-size:14px;
	color:#000;
	height:30px;
	line-height:30px;
	padding-left:35px;
	display:block;
}
.ul_aboutleft li a:hover{
	color:#fff;
	background:url(../images/aboutover.jpg) no-repeat left top;
}


.ul_aboutleft li a.lnavon{
	color:#fff;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-left:35px;
	background:url(../images/aboutover.jpg) no-repeat left top;
}


.secnav{
	color:#222;
	height:25px;
	line-height:25px;
	border-bottom:1px dotted #ccc;
	padding-left:20px;
	display:block;
	background:url(../images/sec2.gif) no-repeat 8px center;
}

.dl_about{
	margin:0;
	padding:0 10px;
	list-style:none;
	text-align:left;
	background:url(../images/lbg.jpg) repeat-y left top;
}
.dl_about dt{
}
.dl_about dd{
	padding:0 10px;
}
.dl_about dd a{
	height:25px;
	line-height:25px;
	display:block;
	padding-left:15px;
	background:url(../images/dot2.gif) no-repeat 5px center;
}
.dl_about dd a:hover{
	text-decoration:none;
	color:#fff;
	background:url(../images/ddover.gif) no-repeat left center;
}


/*网站地图*/
.dl_sitemap1{ width:180px; float:left; height:150px; margin-left:30px;}
.dl_sitemap1 dt{ height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/probg1.jpg) repeat left top;}
.dl_sitemap1 dt a{ color:#fff; padding-left:12px;}
.dl_sitemap1 dd{ height:25px; line-height:25px; padding-left:12px; background:url(../images/dot3.gif) no-repeat left center; border-bottom:1px dotted #715a3e;}


.comTitle{
	position:relative;
	font-size:12px;
	height:25px;
	background:url(../images/icase.jpg) no-repeat left top;
	margin-bottom:5px;
}

/*企业图片新闻*/
.dl_inewphoto{
	padding:4px 0 4px 200px;
	position:relative;
	height:160px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.dl_inewphoto dt{
	width:190px;
	position:absolute;
	top:8px;
	left:0;
}
.dl_inewphoto dt img{ border:1px solid #ccc; padding:2px; width:190px; height:138px; background:#fff;}
.dl_inewphoto dd{
	line-height:180%;
}
.dl_inewphoto dd.Ntitle{
	font-weight:bold;
	color:#c00;
	background:url(../images/icon3.gif) no-repeat left center;
}

/*企业图片新闻*/
.dl_tech{
	float:left;
	width:220px;
	height:280px;
	padding:0 10px;
}
.dl_tech dt{
	margin-bottom:8px;
}
.dl_tech dt img{ border:1px solid #ccc; padding:2px; width:220px; height:110px; background:#fff;}
.dl_tech dd{
	line-height:180%;
}
.dl_tech dd.Ntitle{
	font-weight:bold;
	color:#c00;
	background:url(../images/icon3.gif) no-repeat left center;
}


/*技术专栏*/
.dl_itech{
	float:left;
	width:460px;
	height:150px;
	padding:5px 10px;
	background:#f7f7f7;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
}
.dl_itech dt{
	float:left;
	width:190px;
}
.dl_itech dt img{ border:1px solid #ccc; padding:2px; width:170px; height:140px; background:#fff;}
.dl_itech dd{
	line-height:180%;
}
.dl_itech dd.Ntitle{
	font-weight:bold;
	color:#c00;
	background:url(../images/icon3.gif) no-repeat left center;
}

/*案例中心*/
.frame {width:210px; height:91px; padding:5px; background:#fff; border:1px solid #ccc; float:left; margin-right:8px; margin-bottom:8px; display:inline;}
.wrap {width:210px; height:91px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block;}
.wrap div {width:200px; height:81px; padding:60px 10px 10px 10px; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div b {display:block; width:210px; height:91px; position:absolute; left:0; top:60px; z-index:1; background:#000; filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity:0.60;}
.wrap div span {position:relative; z-index:500;}
.wrap div h1{font-size:18px; color:#fc0; text-align:left; margin:2px 0 2px 0; height:25px; line-height:25px; }
.wrap div h2{font-size:14px; color:#fc0; text-align:left; margin:2px 0 8px 0; height:25px; line-height:25px; }
.wrap div p {font-size:12px; color:#fff; line-height:16px; }
.wrap div a {color:#fc0; font-size:12px; position:absolute; left:0; top:60px; text-decoration:none; display:block; margin:0; text-align:right; width:190px;}
.wrap div a:hover {color:#ff0;}

/*技术专栏*/
.itech {width:265px; height:100px; padding:0px 10px 10px 20px; background:#fff; float:left; margin:10px; display:inline; background:url(../images/i.jpg) no-repeat left 8px; border-bottom:2px dotted #ccc;}
.itech dt{font-size:16px; color:#222; text-align:left; height:25px; line-height:25px;  margin-bottom:10px; overflow:hidden;}
.itech dt span{font-size:12px; color:#333; text-align:left; height:25px; line-height:25px; }



/*战略合作伙伴*/
.leftLoop{ overflow:hidden; position:relative; padding-left:10px;}
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.leftLoop .prev{ display:block;  width:23px; height:23px;  overflow:hidden;cursor:pointer; background:url("../images/icoLeft.gif") no-repeat; position:absolute; left:0; top:40px;}
.leftLoop .next{ display:block;  width:23px; height:23px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/icoRight.gif") no-repeat; position:absolute; right:0; top:40px;}
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#f00;  }
.leftLoop .bd{ padding:10px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }

/*服务客户*/
.leftLoop1{ overflow:hidden; position:relative; padding-left:10px;}
.leftLoop1 .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.leftLoop1 .prev{ display:block;  width:23px; height:23px;  overflow:hidden;cursor:pointer; background:url("../images/icoLeft.gif") no-repeat; position:absolute; left:0; top:40px;}
.leftLoop1 .next{ display:block;  width:23px; height:23px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/icoRight.gif") no-repeat; position:absolute; right:0; top:40px;}
.leftLoop1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop1 .hd ul li.on{ background:#f00;  }
.leftLoop1 .bd{ padding:10px;   }
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop1 .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }


/* 通用图片列表_普通式 */
.picList li{ width:140px;  }
.picList .pic{ text-align:center; line-height:0px;  }
.picList .pic img{ width:130px; height:100px; padding:2px; border:1px solid #ccc;  }
.picList .pic a:hover img{ border-color:#f00;  }
.picList .title{ line-height:24px; height:24px; overflow:hidden;}




/*荣誉*/
.ulhonorList1{ margin:0; padding:0; list-style-type:none;}
.ulhonorList1 li{
	width:240px;
	float:left;
	height:240px;
	text-align:center;
}
.ulhonorList1 li a{
}
.ulhonorList1 li img{ width:200px; height:200px;}
.ulhonorList1 li p{ height:25px; line-height:25px; overflow:hidden;}

/*关于我们*/

.slideTxtBox{ text-align:left; margin:20px 0;}
.slideTxtBox .hd{ height:80px;  padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:0px; height:80px; margin:0; padding:0; list-style:none;}
.slideTxtBox .hd ul li{ float:left; width:120px;  height:80px;background:#d9d9d9; margin-right:5px;}
.slideTxtBox .hd ul li p{ height:28px; line-height:28px; text-align:center;}
.slideTxtBox .hd ul li img{ width:120px; height:52px;}
.slideTxtBox .hd ul li.on{ height:80px;  background:#27deff; color:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; cursor:pointer; }
.slideTxtBox .hd ul li.on a{ color:#fff; font-size:14px; font-weight:bold;background:#27deff;}
.slideTxtBox .bd{ padding:15px; background:#fff; }
.slideTxtBox .bd ul{ padding:10px;  }
.slideTxtBox .tempWrap{ margin:15px;  }



/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:100%; height:369px; overflow:hidden; position:relative;}
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; left:50%; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:25px; height:25px; line-height:24px; text-align:center; background:#fff; cursor:pointer; font-size:14px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{}


.slideBox1{ width:220px; height:220px; overflow:hidden; position:relative;}
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd img{ width:220px; height:220px;}


/*首页推荐案例*/
.icase{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
.icase li{
	width:245px;
	height:140px;
	float:left;
}
.icase li a{
	padding:2px;
	width:234px;
	height:138px;
	display:block;
}
.icase li a:hover{ background:#27defe; color:#fff;}
.icase li p{ height:30px; line-height:30px;}
.icase li img{
	width:234px;
	height:108px;
}
.icase li a:hover{
}


/*首页滚动产品*/
.serverlogo{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
.serverlogo li{
	width:185px;
	height:140px;
	float:left;
}
.serverlogo li a{
	width:130px;
	height:100px;
	display:block;
}
.serverlogo li p{ height:30px; line-height:30px; overflow:hidden;}
.serverlogo li img{
	width:130px;
	height:100px;
}
.serverlogo li a:hover{
}

/*成功案例*/
.ul_icase{
	margin:0px;
	padding:20px 0;
	list-style-type:none;
	text-align:center;
}
.ul_icase li{
	width:140px;
	height:140px;
	float:left;
	text-align:center;
	margin-left:15px;
}


.ul_icase  img{ width:130px; height:110px; padding:2px; border:1px solid #ccc;  }



/*首页滚动产品*/
.ipro_contant{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
.ipro_contant li{
	width:190px;
	height:170px;
	float:left;
	text-align:center;
	margin-left:15px;
}


.ipro_contant  img{ width:180px; height:180px; padding:2px; border:1px solid #ccc;  }

.ipro_contant .pic a:hover img{ border-color:#f00;  }
.ipro_contant li .title{ line-height:24px; height:24px; overflow:hidden;}


.ul_pro{ margin:0; padding:0; list-style:none; }
.ul_pro li{ float:left; height:30px; line-height:30px; padding:0 8px; background:url(../images/ulprobg.gif) repeat-x left top; font-size:12px; margin-right:1px;}


/*产品列表*/
.pro_contant{
	text-align:center;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.pro_contant li{
	text-align:left;
}
.pro_contant li img{
	width:220px;
	height:182px;
}
.pro_contant li a{
	height:25px;
	line-height:25px;
	background:#d9d9d9;
	display:block;
	padding:0 10px;
	margin-bottom:2px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; /* for IE */ 
	-o-text-overflow: ellipsis; /* for Opera */ 
	-icab-text-overflow: ellipsis; /* for iCab */ 
	-khtml-text-overflow: ellipsis; /* for Konqueror Safari */ 
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */ 
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/ 
}
.pro_contant li a:hover{
	text-decoration:none;
	color:#fff;
	background:#9b9b9b;
}
.pro_Cname{
	height:25px;
	line-height:25px;
}


.pro_detail_Img{
	text-align:center;
}
.pro_detail_caption{
	padding:30px 0 0 0;
	background:url(../images/pdetail.gif) no-repeat left top;
}
.pro_detail_caption h4{
	margin:10px 0;
	font-size:12px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
}


/*产品列表*/
.pro_contantNew{ margin:0; padding:0; list-style:none;}
.pro_contantNew li{ width:205px; padding:0 10px; float:left; height:230px; text-align:center;}
.pro_contantNew li h3{}
.pro_contantNew li a.proimg{width:180px; height:210px; padding:2px; display:block; background:url(../images/probg1.jpg) repeat left top; color:#fff;}
.pro_contantNew li a.proimg:hover{ color:#FC0;}
.pro_contantNew li .proimg img{width:180px; height:180px; }
.pro_contantNew li p{ height:30px; line-height:30px; overflow:hidden;}

/*产品详细页*/
.spro_contant{
	text-align:center;
	margin:0px;
	padding:10px 10px 10px 45px;
	list-style-type:none;
}
.spro_contant li{
	width:130px;
	height:120px;
	float:left;
}
.spro_contant li img{
	width:100px;
	height:95px;
}



.searchInput{ width:100px;}
/*新闻列表*/
.ul_inews{
	padding:0px 0 0 100px;
	list-style-type:none;
	background:url(../images/inewsl.jpg) no-repeat left 2px;
}
.ul_inews li{
	height:30px;
	line-height:30px;
	padding-left:35px;
	overflow:hidden;
	background:url(../images/inews1.gif) no-repeat left center;
	border-bottom:1px dotted #ccc;
}
.ul_inews li span{ float:right;}



.ulhonorList{ margin:0; padding:0; list-style-type:none;}
.ulhonorList li{
	line-height:30px;
	background:url(../images/dotline.gif) repeat-x left bottom;
}
.ulhonorList li a{
	padding-left:10px;
	background:url(../images/dot4.gif) no-repeat 2px 6px;
}


.ulnewsList{ margin:0; padding:0px; list-style-type:none;}
.ulnewsList li{
	height:30px;
	line-height:30px;
	border-bottom:1px dotted #ccc;
	background:url(../images/dotline.gif) repeat-x left bottom;
}
.ulnewsList li a{
	padding-left:15px;
	background:url(../images/dot1.gif) no-repeat 2px center;
}
.ulnewsList li span{ float:right;}

.viewNews{
	margin:0px;
	padding:10px;
	line-height:200%;
}
.viewNews .postTime{
	text-align:right;
	color:#999;
}
.viewNewsContant{
	line-height:200%;
}

.goback{
	height:25px;
	line-height:25px;
	clear:both;
	text-align:center;
}

/*企业荣誉*/
.ul_honor{ margin:0; padding:0; list-style:none;}
.ul_honor li{ width:180px; padding:10px 0; float:left; text-align:center; height:130px;}
.ul_honor li img{}
.ul_honor li a{ padding:2px; }

.ul_gmp{ margin:0; padding:0; list-style:none;}
.ul_gmp li{ width:180px; padding:10px 0; float:left; text-align:center; height:220px;}
.ul_gmp li img{}
.ul_gmp li a{ padding:2px; }

.ul_img{ margin:0; padding:0; list-style:none;}
.ul_img li{ width:180px; padding:10px 0; float:left; text-align:center; height:115px;}
.ul_img li img{}
.ul_img li a{ padding:2px; }


/*图片新闻*/
.dl_imgnews{
	margin:0;
	padding:;
}
.dl_imgnews dt{
	float:left;
	width:90px;
	height:70px;
}
.dl_imgnews dd{
	line-height:150%;
}

/*类别*/
.categoryContent{ background:url(../images/categorybg.gif) no-repeat right bottom; padding:15px 15px 10px 15px;}
.category{ margin:0; padding:40px 5px 0 5px; list-style:none;background:url(../images/categorybg.gif) no-repeat center top; }
.category li{ text-align:left; border-bottom:1px dotted #ccc; }
.category li a{ display:block; background: url(../images/dot2.gif) no-repeat 15px center;height:30px; line-height:30px; padding-left:30px; color:#333;}
.category li a:hover{background:url(../images/dot2.gif) no-repeat 15px center; color:#c00; text-decoration:none;}


/*详细页*/
.h2title{
	padding:0px 10px;
	color:#1F71AF;
	font-size:12px;
	line-height:24px;
	background:url(../images/h2bg.gif) no-repeat;
}
.incontant{
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	padding:10px;
	background:url(../images/h2bot.gif) no-repeat -1px bottom;
}
.dh{
	padding-left:14px;
	background:url(../images/home.gif) no-repeat left 23px;
	position:absolute; top:0; right:0; font-size:12px; font-family:Geneva; color:#666; font-weight:normal;
}



/*联系方式*/
.dl_contact1{
	margin:10px 0;
	padding:0px;
}
.dl_contact1 dt{
	font-weight:bold;
	color:#ffcc00;
	font-size:14px;
	padding-left:14px;
	background:url(../images/blt.gif) no-repeat left center;
}
.dl_contact1 dd{
	padding:2px 12px;
}



/*提交*/
.a1,.a2,{background:url(../images/bg_x.png) no-repeat}
.a1{width:82px; height:23px; background-position:-4px -55px;border:0;}
.a2{width:82px; height:23px; background-position:-4px -80px;border:0;}

/**/

#tbl{
	background:#ccc;
}

/*oterh*/

.lcontact{
	background: url(../images/lcontact.gif) no-repeat center top;
	width:147px;
	height:118px;
	padding:30px 10px 10px 110px;
	line-height:150%;
}

#resume{
}
table#resume caption{
	font-weight:bold;
	text-align:left;
	height:30px;
	line-height:30px;
}
#resume textarea{
	width:500px;
	height:65px;
}



.tbl1{ background:#ccc; border-top:5px solid #016f7e;}
.tbl1 th{ background:#f7f7f7; font-size:14px; padding:5px 0; text-align:center;}
.tbl1 td{ background:#fff; padding:5px; text-align:center;}
.tbl1 .td1{ text-align:center; background:#F90; font-weight:bold; color:#fff;}

.recruitTbl{}
.recruitTbl td{ padding:5px;}
.recruitTbl .td1{ background:#f7f7f7; font-weight:bold;}


/*战略合作伙伴*/
.dl_partner{ width:360px; float:left; margin-bottom:20px;}
.dl_partner dt img{ width:130px; height:100px;}
.dl_partner dt{ width:130px; height:100px; padding:2px; border:1px solid #ccc; float:left; margin-right:10px;}
