﻿/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    bill ao
email:     aolp@kingold.com
website:   http://www.kingold.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
 /* margin: 1em 0;*/
 margin:0;
}

ul
{
  list-style-type:none;
}
/* Class for clearing floats */
/*
.clear {
	clear:both;
} */


/* Remove border around linked images */
img {
	border: 0;
}

/* 清理浮动 */  
.clear:after
{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}  
    
.clear
{
   display:inline-block;
    }    
/* Holly Hack Targets IE Win only \*/      
* html .clear{ height:1%;}
.clear{ display:block;}  
/* End Holly Hack */   


/* =Typography
-----------------------------------------------------------------------------*/

html{
	/*scrollbar-base-color : #88B654;*/ 
}


body {
  font: 12px/1.6 "宋体", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color:#656468;
 background: url(Images/bodyBg.jpg) repeat-x;
 /*scrollbar-base-color : #88B654;*/ /*这个在web标准中不起作用*/ 
 
 
 
  
}


a:link {
 color: #656468;
 TEXT-DECORATION: none
}

a:visited {
 COLOR: #656468;
 TEXT-DECORATION: none
} 

a:hover {
 COLOR: #656468;
 text-decoration: underline;
}
a:active {
 COLOR:  #656468;  
 text-decoration: none;
}


/* =Container 整个页面的容器
-----------------------------------------------------------------------------*/
#container
{
   width:980px;
   margin:0 auto;
   
}

/* =Headings
-----------------------------------------------------------------------------*/


/* = navPage 分页*/

.navPage
{
  font-size:12px;
  padding:10px 20px;
  margin-bottom:20px;
}

 /*网易风格*/ 
 .anpager{ font-size:12px;}
