/*
Template Name: AquaBusiness
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#333;
 	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none; }
p{ text-indent: 2em; line-height: 28px; font-size: 16px;}
.fl_left{float:left;}
.fl_right{float:right;}
.noindent{ text-indent: 0}
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:22px;
	font-weight:normal;
	font-family:'微软雅黑',Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dashed #DDDDDD;
	}

.col1{color:#FFFFFF; background-color:#333333;}
.col2{color:#FFFFFF; background-color:#none;position: relative;z-index: 1;}
.col3{ position: relative; z-index: -1;   height: 412px; display: block; margin-top: -386px; color: #333;}
 .col3 a{color:#FF9900;}
.col4{color:#333333; background-color:#FFFFFF;}
.col4 a{color:#FF9900; }
.col5{color:#CCCCCC; background-color:#dd790a;}
.col5 a{color:#FFFFFF; background-color:#37639A;}
.container{ width:1002px;} 
#topbar .container { width:1002px;}
/* ----------------------------------------------Generalise-------------------------------------*/

  #header,#sitename, #intro, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
 	}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
        color:#FFFFFF; background-color:#ed8d23;
  	height: 42px;
        top: 0;
        z-index:1000;
	}

#topbar ul{
	margin:0;
	padding:0;
	list-style:none;
	}

 #bodybg{position: relative;z-index: -1; height: 412px; display: block;}

/* ----------------------------------------------Header-------------------------------------*/

#header{ padding-top: 42px; }
#header .logo {        width: 458px;      float: left;   margin-top: 6px;}
#header .logo a{ float: left}
 #header .logo .date{background: url(../images/icon.gif)  no-repeat; height: 12px; line-height: 12px;  float: right; font-size: 12px; display: block; text-indent: 2em;margin-top: 12px;}
 
#header ul.top-menus{ width: 330px; float: right;margin-top: 14px; list-style: none;color:#fff; font-size:13px; text-align: right; margin-right: 15px;}
#header ul.top-menus li  {background: url(../images/icon.gif)  no-repeat; float: right; margin-right: 10px !important; margin-right:0;height: 12px; display: block; text-indent: 2em; margin-top: 5px; }
#header ul.top-menus li.li1{ background-position: 0 -12px;}
#header ul.top-menus li.li2{ background-position: 0 -24px;}
#header ul.top-menus li.li3{ background-position: 0 -36px;}
#header ul.top-menus li a{  color:#fff; font-size: 12px; height: 12px; line-height: 12px;  display: block; float: left}
.navbar .search {
	position: relative;
	background: url(../images/main.gif) 0 -38px;
        width: 211px; 
        height: 25px;
        display: block;
        float: right;
        margin-top: 10px;
}
.navbar .search .schkwds{ border: none; width:170px; background: none;height: 25px; display: block; padding:0 3px; float: left; }
.navbar .search .schbtn{ border: none; width:30px; background: none;height: 25px; display: block; padding: 0; float: right;}        

 
/* ----------------------------------------------Homepage Intro-------------------------------------*/

#sitename{background:  url(../images/sitename.png) no-repeat; height: 121px;}
#slider{   height: 221px; display: block; } 
/* ----------------------------------------------news list-------------------------------------*/

