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

body {
	margin:0px;
	padding:0px;
	width:100%;
	background: url(images/bg.jpg) 0 0 repeat;
	font: normal 12px/22px "Microsoft YaHei","微软雅黑","宋体",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;  /* 只对中文起作用，强制换行 */ 
}
table { border-collapse: collapse; border-spacing: 0; } /*设置表格的边框是否被合并为一个单一的边框*/

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


/** 输入框 **/
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; }

.b13{ background:#086dc9}


/*container/header/main/footer*/
#layout{ width:100%; background:url(../images/header-bg.jpg) left top repeat-x;}
#container {width:1004px; padding:0; margin:0 auto; }
#header{ width:1004px; margin:0 auto; height:136px; background: url(../images/hotline.jpg) right 55px no-repeat  }
#header #h-top{ height:27px;}
#header #h-top p{ height:27px; line-height:27px; float:left;}
#header #h-top span{ float:right;}

#banner{height:478px;  }

#main{ width:1004px; margin:0 auto;}
#main .showbox{ margin-bottom:15px;}
#main .showbox-nav{ border:5px solid #D7D6D7; padding:3px;}
#main .showbox-nav h5{ float:left;}
#main .showbox-nav p{ float:left; height:60px; line-height:60px; width:900px; padding-left:15px; background:#F2F2F2 }
#main .showbox-nav p a{ margin-right:10px; font-size:16px; color:#000;}
#main .showbox-nav p a:visited{ color:#000;}
#main .showbox-nav p a:hover{ color:#0773CB;}
#main .showbox-title{ margin:8px 0;}
#main .showbox-title h4{ float:left; font-size:18px; font-weight:normal; }
#main .showbox-title span{ float:right; background:url(../images/index5_64.jpg) left center no-repeat; padding-left:18px;}
#main .showbox-content1{ border-top:3px solid #B8ADAE; background: url(../images/t-shirt.jpg) no-repeat; height:318px;}
#main .showbox-content2{ border-top:3px solid #B8ADAE; background: url(../images/short-sleeves.jpg) no-repeat; height:318px;}
#main .showbox-content3{ border-top:3px solid #B8ADAE; background: url(../images/long-sleeve.jpg) no-repeat; height:318px;}
#main .showbox-content4{ border-top:3px solid #B8ADAE; background: url(../images/shirt.jpg) no-repeat; height:318px;}
#main .showbox-content5{ border-top:3px solid #B8ADAE; background: url(../images/suit.jpg) no-repeat; height:318px;}
#main .prolist{ margin:33px 0 0 314px;}
#main .prolist li{ float:left; width:154px; margin-right:13px;}
#main .prolist li a{ border:1px solid #C2C2C2;}
#main .prolist li p{ text-align:center;}
#main .rollpic{ border:1px solid #C2C2C2; }

#footer{ background: url(../images/foot-bg.jpg) repeat-x; height:81px; padding:5px; text-align:center; color:#fff;}
#footer p{ float:left;}



/*column*/
.column{ width:250px; height:200px;}
.column .col-title{ height:28px; }
.column .col-title h2{ text-align:left; padding-left:20px; float:left; }
.column .col-title span{ float:right;} 

/*left*/
#left{ float:left; width:217px; }


#menu{ width:217px; }
#menu h5{ background:url(../images/title-bg.jpg) repeat-x;   height:39px; line-height:39px; margin-bottom:5px; padding-left:10px; color:#fff;}
#menu ul li a{ display:block; height:37px; background:url(../images/m-bg.png) no-repeat; line-height:37px; margin-bottom:5px; padding-left:20px;}
#menu ul li ul li a{ display:block; padding-left:48px; background: url(../images/menu-arr.jpg) 28px center no-repeat; border-bottom:1px dashed #c8c8c8;}
#left .l-contact h5{background:url(../images/title-bg.jpg) repeat-x;   height:39px; line-height:39px;  padding-left:10px; color:#fff;}
#left .l-contact .txtBox{ padding:5px 15px; border:1px solid #c8c8c8 }



/*right*/
#right{ float:right; width:770px; background:# EFEFEF }
#right #r-page-box1 .title{ height:39px; background:url(../images/title-bg.jpg) repeat-x; height:39px;line-height:39px; font-weight:normal; color:#fff; text-align:right; padding-right:15px;}
#right #r-page-box1 .title h1{ float:left; background:url(../images/title-head.jpg) no-repeat; padding:0 20px;}
#right #r-page-box1 .content{ padding:15px; border:1px solid #ccc;}
#right #r-page-box1 .title a{ color:#fff;}
#right #r-page-box1 .title a:hover{ color:#ccc;}


#right #r-page-box2{ border:1px solid #c8c8c8; margin-top:15px;}
#right #r-page-box2 .title{ height:30px; background: url(../images/title-bg1.jpg) repeat-x;line-height:30px; color:#333; text-align:left; padding-left:15px;}
#right .page-keyword{ border-top:2px solid #F00; margin-top:10px; padding:10px 0 0 0}
#right .title{ font-size:14px; font-weight:bold;}
#right #r-page-box2 .hotpro{ padding:15px 0 15px 35px;}
#right #r-page-box2 .hotpro li{ float:left; margin-right:35px;}
#right #r-page-box2 .hotpro li a{ display:block; border:1px solid #c8c8c8c; padding:2px;}
#right #r-page-box2 .hotpro li p{ text-align:center;}
/* logo/ver/*/
.logo{float:left; padding:0; margin:0; width:345px; padding:0px;}
.ver {float:right; width:200px; padding:0; margin-top:10px; color:#727b73;  }
.ver a{ color:#ccc;}
.ver a:hover{ color:#000;}
.language{ height:20px; line-height:20px; text-align:right }


/*page*/
.page{ text-align:center; height:28px; line-height:28px; margin-top:10px;}
/*客户见证*/
#custom{ margin:12px 0;}
#custom .title{ background:url(../images/title-bg.jpg) repeat-x;height:39px; }
#custom .title h5{ float:left; color:#fff; font-size:16px; text-align:center; background:url(../images/title-head.jpg) no-repeat; width:99px; height:39px; line-height:39px;}
#custom .title span{ float:right;}
#custom .c-list{ border:1px solid #ccc; padding:10px 0 10px 15px}
#custom .c-list ul li{ float:left; display:block; width:227px; height:230px; margin-right:19px;}
#custom .c-list ul li a{ display:block; border:1px solid #ccc; padding:3px; margin-bottom:8px;}
/*公司简介*/
#a1 .about{ float:left; width:682px;}
#a1 .txtBox{ border:1px solid #ccc; padding:25px 25px 0 252px; height:218px;  background:url(../images/in-about-bg.jpg) no-repeat;  }
#a1 .title{ background:url(../images/title-bg.jpg) repeat-x;height:39px; }
#a1 .title h5{ float:left; color:#fff; font-size:16px; text-align:center; background:url(../images/title-head.jpg) no-repeat; width:99px; height:39px; line-height:39px;}
#a1 .title span{ float:right;}
#a1 .txtBox span a{ display:block; float:left; margin-right:10px; color:#fff; background:#0775D3; width:88px; height:30px; line-height:30px; text-align:center;margin-top:25px;}
#a1 .txtBox span a:hover{ background:#333; }
#a1 .honnor{ float:right; width:315px; }
#a1 .honnor .zspic{ background:url(../images/honnor-bg.gif) repeat; border:1px solid #ccc; height:243px; }
/*流程*/
.process{ margin:10px 0;}
.facory{ background:url(../images/factory-bg.jpg) repeat-x; height:161px; border:1px solid #ccc; padding-top:35px;}

/*公司动态*/
#in-news{ margin-top:15px;}
#in-news .title{ background:url(../images/title-bg.jpg) repeat-x;height:39px; }
#in-news .title h5{ float:left; color:#fff; font-size:16px; text-align:center; background:url(../images/title-head.jpg) no-repeat; width:99px; height:39px; line-height:39px;}
#in-news .title span{ float:right;}

#in-news .comanynews{ float:left; width:370px; margin-right:15px; }
#in-news .comanynews .com-list{ border:1px solid #ccc; padding:15px;  height:239px;}
#in-news .comanynews .com-list ul li{ height:83px;  } 
#in-news .comanynews .com-list ul li img{ float:left; padding:0 10px 0 0}
#in-news .Industrynews{ float:left; width:315px;}
#in-news .faq{ float:right; width:288px;}

#in-news .Industrynews .indu-list { border:1px solid #ccc; padding:15px; height:239px;}
#in-news .Industrynews .indu-list ul li{ background:url(../images/news-arrow.jpg) left center no-repeat; padding-left:10px; height:40px; line-height:40px; border-bottom:1px solid #ccc; }

#in-news .faq .faq-list{  border:1px solid #ccc; padding:10px; height:249px;} 
#in-news .faq .faq-list img{ margin-bottom:15px;} 
#in-news .faq .faq-list dl dt{ background:url(../images/q.jpg) no-repeat; margin-bottom:10px; padding-left:25px; font-weight:bold; }
#in-news .faq .faq-list dl dd{ background:url(../images/a.jpg) no-repeat; margin-bottom:10px; padding-left:25px; border-bottom:1px dashed #ccc; padding-bottom:15px;}


/*友情链接*/
.link .title{ background:url(../images/title-bg.jpg) repeat-x;height:39px; margin-top:15px; }
.link .title h5{ float:left; color:#fff; font-size:16px; text-align:center; background:url(../images/title-head.jpg) no-repeat; width:99px; height:39px; line-height:39px;}
.link .title span{ float:right;}
.link .link-list{ padding:15px; border:1px solid #ccc;}


/*foot-nav*/
.foot-nav{ border-top:2px solid #0881E7; margin-top:15px; background:#3F3F3F; padding:15px 0;}
.foot-nav .nav1{ width:1004px; margin:0 auto;}
.foot-nav .nav1 li { display:block; color:#ccc; width:122px; float:left; text-align:center; border-right:1px solid #ccc; }
.foot-nav .fore1{ float:left; width:143px; text-align:center;}
.foot-nav .fore1 dt{ color:#fff;  border-right:1px solid #ccc}
.foot-nav .fore1 a{ color:#FFF;}


/*内页CSS*/
.page-banner{ height:277px; }
#content{ margin:15px 0;}

.detail-title{ background:#086dc9; height:30px; line-height:30px; color:#fff; font-weight:bold; margin:10px 0;}