@charset "utf-8";
/*************************************
* 文件名称：全局公用样式表
* 作   者：周泽彬
* 创建日期：2013-4-25
* 文件版本：v1.0
* 内容概要: 全局定义、布局样式
*************************************/

body {
	margin:0px;
	padding:0px;
	width:100%;
	background: url(/uploads/image/steimages/bg.jpg) 0 0 repeat;
	font: normal 12px/18px verdana,tahoma, arial, helvetica, sans-serif;
	color:#333;
 
}
/* 重置 */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
p,li,div{line-height:20px;}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
img { border: 0 none;}

/* 列表样式 */
ul, ol, li, dl, dt, dd {list-style:none;}

/* 图片样式 */
img, a img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}


button { cursor: pointer; }
.break{ 
word-break: break-all;  /* 只对英文起作用，以字母作为换行依据 */
word-wrap: break-word;  /* 只对英文起作用，以单词作为换行依据 */
white-space: pre-wrap;  /* 只对中文起作用，强制换行 */ 
}


.indent {text-indent:2em;color:#333;line-height:22px; }
a:link, a:visited { color: #333; text-decoration: none; }
a:active, a:hover { color: #bd0001; text-decoration: none; }
a:focus { outline: none; }

/** 图片链接效果 **/
.pic  { 
	padding:4px;
	border:1px solid #e6e7e7;
	display:inline-block;
}
.pic a:hover {
 	border:1px solid #f60;
	background:#fff4ce;
	display:inline-block;
}
/** 输入框 **/
input {
	border:1px solid #ddddde;
	height:18px;
	line-height:18px;
	padding:0 2px;
}

/** 清除浮动 **/
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
/* clear */
.clear { clear: both; font-size:1px; width:1px; height:0; visibility: hidden;  }

.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }
.fr { float: right; }


#layout{ width:100%; background: center top no-repeat; }

/*container/header/main/footer*/
#container {width:100%; padding:0; margin:0 auto; }
#header{ width:1004px; margin:0 auto; height:138px;}
#content{ background: url(/uploads/image/steimages/content-bg.png) center top repeat-y;}
#main{ width:1000px; margin:0 auto; background:url(/uploads/image/steimages/foot-bg.jpg) left bottom repeat-x;}
#footer{ height:80px; text-align:center; padding-top:10px;  margin:0 auto; background:url(/uploads/image/steimages/link.jpg)  center 40px no-repeat; border-top:1px solid #ccc; }
#footer p{ float:left;}
#series{ width:1004px; padding-left:24px;margin-top:20px; }
#series ul li{ float:left; width:289px; margin-right:41px; }
#series ul li h5 a{ display:block; background:#cc0001; color:#fff; padding:2px 9px; font-weight:normal; }
#series ul li h5 a:hover{ background:#5e5c5c;}
#series ul li.pro h5 a{ background:#5e5c5c;}
#series ul li .s1{ background: url(/uploads/image/steimages/s-bg.jpg) no-repeat; height:81px; position:relative; padding:10px 15px; line-height:15px;  }
.s-more{ width:35px; height:35px; position:absolute; right:0; top:51px;}
.line{ background: url(/uploads/image/steimages/line.jpg) no-repeat; height:9px; width:954px; margin:10px auto;}
/*column*/
.page-project{  width:242px; height:242px; overflow:hidden;  margin-top:15px;margin-bottom:15px;}
.page-project .col-title{ height:28px; }
.page-project .col-title h2{ text-align:left;  float:left; }
.page-project .col-title span{ float:right;} 

#c1{ width:953px; margin:0 auto }
#c1 .project{position:relative;  float:left;   height:250px; width:263px; margin-right:30px; }

#c1 .project h5{padding:5px 0 0 15px; margin:0; background:url(/uploads/image/steimages/t-line.gif) left center no-repeat;  color:#000;font-weight:normal; font-size:16px; margin-bottom:7px;}
#c1 .project span{ position:absolute; right:10px; top:10px; display:block; }

#c1 .project ul{ padding-top:7px;}
#c1 .project ul li a{ display:block; color:#fff; height:18px; line-height:18px; }
#c1 .project ul li a:hover{ color:#ccc;  }

#c2 .company{ float:left; width:387px; }
#c2 .company .title{height:31px; line-height:31px;background:url(/uploads/image/steimages/t-line.gif) left center no-repeat; margin-bottom:10px;  position:relative;}
#c2 .company .title p{ font-size:16px;height:31px; line-height:31px; color:#000; padding-left:15px;}
#c2 .company .title span{position:absolute; right:10px; top:8px; display:block; }
#c2 .company .text img{ margin-bottom:10px;}
#c1 .title{ background:url(/uploads/image/steimages/t-line.gif) left center no-repeat;  height:31px; line-height:31px; padding-left:10px; color:#000; font-size:16px;}
#c1 .title p{ float:left; height:31px; line-height:31px;}
#c1 .title img{ float:right; padding:8px 10px 0 0;}
#c1 .text{ border:1px solid #ccc; background:url(/uploads/image/steimages/in-about-bg2.jpg) left bottom repeat-x; height:187px; padding:10px 20px 20px 20px;}
#c1 .text img{ float:left; padding:0 15px 10px 0}

#c1 .video{ float:right; width:261px;}

#c2{ width:953px; margin:10px auto; background:#f1f1f1 ; }
#c2 .certificate{ float:left; width:263px; padding:0px; position:relative; margin-right:30px;  }
#c2 .certificate .title{ height:31px; line-height:31px;background:url(/uploads/image/steimages/t-line.gif) left center no-repeat; margin-bottom:10px;  position:relative;}
#c2 .certificate .title p{ font-size:16px; height:31px; line-height:31px;color:#000;  padding-left:15px;}
#c2 .certificate .title span{position:absolute; right:10px; top:8px; display:block; }
#c2 .certificate ul li{ float:left; width:100px; margin-right:30px; border-bottom:15px;}
#c2 .certificate ul li img{ border:1px solid #ccc; padding:2px;}
#c2 .certificate ul li h4{ font-size:12px; font-weight:normal;}

#c1 .news{ float:left; width:387px;position:relative;}
#c1 .news .title{height:31px; line-height:31px;background:url(/uploads/image/steimages/t-line.gif) left center no-repeat; margin-bottom:10px;  position:relative;}
#c1 .news .title p{ font-size:16px;height:31px; line-height:31px; color:#000; }
#c1 .news .title span{position:absolute; right:0px; top:8px; display:block; }
#c1 .news ul li{ margin-bottom:15px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
#c1 .news ul li h2{ font-size:12px}
#c1 .news ul li h3{ font-size:12px; color:#666; font-weight:normal; }
#c1 .news ul li span{ color:#cc0001}
#c1 .news img{ float:left; padding:0 15px 0 0;}
#c1 .news h3{ font-size:12px; color:#cd0000;}
#c1 .news h4{ font-size:12px; color:#000; border-top:1px solid #ccc; margin-top:10px; padding:5px 0;}

#c2 .faq{ float:right; width:235px; padding:13px; background:url(/uploads/image/steimages/in-left.jpg) no-repeat; height:297px;}
#c2 .faq .f-more{ text-align:right; margin-bottom:16px;}
#c2 .faq h4{ color:#fff; font-size:12px; padding:8px; height:41px;}
#c2 .faq h5{ color:#fff; font-size:11px; height:41px; overflow:hidden; font-weight:normal; line-height:14px; margin-top:5px;}
#c2 .faq h6{ margin-top: 55px;}
#c2 .faq .r-content h6{ font-size:20px; font-family:"times new roman", serif}
#c2 .faq .r-content p{ color:#fff; margin-top:10px; }

#paeg-con{ width:973px; margin:15px auto;}
/*left*/
#left{ float:left; width:241px; }
#menu{ border:1px solid #ccc; padding-bottom:15px; background:url(/uploads/image/steimages/foot-bg.jpg) left bottom repeat-x;}

#menu .title{ background:url(/uploads/image/steimages/in-about-bg.jpg) no-repeat; height:31px; font-size:14px; line-height:31px; color:#fff; padding-left:15px; margin-bottom:10px;}

#menu{  }
#menu ul li a,#menu dl dt a{ display:block; padding-left:8px;
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/  }
#menu ul li a:hover{ color:#fff; background:#333;width:210px; border-left:3px solid #cc0001; padding-left:25px; }
#menu dl dt a{font-weight:bold;}
#menu dl dd ul li a{padding-left:25px;}

.page-faq {width:217px; padding:13px; background: url(/uploads/image/steimages/page-faq.jpg) no-repeat; height:338px; }
.page-faq .f-more{ text-align:right; margin-bottom:16px;}
.page-faq h4{ color:#fff; font-size:12px; height:41px; padding:8px; margin-top:70px;}
.page-faq h5{ color:#fff; font-size:11px; height:41px;  font-weight:normal; line-height:14px; margin-top:5px;}
.page-faq h6{ margin-top:0px;}
.page-faq .r-content h6{ font-size:20px; font-family:"times new roman", serif}
.page-faq .r-content p{ color:#fff; margin-top:10px; }

/*right*/
#right{ float:right; width:705px; background:# efefef }
#right .title{ height:30px; line-height:30px; text-align:right;  padding-right:15px; }
#right .title h1{ float:left;  }
#right .content{ padding:15px;}
.about-series{ margin-top:15px;}
.about-series h3{ margin-bottom:15px; font-size:12px}
.about-series ul li{ float:left; width:225px; margin-right:10px;}
.about-series ul li h4{ font-size:12px; font-weight:normal; padding:3px 0 3px 10px; background:#333; color:#fff;}
.line-page{ background:url(/uploads/image/steimages/page-line.jpg) no-repeat; width:696px; height:9px;margin-bottom:10px; }
/* logo/ver/*/
.logo{float:left; padding:0; margin:0; width:345px; padding:30px 0px 0px 0px;}
.ver {float:right; width:440px; padding:0; margin-top:37px; color:#727b73;  }
.ver a{ color:#ccc;}
.ver a:hover{ color:#000;}
.language{ height:35px; line-height:20px; text-align:right }
#r-header{}
#search{ float:right; width:301px; background:url(/uploads/image/steimages/search-bg.jpg) no-repeat; height:76px;}

/*page*/
.page{ text-align:center; height:28px; line-height:28px; margin-top:5px;}

.feedback01{ height:100px;}
.feedback02{ height:150px;}

.firstnews{ height:96px;}