/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/*==========================菜单导航========================*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
h1 { font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align: center; color: #000; font-size:60px; letter-spacing:-1px; }
h1 small{ font-size: 24px; display: block; color: #636363; }

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width:1024px; margin:0.2px auto;    }

/* CONTENT */
#content { margin-top:0.2px;  margin-left :10px; background-color:#f1f1f1/*菜单圆角处的颜色*/  }
#content p { font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:18px; margin:15px auto; width:800px; }
#content p a { color:#0088CC; text-decoration:none; }
#content p a:hover { text-decoration:underline; }

/* APPLE STYLE NAVIGATION MENU */
#appleNav { margin:0.2px 0; list-style: none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:14px;
    
    /* Apply a subtle text-shadow to the text */
    /*text-shadow: 0 -1px 3px #202020;*/

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:100%; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    /*/*border-radius:4px;*/
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    /*/*box-shadow: 0 3px 4px #8b8b8b;*/
}

/*#appleNav li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:105px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;*/
/*菜单宽度，是可调的*/
#appleNav li { display:block; float: left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:16%; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image:  -webkit-gradient(linear, left bottom, left top, color-stop(0, #012063),  color-stop(1, #6080c0));
    background-image: -moz-linear-gradient(center bottom, #012063 0%, #6080c0 100%);
    background-color:#5f5f5f; /* Fallback */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Fallback */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
/* 鼠标滑动菜单时的颜色变化，是否带最后一个菜单项，是可调的*/
/*#appleNav li:not(:last-child):hover {*/
#appleNav li:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    /*/*box-shadow: inset 0 0 5px 5px #535353;*/
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
/* 菜单激活时的颜色变化，是否带最后一个菜单项，是可调的*/
/*#appleNav li:not(:last-child):active {*/
#appleNav li:active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    /*/*box-shadow: inset 0 1px 2px 2px #000;*/
}

#appleNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    /*/*border-radius:10px;*/

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    /*/*box-shadow: inset 0 2px 1px 1px #363636;*/
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav li:first-child {
    -moz-border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
    /*/*border-radius:4px 0 0 4px;*/
    
    border-left: none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:3px; margin-left :10px;
}


/*最后一个菜单项，宽度和圆弧角度，是可调的*/
#appleNav li:last-child {
    -moz-border-radius:0 20px 20px 0;
    -webkit-border-radius:0 20px 20px 0;
    /*/*border-radius:0 4px 4px 0;*/
    
    border-right:none;
    
    /* The width of the last menu item (search bar) is bigger than the others */
    /*width:124px;*/
    width:18%;
}

/* Fade in animation (Webkit only) */
/*/*@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}*/

#appleNav {
     -webkit-animation: showMenu 0s; position:relative;
}



/*==========================页头：LoGo图片========================*/

div#dHeader, div#footer, div#dContainer {
	background-position: 0 0;
	background: none repeat scroll 0 0;
	border: none;
	width: 1024px;
	margin: auto;
}


#dMainHeader {
	clear: both;
	color: #800000;
	float: left;
	height: 05px;
	padding: 0;
	width: 100%;

}

/*==========================页尾：菜单导航========================*/

#dMainfooter {
	clear: both;
	padding: 3px 0;
	color: #808080;
	font-size: x-small;
	height: 16px;
	top: 3px;
	background: #012063 none repeat scroll 0 0;
	margin: auto;
	width: 75%;
}
#footermenu ul {
	clear: left;
	float: left;
	width: 75%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
}
#footermenu ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	position: relative;
	left: 15px;
	font-size: x-small;
}
#footermenu ul li a:hover {
	background: transparent;
	color: #fff;
}
#footermenu ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}
#footerCopyright {
	float: right;
	width: 200px;
	left: 580px;
	color: White;
}
#footertext {
	text-align: center;
	padding-top: 3px;
}



/*==========================页面主体========================*/


