/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

* {
	-webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, border-color .2s linear, opacity .2s linear;
}
body { font: 14px 宋体; color:#555; background: #EEE;}
a, a:link, a:visited, a:hover, a:active { color: #555; text-decoration: none;}
#wrap { width: 900px; margin: 40px auto;}
#left { height: 422px; width:900px; background: url(1.jpg) no-repeat;}
#right { height: 422px; width:900px; background: url(2.jpg) no-repeat;}
#contact{ height: 422px; width:900px; background: url(3.jpg) no-repeat;}
#left, #right , #contact{ opacity: 0.6; filter: alpha(opacity=0);}
#left:hover, #right:hover , #contact:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
#footer { text-align: center; clear: both; padding-top: 10px; font: 12px 微软雅黑; color: #999; line-height: 180%;}
	#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #999;}
	#footer a:hover { color: #CCC;}
	
	#body {
				padding: 0px;
			}
			/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				padding: 0;
				position: fixed;
				top:0px;
				z-index:1;
				list-style-type: none;
				background-color: #7c435d;
				font-size: 13px;
				height: 40px;
				width: 900px;
				left: 50%;
                margin-left: -450px;
				border-top: 0px solid #7c435d;
				border-bottom: 0px solid #7c435d;
			}
			#menu li {
				float: left;
				margin: 0;				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #FFF;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #FFF;
				color: #999;