﻿
body {
font-size:13px; line-height:130%;
background-color:#17191A;
color:#000;
font-family:微软雅黑;
}

* {margin:0px;padding:0px;}
a img {border: none;}
a {color: #0057B1;}
a:hover {text-decoration: none;}
h2{color:#004FA2;}
h1{color:#004FA2;}
h1{font-size:1.5em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h3.sectiontitle{color:#000;}
h3.hometitle{color:#334477;}
h2.pagetitle{color:#334477;}
h3.bartitle{color:#fff;}

div.clear2{display:none;clear:both;visibility:hidden;}

ul{	padding-left:20px;list-style:circle;}
ul.navul{padding-left:20px;list-style:circle;list-style-image:url('../images/arrow.gif');}
ul.navul li a{font-size:15px;text-decoration:none;}
ul.navul li a:hover{color:#555;}
.clear_left{clear:left;display:block;height:0px; line-height:0;}
/* -- Main classes -- */
.hidden { display: none; }
hr.clear    { clear: both !important; display:none;}
.right	  { text-align: right !important; }
.left		  { text-align: left !important; }
.center	  { text-align: center !important; }
div.clear20{clear:both;}
h3.hometitle a.lightview{text-decoration:none;font-size:15px;float:right;position:relative;padding:0 20px;color:#B5DA45;background:url(../images/green_heart.gif) no-repeat left;}
h3.hometitle a.lightview:hover{color:#066bb6;}
a.more {text-decoration:none;font-size:15px;float:right;position:relative;padding:0 20px;color:#B5DA45;background:url(../images/green_heart.gif) no-repeat left;}
a.more:hover{color:#066bb6;}
/*---------my logo---------*/
.ico-whs       { background: url('../images/ico-whs.gif') 2px 0 no-repeat; padding: 2px 0 1px 25px; }
.ico-whs:hover { background-position: 2px -18px; }
/*------------map---------*/
#map{}
.mappic img {border: 1px solid #fff;width:196px;}
.mappic  a:hover img{border: 1px solid #ff0000;width:196px;}

/* template declaration start
----------------------------------*/

#wrapper{margin:0px auto;width:982px;margin-bottom:0px;} 

/*tope menu declaration start in header 
------------------------------------border:1px solid #02A0C8;------*/
#header{}

#logo
{
	background:#02A0C8 url('../images/header_bg.jpg') 0 0 no-repeat;height:250px;
	/*background:#ffffff url('../images/logo.jpg') no-repeat;
	width: 975px; height: 150px;*/
}
#logo span
{
	display:none;
}


#primary_menu .nav{position:relative;display:block;height:42px;font-size:14px;font-weight:bold;background:transparent url(../images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#primary_menu .nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#primary_menu .nav ul li{display:block;float:left;margin:0 1px 0 0;}
#primary_menu .nav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#primary_menu .nav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}
#primary_menu .nav ul li a.cur{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}
/*
#primary_menu{position:relative;height:33px;margin-top:0;color:#E0E0E0;background-color:#0A3349;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#primary_menu .nav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#0A3349 url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#primary_menu .nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#primary_menu .nav ul li{display:block;float:left;margin:0 1px;}
#primary_menu .nav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#primary_menu .nav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#primary_menu .nav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#primary_menu .nav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#primary_menu .nav ul li a.cur,#primary_menu .nav ul li a.cur:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#primary_menu .nav ul li a.cur span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
*/

/* content area start 
-----------	min-height:400px;------------*/
/*----------content:632px-----------------------------*/
#main
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:justify;
	width:980px;
	border:1px solid #02A0C8;
	border-top:none;
	border-bottom:none;
	background:#000 url(../images/content_bg.jpg) repeat 0 0;
}

#content
{
	float:left;
	width:622px;
	min-height:352px;
	margin:20px 0px 20px 10px;

}
#homefade{float:left;border:1px solid #02A0C8;height:350px;width:620px;}
#company{float:left;width:620px;border:1px solid #02A0C8;}
#fW_Content{height:350px;display:block;}
#fW_Content a img{width:620px;height:350px;}

#rightbar
{
	float:right;
	margin:20px 10px 20px 0px;
	min-height:200px;
	width:295px;
	text-align:center;
}
#rightbar .bartopbg{background:#02A9D5 url(../images/right_bar_top.png) no-repeat 0 0;height:36px;}
#rightbar .barmidbg{background:#202E33 url(../images/right_bar_mid.png) repeat-y 0 0;}
#rightbar .barbotbg{background:#202E33 url(../images/right_bar_bot.jpg) no-repeat left bottom;height:50px;}
.barseparate{clear:both;padding-top:10px;margin:0 auto;padding-bottom:10px;height:12px;width:293px;background:#173758 url(../images/bar_separate.jpg) no-repeat 0 0;}
.barsection{}
.barsection_top{}
.barsection_top h3.bartitle{border-bottom:1px dashed #fff;color:#fff;width:200px;margin:0 auto;}
.barsection_mid{}
.barsection_bot{}

 #barcontact{margin:0 auto;text-align:left;background:#25768A url(../images/barcontact.jpg) no-repeat 0 0;width:250px;height:200px;}
 #barcontact div{margin:0px 20px 0 20px;padding:20px 0;color:#775599;}
 
 
/* Footer */
#footer .left{float:left;margin: 0 0 1px 80px;}
#footer .right{float:right;margin: 0 80px 1px 0px;}
#footer  a{color:#ccddee;text-decoration:none;}
#footer  a:hover{color:#ccdd33;}

#footer
{
	float:left;
	position:relative;
  width:982px;
  height:134px;
  background:url(../images/footer_bg.jpg) 0 0 no-repeat;
  text-align:center;
  padding-top:115px;
  font-family:"宋体";
  font-size:12px;
  font-weight:normal;
  color:#fff;
}