.anpager .cpb {/* background:#1F3A87 none repeat scroll 0 0; */border:0px solid #CCCCCC;color:#C3DDDA;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:0px solid #CCCCCC;color:red;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#D8ECE0 none repeat scroll 0 0;border:0px solid #1F3A87;}

/*拍拍网风格*/
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

/*迅雷风格*/
.pages { color: #999;  line-height:20px; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}


.code{font-weight:bold;color:blue}
  


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
#branding
{
 background:url(images/brandingBg.jpg) no-repeat;
 width:980px;
 height:79px;
 text-align:right;
 line-height:79px;
 /*border:1px #ccc solid;*/
}
#branding a
{
	padding:8px;
    color:#707070;
    text-decoration:none;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#navMain
{
  background:#EAEAEA;
  height:130px;
  width:980px;
}
#navMain ul
{
	margin-left:60px;
}
#navMain li
{
   /*display:inline;  /*使用这样的话高度不起作用*/
   float:left;
   padding:15px 0px 0 0px ;
   text-align:center;
   width:96px;
   font-size:14px;
   font-weight:bold;
   background: url('images/navMainBg.jpg') right top no-repeat;
   
   height:34px;
    /*line-height:40px;
  border:1px red solid;
   margin:6px;*/
  
}
#navMain li a
{
	/*height:32px;*/
	display:block;
	height:100%;
	color:#6B6A6E;
	text-decoration:none;

	/*border:1px red solid;*/
}
#navMain li a:hover
{
	background: url('images/navSelect.jpg') center bottom no-repeat;
	 color:#005031;

}

#navMain li.last
{
	background:none;
	
}

#navMain li.select a
{
	 background: url('images/navSelect.jpg') center bottom no-repeat;
	 color:#005031;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =AD Area
-----------------------------------------------------------------------------*/
#adArea
{
	text-align:center;
	margin-top:-80px;
}


/* 首页页面  */


/* =Content
-----------------------------------------------------------------------------*/
#home #content
{
	position:relative;
    width:980px;
	height:190px; /*不定义高度的话siteinfo块会跑到上面*/
	}



 
/* =Main Content
-----------------------------------------------------------------------------*/
#home #contentMain
{
	width:416px;
	left:20px;
	top:0;
	position:absolute;
	margin:10px 0;
	border:0;
}
#home #contentMain h2
{
	 background: url(images/newsT.jpg) no-repeat;
	 text-indent:-9999px;
	 margin:0px;
}

#home #contentMain .newsList li
{
	padding:2px 6px;
}
#home #contentMain .newsList li a
{
  color:#707070;
  text-decoration:none;
  float:left;
}

.newsList li span
{
  color:#A0D20C;
  padding-right:10px;
  float:left;
}
#home #contentMain .newsList li .date
{
 color:#707070;
 float:right;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/
#home #contentSub
{
	width:490px;
	right:30px;
	top:0;
	border:2px #F3EBDA solid;
	position:absolute;
	margin:10px 0;
	padding:6px;
  
}

#home #contentSub li
{
   float:left;
   width:140px;
  /* padding-right:6px;
   margin:10px;*/
 /* margin-right:6px;*/
  padding:4px 10px ;
   background: url(images/contentSubBg.jpg) right  no-repeat;
}
#home #contentSub  li.last
{
  background:none;
}

#home #contentSub li h2#friend,
#home #contentSub li h2#case,
#home #contentSub li h2#project
{
	width:136px;
	height:25px;
	text-indent:-9999px;
	margin-bottom:10px;
}
#home #contentSub li h2#friend
{
	 background: url(images/friendT.jpg) no-repeat;
}
#home #contentSub li h2#case
{
	background: url(images/caseT.jpg) no-repeat;
}
#home #contentSub li h2#project
{
	background: url(images/projectT.jpg) no-repeat;
}
 

li.last
{
  background:none;
}




/* =Siteinfo
-----------------------------------------------------------------------------*/
#home #siteinfo
{
   border:0;
	width:920px;
	height:30px;
	margin:0 auto;
	border-top:1px #EEEEEE solid;
	text-align:center;
	padding:10px 0;
	background:none;
	float:none;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}





/* =pageSub 二级页面
-----------------------------------------------------------------------------*/

#content
{
	/*position:relative;*/
    width:980px;
	/*height:190px; /*不定义高度的话siteinfo块会跑到上面*/
   float:left;
 /*  margin-top:-10px;*/
	}


/*

#sidebar
{
	
	width:170px;
	left:10px;
}
#main
{
	width:770px;
	right:10px;
    border-left:1px #E0E2D4 solid;
    border-right:1px #E0E2D4 solid;
}
#main p
{
	padding:6px 10px;
	line-height:22px;
}
*/

#contentMain,
#siteinfo
{
	width:765px;
	float:right;
	margin-right:20px;
	_margin-right:10px;
	 border-left:1px #E0E2D4 solid;
    border-right:1px #E0E2D4 solid;
    font-family:Arial;

}

#contentMain
{
   min-height:280px;
   _height:280px;
  /* padding:20px;*/
}
#contentMain h2
{
  font-size:16px;
  color:#437C67;
  margin:20px;
}


#contentMain #aboutArea
{
	background:url(Images/aboutBg.jpg) no-repeat;
	padding:20px 20px 20px 240px;
	
}
#contentMain #aboutArea p
{
	font-size:14px;
	font-family:"微软雅黑" "宋体" ; 
	font-weight:bold;
}
#contentMain #aboutArea p span
{
	color:#1E684D;
}
 
#contentMain #aboutArea h2
{
	display:none;
}

#siteinfo
{
		background-color:#FDFBFC;
			height:30px;
	border-top:1px #EEEEEE solid;
	text-align:center;
	padding:10px 0px;

}

#contentMain p
{
	padding:6px 10px;
	line-height:22px;
}

#contentSub
{
	width:170px;
	float:left;
	margin-left:10px;
	
}

/* =banner 部份 
------------------------------------------------------------------------ */
#bannerSolutions,
#bannerAbout,
#bannerPartnerships,
#bannerNews,
#bannerContact,
#bannerProducts,
#bannerCases,
#bannerQuality
{
	width:767px;
	height:99px;
	margin-top:-80px;
	margin-right:20px;
	_margin-right:10px;
	float:right;
   text-indent:-9999px;
}

#bannerSolutions
{
  background: url(images/bannerSolutions.jpg) no-repeat;	

}
#bannerAbout
{
  background: url(images/bannerAbout.jpg) no-repeat;	

}
#bannerPartnerships
{
   background: url(images/bannerPartnerships.jpg) no-repeat;
}
#bannerNews
{
   background: url(images/bannerNews.jpg) no-repeat;
}
#bannerContact
{
   background: url(images/bannerContact.jpg) no-repeat;
}
#bannerProducts
{
   background: url(images/bannerProducts.jpg) no-repeat;
}
#bannerCases
{
   background: url(images/bannerCases.jpg) no-repeat;
}
#bannerQuality
{
   background: url(images/bannerQuality.jpg) no-repeat;
}

/* =sidebar部份 
------------------------------------------------------------------------ */

 #sidebarAboutus,
 #sidebarSolutions,
 #sidebarPartnerships,
 #sidebarNews,
 #sidebarContact,
 #sidebarProducts,
 #sidebarCases,
 #sidebarQuality
{
	padding-top:46px;
	padding-left:26px;
   min-height:130px;
   _height:130px;
}
#sidebarSolutions
{
	background: url(images/sidebarSolutions.jpg) no-repeat;
	
}
 #sidebarAboutus
{
	background: url(images/sidebarAboutus.jpg) no-repeat;
}

 #sidebarPartnerships
{
	background: url(images/sidebarPartnerships.jpg) no-repeat;
}
#sidebarNews
{
  background: url(images/sidebarNews.jpg) no-repeat;
}
#sidebarContact
{
  background: url(images/sidebarContact.jpg) no-repeat;
}
#sidebarProducts
{
  background: url(images/sidebarProducts.jpg) no-repeat;
}

#sidebarCases
{
  background: url(images/sidebarCases.jpg) no-repeat;
}
#sidebarQuality
{
  background: url(images/sidebarQuality.jpg) no-repeat;
}





/* =partherships 合作伙伴页面
-----------------------------------------------------------------------------*/

ul#partnerships
{
  padding:10px;
 /* margin:0 auto;*/
}
ul#partnerships li
{
  display:inline;
  padding:4px;
}
/*
ul#partnerships li a:hover
{
  border:solid 1px blue;
}
*/


/* ==contact 联系我们
-----------------------------------------------------------------------------*/
p#contact
{
  font-size:14px;
  color:#437C67;
  margin:10px 20px;
  font-weight:bold;
}
#contentMain address
{
  margin:0 30px;
  font-weight:bold;
  font-size:14px;
  font-style:normal;
  line-height:24px;
  color:#757575;
 
}


/* ==news 新闻部分
-----------------------------------------------------------------------------*/
ul#newsList
{
  margin:10px 40px;
 /* list-style-type:square;*/
    
}
ul#newsList li
{
  padding:4px 10px;
  border-bottom:dotted 1px #ccc;
  background:url(Images/dot1.gif) left center no-repeat; 
  text-align:right;
}
ul#newsList li a
{
  color:#707070;
  text-decoration:none;
  float:left;
}
ul#newsList li span
{
 /* float:right;*/
}

/*产品页面*/
ul#productList
{
	margin:20px 30px;
	}
ul#productList li
{
	border-bottom:dotted 1px #ccc;
	padding:6px 12px;
	}


ul#productList dl
{
	padding:6px;
	margin-right:10px;
	
	}

ul#productList dt
{
	float:left;
    margin-right:10px;
    width:240px;
	
	}
ul#productList dd
{
	float:left;
    width:400px;
	}
ul#productList dd h3
{
   font-size:16px;
   padding-left:10px;
  
	}		
	


/*文章显示部分*/	
#basicLayout .article
{
   border:solid 1px #ccc;
   padding:20px;
}
#basicLayout .article h3
{
 text-align:center;
 margin:0px 20px 10px 20px;
 font-size:16px;
 font-weight:bold;
 border-bottom:1px #ccc dotted;
 padding:10px;
}
#basicLayout .article h4
{
  font-size:14px;
  text-align:center;
  margin-bottom:16px;
}
#basicLayout .article p
{
  padding:10px 20px ;
  line-height:1.5em;
  font-size:14px;
}	


/*相册功能*/
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	/*float:right;*/
   /* float:left;
	width:550px;*/
	/*float:left;
	/*border:solid 1px #C0DFDC;
   background-color:#EFF5F3;*/
   padding:10px;
 /*  margin-bottom:10px;*/ 
   width:700px;
   margin:10px auto;
   /*height:320px;
   height:360px;*/
	
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
   text-align:center;

}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
	 margin-left:100px;
	_margin-left:50px;
}
div.nav-controls {
    float:left;
    margin-left:150px;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	/*clear: both;*/
  /* width:420px;*/
   width:600px;
  /* height:280px;
   float:left;*/
   margin:0 auto;
   text-align:center;
   
   
   display: table-cell;
 vertical-align:middle;

 background:url(Images/imageBg.jpg) no-repeat center bottom;
 	
   
   /* 针对IE的Hack */
 *display: block;
 
 /*
 *font-size: 245px;/*约为高度的0.873，200*0.873 约为175*/
 
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
 
   padding-bottom: 16px;
   
   
}
div.slideshow span.image-wrapper {
	/*float: left;*/
	padding-bottom: 12px;
	
 /*  border:solid 1px #ccc;
  
	width:480px;*/

}
div.slideshow a.advance-link {
	/*padding: 2px;*/
	display: block;
	
}
div.slideshow img {
	border: 1px solid #ccc;
	/*display: block;*/
    padding:8px;
  /* max-width:420px;
   max-height:280px; */
   max-width:480px;
  /* max-height:320px;*/
  _height:320px;
  _width:auto;
  vertical-align:middle;
   /*_width:expression((documentElement.clientWidth >410) ? "410px" : "auto" );*/ 
  
   
  
}
div.download {
	float: right;
}
div.embox {
    /*
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px; */
	
	/*float:right;*/
  width:250px;
  margin:10px auto;
 /* background-color:#EFF5F3;*/
}
div.image-date
{
  color:#5CBCA6;
  font-size:14px;
}
div.image-title {
    /*
	font-weight: bold;
	font-size: 1.4em; */
 color:#005435;
  font-size:16px;
  font-weight:bold;
  line-height:24px;
  font-family:"微软雅黑","宋体",Arial;
  padding:2px;
  text-align:center;
}

div.image-desc {
   /*
	line-height: 1.3em;
	padding-top: 12px; */
	
  color:#6B6B6B;
  padding:10px 20px;
  background-color:#FFF;
  margin-top:20px;
  line-height:24px;
  height:180px;
	
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	 text-align:center;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0 10px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 8px 5px 0;
	list-style: none;
}
a.thumb {
	/*padding: 2px;
	display: block;*/
	border: 1px solid #C7E0DB;
	
	display: table-cell;
 vertical-align:middle;
 text-align:center;
 padding:2px;
 	
	/*width:75px;
	height:75px;*/
	width:130px;
	height:86px;
   line-height:86px;
 /*  background-color:#E1E1E1;*/
   
   /* 针对IE的Hack */
 *display: block;
 *font-size: 78px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
   
   
}

a.thumb:hover
{
  border: 1px solid #99D200;
}

ul.thumbs li.selected a.thumb {
	
   /* background:#99D200;*/
    border:solid 1px #99D200;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	/*border: none;
	display: block;*/
	
	vertical-align:middle;
    /*padding:2px;*/
	/*
   max-width:75px;
   max-height:75px;*/
 
   _height:86px;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
    display:none;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}	

/* 当前位置  */
#breadcrumb
{
	padding:10px;
    margin-bottom:20px;
	}
#breadcrumb strong
{
  color:#217D18;
}	

#breadcrumb a
{
  text-decoration:none;
  
}
#breadcrumb a:hover
{
  text-decoration:none;
  color:#217D18;
}	
#breadcrumb ul,
#breadcrumb li
{
	display:inline;
	padding:0;
	margin:0;
	}
#breadcrumb ul li
{
	padding-left:0;
	}	
#breadcrumb ul li ul li
{
	padding-left:14px;
	background:url(Images/arrow.gif) no-repeat left center;
	}	