.news{ border: #ccc solid 1px; margin-top: -25px; background: #e3e3e3; position: relative; z-index: 1; float: left; width: 100%;padding: 20px 0;}
.news .list{width:48%; float: left;display: block; margin: 0px 10px !important; margin: 0px 5px;}
.news .list .top{ width: 100%; display: block; float: left; border-bottom: 2px #dd790a solid; padding: 5px 0; font-weight: bold;font-family: '微软雅黑','黑体';}
.news .list .title{ width: 85%; display: block; float: left; line-height: 28px; }
.news .list .more{ width: 15%; display: block; float: right}
.news .list ul{ float: left; list-style: none; margin: 0px;width: 100% }
.news .list ul li{ width: 98%;font-size: 13px; float: left; background:  url(../images/li-marker.png) left center no-repeat;  border-bottom: 1px dashed #a4a4a4;margin: 4px 0; text-indent:1em;  }
.news .list ul li a{ color: #333; float: left; display: inline}
.news .list ul li .pubdate{ color: #333; float: right; display: inline}

.news .notice{width: 66%; float: left;display: block; margin: 20px 0px;  }
 

 
.trends{ background: #ebebea; width: 701px; border-top: 3px solid #dd790a; display: block; float: left; }
.trends ul,.process ul,.enter ul{ float: left; list-style: none; width: 99%; margin-left: 12px !important; margin-left: 6px; }
.trends .title,.process .title,.enter .title,.special .title{ width: 60%; font-size: 13pt; font-family: '微软雅黑','黑体'; font-weight: bold; display: block; float: left;padding: 10px;}
.trends .more,.process .more{    font-family: '微软雅黑','黑体'; display: block; float: right; padding: 10px;;}
.trends img{ width: 144px; height: 76px; float: left}
.trends li{ float: left; width: 95%; border-bottom: 1px dashed #ccc; margin-bottom: 5px; padding: 3px 0;}
.trends li .lititle{ float: right; width: 76%; margin-bottom:  5px; font-size: 14px; color: #333; line-height: 18px;  }
.trends li .lititle .index{ float: left; background-color: #dd790a;  font-size: 12px; line-height: 16px; padding: 0 2px; color: #fff; margin-right: 10px;}
.trends li .lititle .pubdate{ float: right}
.trends li .lititle a{ font-weight: bold; float: left }
.trends li .licontent{ float: right; width: 76%; font-size: 13px; text-indent: 2em;}

.process{ background: #ebebea; width: 281px; border-top: 3px solid #dd790a; display: block; float: right; margin-top: 0; padding-bottom:  10px; margin-bottom: 15px;  }
.process ul{ float: left; margin-bottom: 0px;}
.process ul li{ width: 92%;font-size: 13px; float: left; background:  url(../images/li-marker.png) left center no-repeat;  border-bottom: 1px dashed #a4a4a4;margin: 4px 0; text-indent:1em;  }
.process ul li a{color: #333; float: left; display: inline}
.enter{ background: #ebebea; width: 281px; border-top: 3px solid #dd790a; display: block; float: right; padding-bottom: 35px;}
.enter ul{float: left;  margin-bottom: 0px; margin-top: 10px;}
.enter li { float: left; width: 30%; margin-left: 6px; text-align: center; }
.enter li img{  width: 60px; height: 60px;}
.enter li a{clear: both; display: block; font-size: 13px; color: #333}
.special{ margin-bottom: 20px; background: #ebebea; width: 281px; border-top: 3px solid #dd790a; display: block; float: right; padding-bottom: 35px;}
 .special ul{  float: left; margin: 0; margin-top: 12px; list-style: none; width: 100%}
.special ul li{ float: left; margin: 2px 0; text-align: center; width: 100%;}
.special ul li a{ font-size: 13px;}
.special ul li img{  }
.special ul li .name{ line-height: 30px;}
/* ----------------------------------------------advertising-------------------------------------*/
.midadver{ background-color: #dd790a; height: 75px; overflow: hidden; float: left; width:100%;margin-top: 8px;}
.midadver img{height: 75px;}
/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:15px 0; border-bottom: 3px solid #dd790a; text-indent: 2em;color:#333; margin-bottom: 15px;
	}

#breadcrumb .breadcrumbs{
	padding:0;
	 display: inline
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/
#column{ width: 25%; float: left; background-color: #feefe1; overflow: hidden} 
#content{ width: 70%; float: right; min-height: 420px; _height:420px; margin-bottom: 30px;line-height: 28px;font-size: 16px;} 
.singlecontent{min-height: 420px; _height:420px; margin-bottom: 30px;line-height: 28px;}
 
 
#content .title,.singlecontent .title{ text-align: center}
#content .info,.singlecontent .info{ margin: 15px 0;}
 
table.list{ border: none; margin:12px 4px;}
table.list td{  border: none; border-bottom: 1px dashed #ccc; border-top: none;color:#333}
table.list a{background:url(../images/li-marker.png) left center no-repeat; display: block; text-indent: 1em }
 
 
/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:15px 0;
	}
#copyright a{ background: none}
#copyright p{ color: #fff;
	margin:0;
	padding:0;
	}