/* 
	project:  internet corporation
	author:   www.dyage.com 
*/

*{
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	background-repeat: repeat;
/*	background-image: url(../images/bg_1.gif) repeat-x;*/
	background:#daeef9 url(../images/bg_1.gif) repeat-x;
	line-height: 1.6em;
	color: #000;
	font-family: "宋体";
	font-size: 0.8em;
	text-decoration: none;
}

.clear{
   font-size:1px;
   width:1px;
   height:1px;
   visibility:hidden;
   clear:both;
}

#head {
	width: 1024px;
	margin: 0 auto;
	background-image: url(../images/logo.gif);

}
#head ul li
{
   list-style-type: none;
}
#top_menu {
   text-align: right;   
}

#top_menu2
{
   text-align: left;      
}

#content {
	width: 1024px;
	margin: 0 auto;
}


#content_left {
	float: left;
	width: 228px;

}

/*导航右边内容*/
#content_right {
	margin: 0 0 1px 0;
	padding: 0 20px 0px 18px;
	float: right;
	width: 750px;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #1c98b4;
	height:auto;
}

/*首页公司简介*/
#content_right_first p{
	font-family: "新宋体";
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1em;

}

#content_right_first img{
	float: right;
	padding: 0 0 6px 6px;
	width: 400px;
}
/*首页产品滚动样式*/
#content_right_second{
	OVERFLOW:hidden;
	WIDTH: 735px;
	HEIGHT: 366px;
	border: 1px solid #d2e0f0;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 5px 0 2px 3px;
}
#content_right_second img{
	padding: 0;
	margin: 0;
	border: 0;
}

#con_center
{
  text-align:center;
}

#flash {
padding-top: 1px; 
height:219px;
text-align:center;
}

#content_top {
	margin: 0;
	background-image: url(../images/gg.gif);
	height: 70px;
	padding: 0;
}

#content_top_time li
{
    text-align:right;
    list-style-type: none;
    padding-top:5px;
    padding-right:20px;
    font-size: 12px;
}

h1 { font: bold 1.5em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }


a {	color: #1685c5;	background: inherit; text-decoration: none; }
a:hover{color: #90334b;}

p {
	font-size: 1.0em;
	/*font-weight: bold;*/
}


#logo {
	margin: 4px 0 0 0;
	height: 66px;
	width: 280px;
	float: left;
	text-align: left;
	background-image: url(../images/logobg.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}


#intro { 
	clear: both;
	background: #fff url(../images/intro.jpg) no-repeat;
	color: #4C8734;
	height: 170px;
	margin: 0 0 20px;
	padding: 45px 40px 0 0;
	text-align: right;
}
#intro h1 { margin: 0; }
#intro p { margin: 0; }
	


/*公司简介*/
#about img{
	padding: 6px;
	
}

#about p{
	font-weight: normal;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.9em;
	font-family: "新宋体";
	color: #444;

}

#left a { background: #EFFCFF; color: #317486; }



#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }


/*底部版权信息*/
#footer {
	padding: 0;
	margin: 0 auto;
	font-size: 1em;
	color: #777a7b;
	width: 1024px;
	background: #86d5e2 url(../images/footer.jpg) repeat-x;
	background-position:bottom;
	border: 1px solid #1c98b4;
	text-align: center;
}
	#footer a { color: #1186bd; }
	#footer a:hover{color: #105c96;}
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
.hidden {display: none;}

/*招聘样式*/
#zpborder
{
    font-size:14px;
    font-weight:bold;
    color:#000;
}

#zhaopin ul
{
    width:100%;
	border-color: #d2e0f0;
	border-style: solid;
	margin-bottom: 10px;
}

#zhaopin ul li
{
    float:left;
    display:inline;
    list-style-type: none;
	line-height: 25px;
	width:300px;
}
 /*成功案例样式*/   
#case 
{ 
    float:left;
    overflow: hidden;
    width:100%;
    padding-bottom:10px;
    padding-left:2px;
}

#case  li{
	list-style-type: none;
	line-height: 25px;
	text-align: left;
    border-bottom:1px dashed  #32acd9;
}

#case p{
	color: #000;
	text-align:left;
	padding-top: 5px;
	font-size:13px;
	/*border:none;*/

}
#case h4
{
    text-align:center;
}
/**/
#list1width{width:5%;}
#list2width{width:50%;}
#list3width{width:45%;}



#image_company{
	padding-bottom: 10px;
	padding-top: 5px;

}

