@charset "utf-8";
*{margin:0;padding:0;border:0;}
body{background-color: #fff;}

#works_page .nav_works a{
	opacity:0.4;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
			}

#about_page .nav_about a{
	opacity:0.4;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
			}

#contact_page .nav_contact a{
	opacity:0.4;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
			}

/*首页*/
.header{
	width:1500px;
	margin:40px auto 0;
	overflow:hidden;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	}

.wrapper{
	width:1500px;
	margin:40px auto;
	overflow:hidden;
	}

.footer{
	width:1500px;
	margin:80px auto;
	text-align:center;
	background-repeat:
	no-repeat;background-position:top;
	font-size:12px;
	color:#d2d2d2;
	font-family:"Arial";
	}

.footer a{
	margin:20px;
	text-align:center;
	font-size:12px;
	color:#999;
	text-decoration:none;
	font-family:"sans-serif";
	}

.footer a:hover{
	color:#ccc;
	text-decoration:none;
	}


h1{
	margin:30px;
	color:#ccc;
	font-size:30px;
	font-family:"Arial";
	font-weight:lighter;
	letter-spacing:2px;
	}

h2{
	color:#333;
	font-size:14px;
	font-family:"Arial", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", "sans-serif";
	letter-spacing:2px;
	}

h3{
	color:#666;
	font-size:12px;
	font-weight:bold;
	font-family:"Arial", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
	}

#box{
	float:left;
	width:500px;
	height:250px;
	overflow:hidden;
	position:relative;
	}

#box a {
	text-decoration:none;
	opacity:1;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
	}

#box .cover{
	width:500px;
	height:250px;
	position:absolute;
	background-color:#fff;
	top:0;
	left:0;	
	opacity: 0;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
	}

#box .cover:hover{
	opacity: 1;
	-webkit-transition: opacity ease-out 300ms;
	-moz-transition: opacity ease-out 300ms;
	-o-transition: opacity ease-out 300ms;
	transition: opacity ease-out 300ms;
	}

.content{
	background:#fff;
	width:1500px;
	margin:40px auto;
	overflow:hidden;
	}

.core{
	width:1500px;
	overflow:hidden;
	color:#777;
	font-size:14px;
	font-family:"Helvetica","sans-serif";
	margin:0 auto;
	line-height:30px;
	}

.core img{
	width:100%;
	height:auto;
	}

.desc{
	width:60%;
	overflow:hidden;
	color:#666;
	font-size:14px;
	font-family:"Helvetica","sans-serif";
	margin:40px auto;
	line-height:30px;
	}

.center{
	text-align:center;
	}



hr{
	width:60%;
	height:1px;border:0px;
	background-color:#e8e8e8;
	}

.poster{
	width:1500px;
	height:600px;
	margin:0 auto;
	background-image:url(images/poster1500.jpg);}

.map{
	width:1500px;
	height:600px;
	overflow:hidden;
	margin:0 auto;
	}

#allmap{
	width:100%;
	height:600px;
	overflow:hidden;
	margin:0 auto;
	}

@media screen and (max-width: 1500px){.header,.wrapper,.footer,.content,.core,.map{width:1000px;} .desc{width:800px;}.poster{background-image:url(images/poster1000.jpg);}}
@media screen and (max-width: 1000px){.header,.wrapper,.footer,.content,.core{width:500px;}.map{width:500px;height:500px;}.desc{width:400px;}.logo{float:left;margin-left:187px;}.nav{margin-top:40px;}.poster{height:500px;background-image:url(images/poster500.jpg);}}