@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{
	padding-top:490px;
	padding-left:80px;}
.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 #7f2fc2;
	-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:#7f2fc2;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.banner ul li a:hover{
	color:#cf99fd;}
.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:120px;}
.layer1 .title{
	text-align:center;
	padding:50px 0;}
.layer1 .title h1{
	height:60px;
	line-height:60px;
	font-size:36px;
	font-weight:bold;}
.layer1 .title h2{
	height:60px;
	line-height:60px;
	font-size:24px;
	font-weight:normal;}
.layer1 .title h2 span{
	color:#c00;}
.layer1 ul{
	width:1020px;
	margin:0 auto;}
.layer1 ul li{
	float:left;
	width:25%;
	text-align:center;}
.layer1 ul li b{
	display:block;
	font-size:28px;
	font-weight:normal;
	padding-top:20px;
	height:50px;
	line-height:50px;}
.layer1 ul li p{
	font-size:18px;
	color:#848484;
	height:30px;
	line-height:30px;}
.layer1 .btn{
	position:relative;
	display:block;
	margin:60px auto 0;
	width:340px;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	background:#c00;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;}
.layer1 .btn span{
	position:relative;
	z-index:10;}
.layer1 .btn: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:#f1b225;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.layer1 .btn:hover{
	color:#fff;}
.layer1 .btn:hover:before{
	width:100%;}


.layer2{
	background:url(../images/layer2.jpg) no-repeat center top;}
.layer2 .main{
	background:url(../images/layer2.jpg) no-repeat center top;
	height:848px;}
.layer2 .title{
	text-align:center;
	height:140px;
	line-height:140px;
	color:#fff;
	padding-top:25px;
	font-size:24px;}
.layer2 .title span{
	color:#c00;}
.layer2 ul{
	width:1230px;}
.layer2 ul li{
	float:left;
	width:400px;
	height:267px;
	background:#fff;
	position:relative;}
.layer2 ul li b{
	display:block;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	background:url(../images/layer2_png.png) no-repeat center 27px;
	padding-top:27px;
	height:90px;
	line-height:90px;}
.layer2 ul li div{
	color:#875214;
	font-size:16px;
	line-height:26px;
	width:310px;
	margin:0 auto;}
.layer2 ul li.word1{
	background:#f0972f;}
.layer2 ul li.word2{
	background:#90d856;}
.layer2 ul li.word2 div{
	color:#468413;}
.layer2 ul li.word3{
	background:#eb4d4d;}
.layer2 ul li.word3 div{
	color:#a11b1b;}
.layer2 .btn{
	position:relative;
	display:block;
	margin:30px auto 0;
	width:398px;
	height:57px;
	text-align:center;
	line-height:57px;
	font-size:24px;
	font-weight:bold;
	color:#e22626;
	background:#d8cd1a;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;}
.layer2 .btn span{
	position:relative;
	z-index:10;}
.layer2 .btn: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:#f1b225;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.layer2 .btn:hover{
	color:#fff;}
.layer2 .btn: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:775px;}
.layer3 .title{
	text-align:center;
	height:140px;
	line-height:140px;
	padding-top:19px;
	font-size:24px;}



.layer4{
	padding-bottom:120px;}
.layer4 .title{
	text-align:center;
	padding:50px 0;}
.layer4 .title h1{
	height:60px;
	line-height:60px;
	font-size:36px;
	font-weight:bold;}
.layer4 .title h2{
	height:60px;
	line-height:60px;
	font-size:24px;
	font-weight:normal;}
.layer4 .title h2 span{
	color:#c00;}
.layer4 ul{
	width:1232px;
	margin:0 auto;}
.layer4 ul li{
	float:left;
	width:276px;
	margin-right:32px;
	text-align:center;}
.layer4 ul li a{
	display:block;}
.layer4 ul li a:hover{
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg); 	/* IE 9 */
	-moz-transform:rotateY(360deg); 	/* Firefox */
	-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
	-o-transform:rotateY(360deg); 	/* Opera */}


.layer6{
	background:url(../images/layer6.jpg) no-repeat center top;}
.layer6 .main{
	background:url(../images/layer6.jpg) no-repeat center top;
	height:350px;}
.layer6 .title{
	text-align:center;
	height:126px;
	line-height:126px;
	font-size:24px;}
.layer7{
	background:url(../images/layer7.jpg) no-repeat center top;}
.layer7 .main{
	background:url(../images/layer7.jpg) no-repeat center top;
	height:596px;}
.layer7 .title{
	text-align:center;
	height:126px;
	line-height:126px;
	font-size:24px;
	padding-top:30px;}
.layer7 ul{
	width:1224px;}
.layer7 ul li{
	float:left;
	width:282px;
	margin-right:24px;
	height:344px;
	position:relative;}
.layer7 ul li:before{
	content:"";
	position:absolute;
	width:82px;
	height:82px;
	top:41px;
	left:50%;
	margin-left:-41px;}
.layer7 ul li b{
	display:block;
	text-align:center;
	font-size:24px;
	height:56px;
	line-height:56px;
	font-weight:normal;
	padding-top:144px;
	color:#fff;}
.layer7 ul li div{
	width:210px;
	text-align:justify;
	margin:0 auto;
	font-size:16px;
	line-height:26px;}
.layer7 ul li.layer7_1:before{
	background:url(../images/layer7_1.png);}
.layer7 ul li.layer7_2:before{
	background:url(../images/layer7_2.png);}
.layer7 ul li.layer7_3:before{
	background:url(../images/layer7_3.png);}
.layer7 ul li.layer7_4:before{
	background:url(../images/layer7_4.png);}
.layer7 ul li.layer7_1{
	background:#ff7373;
	color:#b82e2e;}
.layer7 ul li.layer7_2{
	background:#e5bb2b;
	color:#8a6b02;}
.layer7 ul li.layer7_3{
	background:#83c734;
	color:#4a7e0d;}
.layer7 ul li.layer7_4{
	background:#4c82db;
	color:#134caa;}


.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;}