body {
	/*background: url(images/gradients/bh-bkg.jpg) repeat-x;*/
	/*background: #f0f0f0;*/
	background: #ffffff;
	font:16px Arial, Helvetica, sans-serif, "新宋体";
}



/*==========================首页动画========================*/


    *{margin:0;padding:0;list-style-type:none; }
    a,img{border:0;}
    body{font:12px Arial, Helvetica, sans-serif, "新宋体";}

    /* banner */
    .banner{height:400px;overflow:hidden;}
    .banner .d1{width:75%;height:392px;display:block;position:absolute;left:13%;top:150px;}
    .banner .d2{width:75%;height:30px;clear:both;position:absolute;z-index:100;left:13%;top:460px;}
    .banner .d2 ul{float:left;position:absolute;left:30%;top:0;margin:0 0 0 -96px;display:inline;}
    .banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
    .banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat center;}
    
    
 /*==============左侧菜单===================*/

#dMainleftmenu {
	clear: both;
	padding: 3px 0;
	color: #808080;
	font-size:large;
	height: 16px;
	top: 3px;
	background: #f0f0f0 none repeat scroll 0 0;
	margin: auto;
	width: 75%;
	text-decoration: none;
	list-style: none;
	
}

#leftmenuRow1 ul {
	clear: left;
	float: left;
	width: 75%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
}
#leftmenuRow1 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #7f7f7f;
	text-decoration: none;
	position: relative;
	left: 15px;
	font-size:  large ;
}
#leftmenuRow1 ul li a:hover {
	background: transparent;
	color: #7f7f7f;
}
#leftmenuRow1 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}


#leftmenuRow1 ul {
	clear: left;
	float: left;
	width: 75%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
}
#leftmenuRow1 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #7f7f7f;
	text-decoration: none;
	position: relative;
	left: 15px;
	font-size:  x-large ;
}
#leftmenuRow1 ul li a:hover {
	background: transparent;
	color: #012063;
}
#leftmenuRow1 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}


 
#leftmenuRow2 ul {
	clear: left;
	float: left;
	width: 75%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
}
#leftmenuRow2 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #012063;
	text-decoration: none;
	position: relative;
	left: 15px;
	font-size:  large ;
}
#leftmenuRow2 ul li a:hover {
	background: transparent;
	color: #012063;
}
#leftmenuRow2 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}



 
#leftmenuRow3 ul li {
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
	font-size:  large ;
 

	text-decoration: none;
	position: relative;
	left: 25px;

		
}
#leftmenuRow3 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #7f7f7f;
	text-decoration: none;
	position: relative;
 	
	font-size:  large ;

}
#leftmenuRow3 ul li a:hover {
	background: transparent;
	color: #012063;
}
#leftmenuRow3 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}




 
#leftmenuRow4 ul li {
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
	font-size:  large ;
 

	text-decoration: none;
	position: relative;
	left: 10px;

		
}
#leftmenuRow4 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #7f7f7f;
	text-decoration: none;
	position: relative;
 	
	font-size:  large ;

}
#leftmenuRow4 ul li a:hover {
	background: transparent;
	color: #012063;
}
#leftmenuRow4 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}


 /*==============右侧内容===================*/

#dMainright {
	clear: both;
	padding: 3px 0;
	color: #404040;
	font-size:large;
	height: 16px;
	top: 3px;
	background: #f8f8f8 none repeat scroll 0 0;
	margin: auto;
	width: 100%;
	text-decoration: none;
	list-style: none;

}

#rightmenuRow1 ul {
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 1px 0 0;
	padding: 0;

}
#rightmenuRow1 ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0px 5px;
	text-align: center;
	color: #404040;
	text-decoration: none;
	position: relative;
	left: 15px;
	font-size:  x-large ;
	font-weight: bolder ;
}
#rightmenuRow1 ul li a:hover {
	background: transparent;
	color: #404040;
}
#rightmenuRow1 ul li a.active, #footermenu ul li a.active:hover {
	font-weight: bolder;
}



/*==================首页flash动画===================*/