.mainbody{width:980px; margin:0 auto;}

/*---------------*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;font-weight:400;font-style:inherit;font-family:inherit;vertical-align:top}
body{
	line-height:1;
	color:#000;
	font-size:12px;
	font-family:"ËÎÌå";
	background-color: #2B7ACB;

}
html{ height:900px;}/*-----±³¾°Í¼Æ¬µ×²¿¶ÔÆë----*/
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}
nav ul,ol,ul{list-style:none}:focus,a{outline:0}a{margin:0;font-size:100 %;vertical-align:baseline;background:0 0;blr:expression(this.onFocus=this.blur())}
a,ins{text-decoration:none}
a,hr{padding:0}
ins,mark{background-color:#ff9;color:#000}
mark{font-style:italic;font-weight:700}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
hr{height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0}
input,select{vertical-align:middle;border:0} 
/*---------------------------------------*/


.nav{ width:1000px; margin:20px auto; height:40px;  background:url(../img/logo.png) no-repeat left center;}
.nav a{ float:right; color:#FFFFFF; line-height:40px;}

/*--------------------------*/
.demo {width:1000px; margin:0 auto; height: 320px;font-size: 14px; position:relative;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../img/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
/*---------------------------*/

.main{ width:1000px; margin:0 auto; height:1150px; background:#FFFFFF; z-index:8}
.main h1{ font-size:20px; font-weight:bold; text-align:center; height:30px; padding-top:40px;}
.main h2 { text-align:center;height:20px; padding-bottom:20px;}
.main h2 a{  color:#0033CC; font-size:14px;text-align:center;}
.main b{ display:block; width:317px; height:265px; text-align:center; margin:0 0 10px 5px; float:left;}
.main b p{ font-size:12px; margin:5px auto; line-height:18px; color:#666666}
.main b img{ width:317px; height:215px;}

.main li{ display:block; width:235px; height:220px; text-align:center; margin:0 0 10px 5px; float:left;color:#666666}
.main li p{ font-size:12px; margin:5px auto; line-height:18px;}
.main li img{ width:235px; height:160px;}

.slider {display: none}
.footer{ width:100%; height:528px; position:absolute;z-index:-4; margin-top:-350px;  text-align:center; background:url(../img/bj2.png) no-repeat center bottom;font:normal 11px/20px 'MicroSoft YaHei';}
.footer p{ padding-top:400px;}