*{
	padding:0; 
	margin:0; 
	list-style-type:none; 
	font-family:"Microsoft YaHei",Verdana; 
	}
img{border:none;} 
.clear{clear:both;}
.mid{text-align:center;}


body{
	background:#fdf9dc url(images/bg.jpg) repeat-x;
	text-align:left; 
	}
#container{
	width:100%;
	height:auto; 
	}


#top{
	width:100%;
	height:63px;
	background:#272727;
	line-height:63px;
	color:#a3a3a3;
	font-size:14px;
	word-spacing:5px;
	}
#top_cnt{
	width:996px;
	margin:0 auto;
	background:url(images/logo.png) no-repeat 0 13px;
	text-indent:165px;
	}
#top_cnt a{
	text-decoration:none; 
	color:#a3a3a3;
	}
#top_cnt a:visited{
	text-decoration:none;
	}
#top_cnt a:hover{
	color:#ed3246; 
	text-decoration:none;
	}
#top_cnt span{
	float:right; 
	font-size:22px; 
	color:#d7d7d7;
	}


#main{width:960px; margin:0 auto;}
	
	
#banner{
	width:774px;
	height:292x;
	margin:0 auto;
	}
#banner_btn{
	width:900px;
	height:40px;
	margin:0 auto 60px;
	text-indent:24px;	
	lind-height:49px;
	word-spacing:10px;
	text-align:center;
	}
#banner_btn input{
	background:#ffff01 url(images/btn.png) left center;
	width:195px;
	height:49px;
	font-size:20px;
	color:#9b7f01;
	border:none;
	cursor:pointer;
	font-weight:bold;
	behavior: url(ie-css3.htc);
	-webkit-box-shadow: 0 4px 2px #878686;
	-moz-box-shadow: 0 4px 2px #878686;
	box-shadow: 0 4px 2px 878686;
	}
	
	
#guojia{
	width:875px;
	margin:0 auto 90px;
	}	
#guojia ul{
	display:inline;
	text-align:center;
	}
#guojia li{
	float:left;
	background:#6381bf;
	border-radius:100px;
	width:149px;
	height:114px;
	margin:0 13px;
	text-align:center;
	padding-top:35px;
	}
#guojia h2{color:#fff; font-size:32px;}
#guojia h3{color:#fff; font-size:22px;}


.title{
	width:960px;
	}
.title li{
	display:block;
	margin-bottom:18px;
	}
.title span{
	background:#6381bf;
	color:#fdfe00;
	font-size:28px;
	font-weight:bold;
	padding:6px 30px;
	}


#tese{margin:0 0 50px 0;}
#tese ul{display:inline;}
#tese li{
	float:left;
	width:162px;
	height:261px;
	padding:40px 0 0 122px;
	line-height:35px;
	color:#575757;
	}
#tese .one{
	background:url(images/tese_1.png) no-repeat;
	margin:39px 0 0 9px;
	}
#tese .two{
	background:url(images/tese_2.png) no-repeat;
	margin:63px 0 0 44px;
	}
#tese .three{
	background:url(images/tese_3.png) no-repeat;
	margin:0 0 0 44px;
	}
#tese h1{
	color:#6381c1;
	font-size:25px;
	margin:0 0 10px;
	}
#tese input{
	background:#ffff01 url(images/btn.png) left center;
	width:125px;
	height:35px;
	font-size:18px;
	color:#9b7f01;
	border:none;
	cursor:pointer;
	font-weight:bold;
	behavior: url(ie-css3.htc);
	-webkit-box-shadow: 0 4px 2px #878686;
	-moz-box-shadow: 0 4px 2px #878686;
	box-shadow: 0 4px 2px 878686;
	margin:15px 0 0 0;
	}


#case{
	width:919px;
	margin:60px auto 70px;
	}
#case ul{
	display:inline;
	}
#case li{
	background: url(images/case_bg.jpg) repeat-x left 52px;
	width:283px;
	height:400px;
	float:left;
	margin-right:35px;
	}