#image_product{
	padding-top: 20px;

}


/*联系我们*/
#contact{
	padding-top: 20px;
	border: 1px solid #d2e0f0;
}

#contact p{
	line-height: 24px;
	font-weight: normal;

}

#contact b{
	color: #3333CC;
	font-size: large;
}



#content_left a{
	color: #666666;

}

.clear{
   font-size:1px;
   width:1px;
   height:1px;
   visibility:hidden;
   clear:both;
}
/*留言*/
#feekback{
	width:729px;
	overflow: hidden;
	float:left;
	padding-top: 40px;
}
#feekback li{
	margin:5px 5px;
	list-style-type: none;
}

input{
	border: 1px solid #1d8ecf;

}
#feekback p{
	font-weight: normal;
	float: left;
	line-height: 10px;
	display: inline;


}
/*合作伙伴样式*/
#friends{width:750px; margin:0px 0px 5px; text-align:left} 
#friends ul{list-style:none} 
#friends li,#wrap .pic{width:120px; height:90px} 
#friends li{margin:8px; float:left; display:inline; overflow:hidden; } 
.pic{text-align:center; display:table-cell; vertical-align:middle;} 
.pic img{vertical-align:middle;} 

/*　设置链接均为块元素。容易进行控制，而且设为块元素以后，增大了鼠标悬停的区域，提高用户体验。*/
#friends li a {
   display:block; 
}
#friends  img {
    border:1px solid #32acd9; 
    padding:1px;
}
/*设置链接图片的边框为1px的实线，颜色为深灰色。设置填充为1px，让边线与图片之间产生一象素的空隙
链接是块元素，我们可以设置文字超出宽度150px的时候，自动的隐藏，并且在IE中可以实现省略号的效果*/
#friends li span a {
    width:120px;
    height:25px;
    line-height:24px;
    text-align:center;
	white-space:nowrap; /*内容横向排列不换行*/
    text-overflow:ellipsis; 
    overflow: hidden;

}
/*产品展示区样式end*/

/*产品展示区样式*/
#products{width:750px; margin:0px 0px 5px; text-align:left} 
#products ul{list-style:none} 
#products li,#wrap .pic{width:170px; height:190px} 
#products li{margin:8px; float:left; display:inline; overflow:hidden; } 
.pic{text-align:center; display:table-cell; vertical-align:middle;} 
.pic img{vertical-align:middle;} 

/*　设置链接均为块元素。容易进行控制，而且设为块元素以后，增大了鼠标悬停的区域，提高用户体验。*/
#products li a {
   display:block; 
}
#products  img {
    border:1px solid #32acd9; 
    padding:1px;
}
/*设置链接图片的边框为1px的实线，颜色为深灰色。设置填充为1px，让边线与图片之间产生一象素的空隙
链接是块元素，我们可以设置文字超出宽度150px的时候，自动的隐藏，并且在IE中可以实现省略号的效果*/
#products li span a {
    width:170px;
    height:30px;
    line-height:24px;
    text-align:center;
	white-space:nowrap; /*内容横向排列不换行*/
    text-overflow:ellipsis; 
    overflow: hidden;

}
/*产品展示区样式end*/


  
  
  /*分页样式*/
#fy
{
    float:left;
    width:730px;
    height:15px;
	margin: 0px auto 10px;
	margin-left:10px;	
}

/*产品明细*/
#prodetail {
	FLOAT: left; 
	WIDTH: 750px; 
	height:auto;
	margin-bottom:3px;
	overflow:hidden; 
	border:1px;
}

#prodetail  IMG {
	FLOAT: left;
	border:1px solid #1c98B4; 
	overflow:hidden; 
}

/* 选项卡属性 */
#tab
{
float:right;
overflow:hidden; 
width:350px;
margin:0px;
padding:0px;
margin:0 auto;
}
/*菜单class*/
.Menubox 
{
FLOAT:right;
overflow:hidden; 
width:100%;
background:url(../images/pbgm.jpg);
height:28px;
line-height:28px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
 float:left;
 DISPLAY: inline;
 display:block;
 cursor:pointer;
 width:114px;
 text-align:center;
 color:#6F6F6F;
 font-weight:bold;
 }
