/* 
* data:2013-7-05
* author:xulishi
* for:haohead.cn
*/

/* common css */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Low IE7 CSS */
.mesWindow{
  border:#666 1px solid;
  background:#fff;
}
.mesWindowTop{
  border-bottom:#eee 1px solid;
  margin-left:4px;
  padding:3px;
  font-weight:bold;
  text-align:left;
  font-size:12px;}
.mesWindowContent{
  margin:4px;
  font-size:12px;
}
.mesWindow .close{
  height:15px;
  width:40px;
  border:none;
  cursor:pointer;
  text-decoration:underline;
  background:#fff
}

/* css start */

/*a { */
 /*color:#333; */
 /*text-decoration:none;*/
/*}*/
/*a:hover{ */
  /*color:#F09800; */
  /*text-decoration:none;*/
/*}*/
/*ul,li{ */
 /*list-style:none;	*/
	/**/
/*}*/
/*img{ */
  /*border:none;*/
/*}*/
/*.fl{ */
  /*float:left; padding-top:2px;*/
/*}*/
/*.fr {*/
  /*float:right;*/
/*}*/
.yellow{
  color:#f39800;
  font-size:14px;
}
/*.dn{ */
  /*display:none;*/
/*}*/
/*.gotop{*/
  /*width:30px;*/
  /*height:33px;*/
  /*background:url(../../images/haohe/gotoBtn.jpg) no-repeat;*/
/*}*/
/*body {*/
  /*font-size:12px;*/
  /*color:#737373;*/
  /*background-size:cover;*/
  /*font-family:"宋体",Arial, Helvetica, sans-serif;*/
  /*padding-top: 115px;*/
/*}*/
/*#center{*/
  /*width:1002px;*/
  /*margin:0 auto;*/
  /*position:relative;	*/
/*}*/
/*header,section,footer{*/
  /*width:1002px; */
  /*overflow:hidden;*/
  /*margin:0 auto 10px;*/

/*}*/
/*section{*/
  /*background:#fff;*/
/*}*/

/* header */
header{
  font-family:"微软雅黑","黑体";	
  padding:0;
}
.nav{
  font-size:14px;
  text-align:right;	
  line-height:30px;
}
nav{
  font-size:14px;	
  padding-top:12px;
}
.nav p{
  line-height:20px;
  padding-right:12px;	
}
.menu {
  height:25px;
  float:left;
  width:80px;
  text-align:center;
  line-height:25px;
  border-right:1px solid #d9d9d9;	
}

.menu a{  
  display:block;
  color:#5e5e5e;
}
.menu a:hover{
  background:#dfdfdf;
}
.menu .current{ 
  background:#dfdfdf;
}
/* ie6 hack */
#main_nav {
	position:relative;
	height:25px;
}
#main_nav .hover .drop_down { 
  display: block; 
}
.drop_down {
  background: #f39800;
  position: absolute;
  width: 1000px;
  height: 255px;
  top: 26px;
  right: 0;
  display:none;
  z-index:999;
}

img.si_right, .aside_right, .aside_right_2 {
  float: right;
  margin: 0 0 12px 24px;
}
.border_1 {
  border: 5px solid #fff;
}
.sub_nav {
  position: absolute;
  padding-top:20px;
  width: 170px;
  height: 205px;
  padding-left: 15px;
  float: left;
  z-index: 1;
}
.sub_nav h4 {
  color: #fef8ee;
  text-align:left;
  margin-top:-7px;
}
.sub_nav a:hover{
  background:#38220f;	
}
.sub_nav a {
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  display: block;
  text-align:left;
  margin-left: -15px;
  padding: 3px 0 4px 15px;
  border-bottom: 1px solid #a86906;
  color: #fff;
  line-height: 15px;
}
*html .sub_nav a {

}
.side_info {
  width: 350px;
  padding: 20px;
  color: white;
  position: absolute;
}
/* foot css */
footer{
  margin:20px 0 0 0;	
}
.footer{
  border-bottom:1px solid #9fa0a0;	
}
.foot{
  display:inline;  
}
.foot a{
  padding:0 10px;
  border-right:1px solid #ccc;
  display:inline;
}
*html .foot a{
  float:left;
  height:17px;
}
.foot .last{
  border:none;
}
.copyright {
  line-height:25px;
}
/* index banner css */