.case_title{
	background:url(images/head.png) no-repeat;
	width:193px;
	height:92px;
	color:#a5a5a5;
	font-size:14px;
	padding:0 0 0 90px;
	}
.case_title h1{
	font-size:22px;
	color:#6281c2;
	}
.case_cnt{
	color:#696969;
	font-size:14px;
	line-height:26px;
	padding:10px 18px;
	height:230px;
	}
.case_cnt strong{color:#a16e4c;}
.case_btn{text-align:center;}
.case_btn input{
	font-size:16px;
	font-weight:bold;
	background:#ffff01 url(images/btn.png) repeat-x;
	border:none;
	color:#9a7f00;
	height:41px;
	line-height:41px;
	padding:0 30px;
	cursor:pointer;
	}


#vs{width:926px; margin:60px auto 70px;}
#vs ul{display:inline;}
#vs li{float:left; padding:0 0 20px;}
#vs .vscnt{
	width:364px;
	background:#dedede;
	text-align:center;
	color:#606060;
	font-size:20px;
	line-height:38px;
	}
#vs h1{
	background:#6381bf;
	color:#fdff01;
	font-size:25px;
	padding:5px 0;
	margin:0 0 10px 0;
	}
#vs .vsimg{
	background:url(images/vs.png) no-repeat center center;
	width:198px;
	height:83px;
	float:left;
	margin:100px 0 0 0;
	}
	

#guide{
	width:968px;
	margin:40px auto 50px;
	}	
#guide ul{
	display:inline;
	text-align:center;
	}
#guide li{
	float:left;
	width:232px;
	height:232px;
	margin:0 10px 0 0;
	}


#about{
	width:946px;
	background: url(images/map.png) no-repeat right top;
	margin:40px auto 70px;
	overflow:hidden;
	}
#about_cnt{
	width:590px;
	font-size:16px;
	color:#30363e;
	float:left;
	text-indent:2em;
	line-height:27px;
	overflow:hidden;
	}
#about_img{
	width:356px;
	height:306px;
	float:right;
	text-align:center;
	overflow:hidden;
	}
#about_img input{
	font-size:27px;
	font-weight:bold;
	background:#ffff01 url(images/btn.jpg) repeat-x center 0;
	border:none;
	color:#9a7f00;
	border-radius:5px;
	height:52px;
	line-height:52px;
	padding:0 20px;
	cursor:pointer;
	}

	
#foot{
	width:100%;
	background:#474e5d;
	margin-top:70px;
	}
#foot_cnt{
	width:996px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	color:#c0c0c0; 
	padding:15px 0;
	line-height:22px;
	}
#foot_cnt a{text-decoration:none; color:#ffff01;}
#foot_cnt a:visited{text-decoration:none;}
#foot_cnt a:hover{ text-decoration:underline;}
	
#foot_add{float:left; padding:8px 0 0 0;}
#foot_tel{float:right;}
#foot_tel h3{color:#fff; font-size:16px; font-weight:normal;}
#foot_tel li{display:inline; float:left;}
#foot_tel span {
	padding-left: 5px;
	padding-top: 5px;
	display: block;
}
#foot_tel span s{
	width: 55px;
	height: 55px;
	margin: 0 10px 0 5px;
	display: block;
	float: left;
	background: url(../images/icon_tel.png) 0px 0px no-repeat;
	transition: all 0.3s linear 0s;
}
#foot_tel span:hover s{
	background: url(../images/icon_tel.png) 0px -55px no-repeat;
}
@keyframes mclogo {
 0% {
transform:rotateY(180deg);
}
 20% {
transform:rotateY(180deg);
}
 40% {
transform:rotateY(-180deg);
}
 100% {
transform:rotateY(-180deg);
}
}
@-webkit-keyframes mclogo {
 0% {
-webkit-transform:rotateY(180deg);
}
 20% {
-webkit-transform:rotateY(180deg);
}
 40% {
-webkit-transform:rotateY(-180deg);
}
 100% {
-webkit-transform:rotateY(-180deg);
}