@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 #d9cf27;
	-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:#d9cf27;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;}
.banner ul li a:hover{
	color:#966e0f;}
.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:30px;
	font-weight:normal;}
.layer1 .title h2 span{
	color:#c00;}
.layer1 ul{
	width:1020px;
	margin:0 auto;}
.layer1 ul li{
	float:left;
	width:340px;
	text-align:center;}
.layer1 ul li a{
	display:block;}
.layer1 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 */}
.layer1 .box{
	float:left;
	text-align:center;
	width:300px;
	margin-top:40px;
	font-size:18px;
	line-height:55px;
	padding-bottom:50px;}
.layer1 .btn{
	position:relative;
	display:block;
	margin:0 auto;
	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:1070px;}
.layer2 .title{
	text-align:center;
	height:140px;
	color:#3257c3;
	line-height:140px;
	font-weight:bold;
	padding-top:25px;
	font-size:36px;}
.layer2 .title span{
	color:#5681fe;}
.layer2 ul{
	width:1230px;}
.layer2 ul li{
	background:#fff;
	float:left;
	width:284px;
	box-shadow: 2px 2px 5px #ccc;
	height:375px;
	margin-right:21px;
	background:#fff;
	position:relative;}
.layer2 ul li a{
	display:block;
	position:relative;
	height:100%;
	overflow:hidden;}
.layer2 ul li a img{
	position:relative;
	z-index:10;}
.layer2 ul li a:before{
	content:"";
	position:absolute;
	-webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -ms-transition-duration:0.9s;transition-duration:0.9s;
	width:100%;
	height:100%;
	background:#3257c3;
	top:100%;
	left:0;}
.layer2 ul li b{
	z-index:10;
	display:block;
	text-align:center;
	font-size:19px;
	height:61px;
	line-height:61px;
	position:relative;}
.layer2 ul li b:before{
	content:"";
	position:absolute;
	width:76px;
	height:3px;
	background:#197752;
	top:48px;
	left:50%;
	margin-left:-38px;}
.layer2 ul li div{
	z-index:10;
	position:relative;
	line-height:22px;
	font-size:13px;
	text-align:justify;
	padding:10px 25px 0;}
.layer2 ul li a:hover{
	color:#fff;}
.layer2 ul li a:hover img{
	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 */}
.layer2 ul li a:hover:before{
	top:0;}
.layer2 ul li a:hover b:before{
	background:#fff;}
.layer2 .box{
	margin-top:70px;
	position:relative;
	background:url(../images/layer2_box.jpg) no-repeat;
	height:342px;}
.layer2 .box h2{
	text-align:center;
	font-size:28px;
	color:#fff;
	height:110px;
	line-height:110px;
	font-weight:normal;}
.layer2 .box h2 span{
	position:relative;}
.layer2 .box h2 span:before{
	content:"";
	position:absolute;
	background:url(../images/hot.png) no-repeat;
	width:34px;
	height:24px;
	right:-40px;
	top:0px;}
.layer2 .box .box2{
	margin:0 auto;
	width:1020px;
	padding:16px 20px 27px 40px;
	background:#fff;}
.layer2 .box .box2 a{
	float:left;
	font-size:18px;
	width:184px;
	margin-right:20px;
	height:43px;
	margin-top:10px;
	background:#e98d20;
	color:#fff;
	text-align:center;
	line-height:43px;}
.layer2 .box .box2 a:hover{
	background:#c00;}
.layer2 .btn{
	position:absolute;
	left:50%;
	display:block;
	margin:0 auto;
	width:340px;
	height:70px;
	margin-left:-170px;
	top:305px;
	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;}
.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%;}






.layer3a{
	padding-bottom:45px;}
.layer3a .title{
	text-align:center;
	padding-top:72px;
	padding-bottom:58px;}
.layer3a .title h1{
	font-size:36px;
	height:62px;
	line-height:62px;
	font-weight:bold;}
.layer3a .title h2{
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:normal;
	color:#c00;}
.layer3a ul{
	width:1234px;}
.layer3a ul li{
	float:left;
	width:276px;
	height:276px;
	margin-right:32px;}
.layer3a ul li a{
	display:block;
	-moz-border-radius:200px;
    -webkit-border-radius:200px;
    border-radius:200px;
	overflow:hidden;}
.layer3a 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 */}

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

.layer3b .title h1{
	height:132px;
	line-height:132px;
	text-align:center;
	font-size:30px;
	font-weight:normal;}
.layer3b ul{
	width:1212px;}
.layer3b ul li{
	margin-bottom:12px;
	float:left;
	background:#f7ba62;
	height:156px;
	width:277px;
	padding:7px;
	margin-right:12px;
	-moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
	position:relative;}
.layer3b ul li:hover{
	background:url(../images/layer8.jpg) repeat-y;}
.layer3b ul li a{
	display:block;
	height:66px;
	line-height:45px;
	padding-top:90px;
	font-size:18px;
	text-align:center;
	background:#fff;
	-moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
	position:relative;
	z-index:8;
	overflow:hidden;}
.layer3b 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:100%;
	height:90px;
	top:0px;
	left:0;}
.layer3b ul li.icon1 a:before{
	background:url(../images/layer8_1.png) no-repeat center top;}
.layer3b ul li.icon2 a:before{
	background:url(../images/layer8_2.png) no-repeat center top;}
.layer3b ul li.icon3 a:before{
	background:url(../images/layer8_3.png) no-repeat center top;}
.layer3b ul li.icon4 a:before{
	background:url(../images/layer8_4.png) no-repeat center top;}
.layer3b ul li.icon5 a:before{
	background:url(../images/layer8_5.png) no-repeat center top;}
.layer3b ul li.icon6 a:before{
	background:url(../images/layer8_6.png) no-repeat center top;}
.layer3b ul li.icon7 a:before{
	background:url(../images/layer8_7.png) no-repeat center top;}
.layer3b ul li.icon8 a:before{
	background:url(../images/layer8_8.png) no-repeat center top;}
.layer3b ul li.icon9 a:before{
	background:url(../images/layer8_9.png) no-repeat center top;}
.layer3b ul li.icon10 a:before{
	background:url(../images/layer8_10.png) no-repeat center top;}
.layer3b ul li.icon11 a:before{
	background:url(../images/layer8_11.png) no-repeat center top;}
.layer3b ul li.icon12 a:before{
	background:url(../images/layer8_12.png) no-repeat center top;}
.layer3b ul li a:after{
	content:"";
	position:absolute;
	width:100%;
	height:90px;
	top:100%;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	left:0;}
.layer3b ul li.icon1 a:after{
	background:url(../images/layer8_1a.png) no-repeat center top;}
.layer3b ul li.icon2 a:after{
	background:url(../images/layer8_22.png) no-repeat center top;}
.layer3b ul li.icon3 a:after{
	background:url(../images/layer8_32.png) no-repeat center top;}
.layer3b ul li.icon4 a:after{
	background:url(../images/layer8_42.png) no-repeat center top;}
.layer3b ul li.icon5 a:after{
	background:url(../images/layer8_52.png) no-repeat center top;}
.layer3b ul li.icon6 a:after{
	background:url(../images/layer8_62.png) no-repeat center top;}
.layer3b ul li.icon7 a:after{
	background:url(../images/layer8_72.png) no-repeat center top;}
.layer3b ul li.icon8 a:after{
	background:url(../images/layer8_82.png) no-repeat center top;}
.layer3b ul li.icon9 a:after{
	background:url(../images/layer8_92.png) no-repeat center top;}
.layer3b ul li.icon10 a:after{
	background:url(../images/layer8_102.png) no-repeat center top;}
.layer3b ul li.icon11 a:after{
	background:url(../images/layer8_112.png) no-repeat center top;}
.layer3b ul li.icon12 a:after{
	background:url(../images/layer8_122.png) no-repeat center top;}
	
.layer3b{
	padding-bottom:100px;}
.layer3b ul li a:hover{
	z-index:20;
	background:none;
	color:#fff;}
.layer3b ul li a:hover:after{
	top:0;}
.layer3b ul li a:hover:before{
	top:100%;}




.layer4{
	background:url(../images/layer4.jpg) no-repeat center top #c00;}
.layer4 .main{
	background:url(../images/layer4.jpg) no-repeat center top #c00;
	height:605px;
	position:relative;}
.layer4 .title{
	text-align:center;
	height:160px;
	font-weight:bold;
	color:#fff;
	line-height:160px;
	padding-top:22px;
	font-size:36px;}
.layer4 .left{
	float:left;}
.layer4 .right{
	float:right;}
.layer4 .bot{
	display:block;
	margin-top:11px;}
.layer4 .bot2{
	position:absolute;
	left:0;
	bottom:0;}



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