.mainbox{
    overflow:hidden;
	width:1000px;
	height:574px;
	margin:0 auto;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../../images/haohe/02.png)}
.curimg{background-image:url(../../images/haohe/01.png)}


.bannerbox { 
  width: 1000px; 
  height: 575px; 
  overflow: hidden; 
  margin: 0px auto; 
}
#focus { 
  width: 1000px; 
  height: 575px; 
  clear: both; 
  overflow: hidden; 
  position: relative; 
  float: left; 
}
#focus ul { 
  width: 1000px; 
  height: 575px; 
  float: left; 
  position: absolute; 
  clear: both; 
  padding: 0px; 
  margin: 0px; 
}
#focus ul li { 
  float: left; 
  width: 1000px; 
  height: 575px; 
  overflow: hidden; 
  position: relative; 
  padding: 0px; 
  margin: 0px; 
}
#focus .preNext { 
  width: 550px; 
  height: 447px; 
  position: absolute; 
  top: 0px; 
  cursor: pointer; 
}
#focus .pre { 
  left: 0; 
  background: url(../../images/haohe/sprite.png) no-repeat left center; 
}
#focus .next { 
  right: 0; 
  background: url(../../images/haohe/sprite1.png) no-repeat right center; 
}

#announ{
  margin-top:20px;	
  height:25px;
  line-height:25px;	
  padding-left:20px;
  background:url(../../images/haohe/icon.png) no-repeat left -461px;
  overflow:hidden;
}


.link {
  line-height:30px;	
  margin-top:50px;
  padding:10px 0 0 10px;
}
.link a{
  color:#737373;  	
}
/* about css */
.container { 
  margin:30px 0 80px 0;
  background:#fff;
}
.sider {
    width: 100%;
    padding: 0px 0 40px;
    border-bottom: 1px solid #f4f4f4;
}
.sider dt {
    /* color: #f5ad33; */
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 30px;
    /* padding-left: 15px; */
    float: left;
    border-bottom: 1px solid #db5c24;
}
.sider dd {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    float: left;
    /* border-bottom: 1px solid #fad699; */
    padding-right: 10px;
    margin-left: 5%;
    font-size: 17px;
    font-weight: bold;
}
.sider dd:hover{
    background: #da551a;
}
.sider dd:hover a{
    color: #fff;
}
.sider dl .current{
  /*background:url(../images/dot.gif) 2px 10px no-repeat;*/
    background: #da551a;
}
.sider dl .current a{
    color: #FFffff;
}
.c_a_rg{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 35px;
}
.content {
  width:800px;	
  padding-top:5px;
}
.info {
  width:608px;
  margin-right:15px;	
  line-height:30px;
  display:inline;
}
.info p{
  border-bottom:1px solid #fad699;
  padding:10px 0;
    color: #666!important;
    text-indent: 2em!important;
    font-size: 12px!important;
}
.subimg{
  width:175px;	
  padding-top:5px;
}
.subimg img{
  padding-bottom:20px;	
}

/* project css */
hgroup{
  padding-left:35px;	
}
hgroup h1{
  font-size:32px;
  font-weight:bold;
  color:#4A452A;
  font-family:"微软雅黑","黑体","宋体";
  	
}
hgroup h2{
  font-size:22px;
  font-weight:bold;
  font-family:Calibri;
  color:#4A452A;	
}
hgroup h2 a{
  color:#4A452A;
}
hgroup h2 a:hover{
  color:#4A452A;
}
hgroup h3{
  font-size:24px;
  color:#4A452A;	
  font-family:"微软雅黑","黑体","宋体";
}
.ser-img {
  margin:20px 0 0;
  padding-left:35px;	
}
.project-ul{
  width:766px;
  float:right;
  margin:30px 0;	
}
.project-li {
  width:262px;
  height:266px;
  float:left;
  margin-bottom:10px;	
  font-family:"微软雅黑","黑体","宋体";
}
.project-li h5{
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;	
	
}
.project-li p{
  margin-top:5px;
}
.project-li.last{
  width:242px;
  float:left;	
}
.project-li p{
  width:242px;	
}