.Menubox li.hover{
 padding:0px;
 background:#fff;
 width:116px;
 border-left:1px solid #1c98B4;
 border-top:1px solid #1c98B4;
 border-right:1px solid #1c98B4;
 background :url(../images/pbgm.jpg);
 color:#219deb;
 font-weight:bold;
 height:27px;
line-height:27px;
}
.Contentbox
{
 FLOAT:left;
 overflow:hidden; 
/* border:1px dashed #1c98B4;*/
 height:250px;
 padding-top:8px;
}
.Contentbox ul{
margin:0px;
padding:0px;
}
.Contentbox  li
{
 float:left;
 overflow: hidden; 
 DISPLAY: inline;
 PADDING-LEFT: 10px; 
 PADDING-BOTTOM: 5px; 
 MARGIN-RIGHT: 5px;
 margin-top:5px;
 HEIGHT: auto;
 width:350px;
 white-space:nowrap;
 text-overflow:ellipsis; 

}

#boderbottom
{
  border-bottom:1px dashed #1c98B4;
}

/**/

/*产品说明*/
#shuoming{
	FLOAT: left;
	WIDTH: 750px;
	overflow:hidden;
	PADDING-BOTTOM: 5px;
	padding-top:10px;
}
#shuoming li{
   display:inline; 

}
#shuoming h4
{
   font-size:16px;

}

/*左边导航*/
   #navleft{
	float: left;
	width: 230px;
	border: 1px solid #1c98B4;
	padding-bottom:20px;
    background:url(../images/prosort.jpg) no-repeat;
  
  }
  #navleft UL    
  {
      width: 229px;
      text-align: left;
      PADDING-RIGHT:0px;  
      PADDING-LEFT: 0px;
      PADDING-BOTTOM:0px; 
      MARGIN:0px;  
      PADDING-TOP:35px; /*背景图片高度*/
      LIST-STYLE-TYPE:none;   
  }   
  #navleft UL   LI   {   
      POSITION:relative;
      FLOAT:   left;
      width:230px;  
  }   
  #navleft LI   UL   {
	DISPLAY:   none;
	POSITION:   absolute;
	TOP:   -35px;
	left: 230px;
  }   
    
  #navleft li ul li ul{   
  position:   absolute;   
  left:   230px;   /*   Set   1px   less   than   menu   width   */   
  top:   -35px;   
  display:   none;   
  }   
    
 
  #navleft   UL   LI   A
  {
    PADDING-RIGHT:5px;
    DISPLAY:   block; 
    PADDING-LEFT:20px;/*距离左边间距*/
    BACKGROUND:   #fff;   
    PADDING-BOTTOM:   2px;   
    COLOR:   #444;   
    PADDING-TOP:   2px; 
    BORDER-BOTTOM:#0b5580 1px solid;
    border-left:  #0b5580 1px solid; 
    TEXT-DECORATION:   none  ;
	HEIGHT:1%;
	background: #1583a4 url(../images/bgbg.gif) no-repeat;
	color: #FFFFFF;
  }   
  #navleft UL  LI  A:hover{   
    BACKGROUND: #6fbed4 url(../images/ss.gif) no-repeat;  
    COLOR:#1583a4;
  }   

  #navleft LI:hover UL{   
  DISPLAY:   block   
  }   
    
  #navleft LI.over UL{   
  DISPLAY:   block   
  }   
  #navleft LI.out UL{   
  /*DISPLAY:none  */
   visibility:hidden; /* 比用display:none效率会高 */ 
  }   
  
  /**定义有子菜单的LI鼠标移过，移出的样式*/
   #navleft LI.overbg ul {
     background:url(../images/bullet.gif) #000080 no-repeat;
     DISPLAY:block ;
    }
   #navleft LI.outbg  ul
    {
     visibility:hidden;
    }
/*顶部导航*/
#topnav
{
    width:1024px; margin:0 auto; background:#074c62; overflow:hidden;
}

#nav {
  line-height: 27px;  
  list-style-type: none;
}

#nav a {
 display: block; text-align:center; text-decoration:none;color:#fff;
}

#nav a:hover
{
    COLOR:#1583a4;
}

#nav li {
 float: left; width: 113px; background:#074c62;list-style-type: none;
}
#nav li a:hover
{
 BACKGROUND: #6fbed4;
}

#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; position: absolute;  width: 180px;margin: 0; padding:0;
}
#nav li ul li{
	float: left;
	width: 180px;
	background: #1583a4;
	BORDER-BOTTOM:#0b5580 1px solid;
}


#nav li ul li a{
 display: block; width: 156px;text-align:left;padding-left:24px;
}

#nav li ul li a:hover 
{
    BACKGROUND: #6fbed4;  
}


#nav li.sfhover ul {
 left: auto;
}