@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;}
img{
	border:none;}
ul,li{
	list-style:none;
	vertical-align: middle;}
a{
	text-decoration:none;
	color:#252525;}
a:hover{
	color:#f00;}
input{
	font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;}
body{
	font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#252525;
	position:relative;
	padding-top:76px;}
.clear{
	clear:both;
	float:none;}
.r{
	float:right;}
.l{
	float:left;}
.hide{
	display:none;}
.main{
	width:1200px;
	margin:0 auto;}


.head{
	background:#1a1919;
	height:76px;
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	left:0;}
.head ul li{
	float:left;
	width:170px;
	text-align:center;}
.head ul li a{
	line-height:76px;
	display:block;
	font-size:18px;
	color:#fff;}
.head ul li a:hover{
	background:#0d6eb0;}


.banner{
	background:url(../images/banner.jpg) no-repeat center top;
	height:650px;}
.banner .main{
	background:url(../images/banner.jpg) no-repeat center top;
	height:650px;
	position:relative;}
.banner ul{
	width:810px;
	padding-top:490px;
	padding-left:40px;
	margin:0 auto;}
.banner ul li{
	float:left;
	width:230px;
	text-align:center;
	margin-right:40px;}
.banner ul li a{
	display:block;
	height:45px;
	line-height:45px;
	border:2px solid #fff;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	position:relative;}
.banner ul li a span{
	position:relative;
	z-index:10;}
.banner ul li a:before{
	content:"";
	position:absolute;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	width:0;
	height:100%;
	left:0px;
	top:0px;
	background:#d03a3a;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.banner ul li a:hover{
	border:2px solid #d03a3a;
	color:#fff;}
.banner ul li a:hover:before{
	width:100%;}

.footer{
	height:60px;
	line-height:60px;
	font-size:18px;
	text-align:center;
	background:#1a1919;
	color:#fff;}


.layer1{
	padding-bottom:80px;}
.layer1 .title{
	padding-top:75px;
	text-align:center;}
.layer1 .title h1{
	font-size:36px;
	font-weight:bold;
	height:52px;
	line-height:52px;}
.layer1 .title h2{
	font-size:24px;
	font-weight:bold;
	height:40px;
	line-height:40px;}
.layer1 .title span{
	color:#cc0000;}
.layer1 .day{
	padding:55px 0 58px;
	width:396px;
	margin:0 auto;}
.layer1 a{
	display:block;
	width:388px;
	height:57px;
	margin:0 auto;
	position:relative;
	background:#cc0000;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	text-align:center;
	line-height:57px;}
.layer1 a span{
	position:relative;
	z-index:10;}
.layer1 a:after{
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	content:"";
	position:absolute;
	left:50%;
	top:0px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	width:0;
	height:57px;
	background:#dd1f1f;}
.layer1 a:hover:after{
	width:100%;
	left:0;}
.layer1 p{
	font-size:18px;
	color:#cc0000;
	height:58px;
	line-height:58px;
	text-align:center;}

.layer2{
	background:url(../images/layer2.jpg) no-repeat center top;}
.layer2 .main{
	background:url(../images/layer2.jpg) no-repeat center top;
	height:824px;}
.layer2 .title{
	text-align:center;
	height:140px;
	line-height:140px;
	color:#fff;
	padding-top:25px;
	font-size:36px;
	font-weight:bold;}
.layer2 ul li{
	float:left;
	width:25%;
	text-align:center;}
.layer2 ul li a{
	display:inline-block;
	width:190px;
	height:50px;
	line-height:50px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	font-size:18px;
	font-weight:bold;
	color:#428972;
	background:#7fd7bb;
	position:relative;}
.layer2 ul li a span{
	position:relative;
	z-index:10;}
.layer2 ul li a:before{
	content:"";
	position:absolute;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	width:0;
	height:100%;
	left:0px;
	top:0px;
	background:#f8e754;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.layer2 ul li a:hover{
	color:#ed3434;}
.layer2 ul li a:hover:before{
	width:100%;}

.layer3{
	background:url(../images/layer3.jpg) no-repeat center top;}
.layer3 .main{
	background:url(../images/layer3.jpg) no-repeat center top;
	height:854px;}

.layer4{
	background:url(../images/layer4.jpg) no-repeat center top;}
.layer4 .main{
	background:url(../images/layer4.jpg) no-repeat center top;
	height:764px;}
.layer4 .title{
	text-align:center;
	height:140px;
	line-height:140px;
	color:#a0ccfd;
	padding-top:30px;
	font-size:36px;
	font-weight:bold;}




.layer5{
	background:url(../images/layer5.jpg) no-repeat center top;}
.layer5 .main{
	background:url(../images/layer5.jpg) no-repeat center top;
	height:580px;}
.layer5 .title{
	height:140px;
	line-height:140px;
	padding-top:20px;
	font-size:36px;
	color:#fff;
	text-align:center;}
.layer5 .title span{
	color:#c00;}
.layer5 .gbook{
	width:360px;
	margin:0 auto;}
.layer5 .gbook .gtext{
	width:100%;
	height:51px;
	margin-bottom:15px;
	background:#fff;
	border:none;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	font-size:18px;
	text-indent:15px;}
.layer5 .gbook .gsub{
	background:#cc0000;
	color:#fff;
	font-size:18px;
	width:100%;
	height:51px;
	margin-bottom:15px;
	border:none;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	cursor:pointer;}