.flow p{
  padding-left:35px;	
}
.flow h2{
  font-size:16px;
  padding:10px 0;	
}

/* case css */
.category-ul{
  width:795px;
  float:right;	
  padding-top:5px;
}

.category-li {
  width:150px;
  height:175px; 
  text-align:center; 
  float:left; 
  margin:0 10px 10px 0;
  white-space: nowrap; 
  overflow:hidden;
  -o-text-overflow: ellipsis; 
  text-overflow: ellipsis; 
}
.category-li.last{
  margin:0;	
}
.line {
  height:1px;
  border-bottom:1px dashed #F5AD33;
  clear:both;	
}
.case-ul {
  width:795px;
  float:right;	
  padding-top:5px;
}
.case-li {
  width:195px;
  height:175px;
  float:left; 
  margin:0 5px 30px 0;
  white-space: nowrap; 
  overflow:hidden;
  -o-text-overflow: ellipsis; 
  text-overflow: ellipsis; 
}
.case-li.last{
  margin:0;	
}
.page{
  width:794px; 
  text-align:center;
}
.page a{
  border:1px solid #ccc;
  padding:5px 10px;
  line-height:25px;	
}
.page span{
  padding:5px 10px;
  background:#F93;
  color:#fff;	
}
/* cass-contet css */
.case-info{
  width:235px;
  margin-right:20px;	
  padding-top:7px;
}
.case-info h1{
  color:#f39800;
  padding-bottom:10px;
  font-size:18px;	
}
.case-content{
  line-height:25px;
  padding-top:10px;	
}
.case-img {
  width:540px;	
}
/* case-content flash css */

.caseShow {
	WIDTH: 540px; OVERFLOW: hidden
}
.caseShow .bigImg {
	TEXT-ALIGN: center; HEIGHT: 405px; OVERFLOW: hidden; 
}
.caseScroll {
	POSITION: relative; HEIGHT: 90px; OVERFLOW: hidden;  
}

.caseScroll .leftBtn {
	Z-INDEX: 10; POSITION: absolute; WIDTH: 25px; BACKGROUND: url(../../images/haohe/prev.jpg); HEIGHT: 43px; OVERFLOW: hidden; TOP: 20px; CURSOR: pointer; LEFT: 2px
}
.caseScroll .rightBtn {
	Z-INDEX: 10; POSITION: absolute; WIDTH: 25px; BACKGROUND: url(../../images/haohe/next.jpg); HEIGHT: 43px; OVERFLOW: hidden; TOP: 20px; CURSOR: pointer; RIGHT: 2px
}
.caseScroll .list {
	MARGIN: 0px auto; WIDTH: 460px; OVERFLOW: hidden; padding-top:15px;
}
.caseScroll UL {
	WIDTH: 2000%
}
.caseScroll LI {
	WIDTH: 90px; FLOAT: left; OVERFLOW: hidden
}
.caseScroll .imgDiv {
	PADDING-BOTTOM: 5px; CURSOR: pointer
}
.caseScroll IMG {
	WIDTH: 80px; HEIGHT: 60px
}
.caseScroll .liNow IMG {
	BORDER: #F6AF3A 2px solid; WIDTH: 78px;
}

.read{
  clear:both;
  padding-top:50px;
  line-height:25px;	
}

.prev{
  width:400px;
  float:left;	
  display:inline-block;
}
.next{
  width:400px;
  float:left;	
  display:inline-block;
  text-align:right;
}

/* contact css */
.contact{
  clear:both;
  margin:50px 0 80px 0;
  padding-top:10px;
  border-top:1px solid #fbdead;	
}
.contact p{
  line-height:25px;	
}
.zhcon{
  padding-left:30px;
  float:left;
  margin-right:30px;
  wdith:320px;
  display:inline;
  background:url(../../images/haohe/dot.gif) 17px 8px no-repeat;
  border-top:1px soild #fbdead;	
}
.encon{
  width:460px;
  float:left;
  
}
/* news css */
.crumbs{
  margin-left:20px;
  border-bottom:1px solid #FAD699;
  margin-bottom:10px;	
}
.crumbs a{
  color:#737373;	
}
/*visit*/
.visitlist{
  overflow:hidden; 
  width:780px; 
  margin-top:-10px; 
  margin-left:20px;
}
.visitlist li{
  border-bottom:1px dashed #C0C0C0; 
  width:780px;
  padding:15px 0; 
  overflow:hidden; 
  display:block; 
  cursor:pointer;
}
.visitlist #first img{
  width:85px; 
  height:50px; 
  padding:2px; 
  border:1px solid #C1D0E8; 
  float:left; 
  display:block;
}
.visitlist li .p{ 
  float:left; 
  padding-left:10px; 
  width:450px;
}
.visitlist li .p h1{
  clear:both; 
  font-size:14px; 
  padding-bottom:6px; 
  width:450px;
}
.visitlist li .p span{ 
  color:#006699; 
  text-decoration:none; 
  font-family:Arial, Helvetica, sans-serif;
}

.pic.visitlist {
  width:320px; 
  height:auto;
}
.pic.visitlist .piclist{
  width:320px; 
  height:220px;
}
.pic.visitlist .piclist ul{
  width:320px; 
  padding:0; 
  height:220px;
}

.visitlist #second .padr15 h2{
  clear:both; 
  font-weight:bold; 
  padding-bottom:6px; 
  font-size:14px; 
}
.visitlist #second .padr15 h2 a{
  color:#F5AD33;
}

.visitlist #second img{ 
  width:320px; 
  height:220px;
}


article{
  padding:20px 0;
  border-bottom:1px dashed #777;
}
article .img{
  width:200px;
  height:105px;	
  margin-right:20px;
}
article .txt{
  width:560px;	
}
article h2 {
  padding-bottom:5px;	
}
article h2 a{
  font-size:14px;
  color:#f39800;	
}
article span{	
  line-height:20px;
  display:block;
}
a.more{ 
  float:right;
  background:url(../../images/haohe/more.gif) no-repeat;
  width:57px;
  height:19px;
  text-indent:-9999px;	
  padding-right:10px;
}
.space{
  height:40px;	
}

/* show css */
.news{
  margin-left:20px;	
}
.news h1{
  font-size:14px;
  font-weight:bold;	
  padding-bottom:5px;
  text-align:center;
  border-bottom:2px solid #e4e4e4;
}
.news .smarty{	
  line-height:30px;
  text-align:center;
  padding-top:10px;
  margin-bottom:15px;
}
.news .smarty span{
  margin-right:25px;	
}
.news .content{
  line-height:200%;	
  padding-bottom:180px;  
  width:780px;
}
.con-page{
  padding-top:15px;
  border-top:1px dashed #777;
  line-height:25px;
}

a.last{
  margin:0;	
}

/* careers css */
.careers {
  border-bottom:5px solid #e4e4e4;
  position:relative;
}
.careers p{
  line-height:200%;	
}
.careers span{
  color:#f39800;
  font-size:14px;
  display:block;
}
.careers ul{
  border-top:1px dashed #777;	
  padding-left:12px;
  *padding-left:15px;
}
.careers li{
  line-height:25px; 
  list-style:disc;
}
.careers a.mail{
  position:absolute;
  right:5px;
  top:3px;
  text-indent:-9999px;
  background:url(../../images/haohe/mail.jpg) 0 3px no-repeat;	
  width:20px;
  height:25px;
}
.careers.last{
  border:none;	
  position:relative;
}

/* tag css */
.crumbs{
  height:30px;
  line-height:30px;	
}
.tag-li{
  line-height:25px;
  border-bottom:1px dashed #ccc;	
  padding-left:10px;
}