@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-family:"΢ÈíÑźÚ", "ËÎÌå"; font-size:16px;text-decoration:none; color:#494747;overflow-x:hidden;}
li{list-style:none;}
.fl{float:left;}
.fr{ float:right;}
a{text-decoration:none; color:#494747;}
img{border:0; vertical-align:top;}
.clear{ clear:both;}
.jg{margin-top:10px;}

.wr{ width:120%; background:#FFD308; height:1000px; margin-left:-30px;
/* Rotate div */
transform:rotate(-5deg);

}

.banner{ width:100%; height:800px; background:url(../img/bg.png) no-repeat right;}

.banner2{ width:1212px; margin:0 auto; height:767px; background:url(../img/banner.png) no-repeat;}
.z1{ width:1212px; margin:0 auto;}
.se-container{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top:390px;
	margin-top:-123px;
}
.se-slope{
	margin: 0 -110px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.se-slope:nth-child(odd){
	background:#FFD308;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
	
}
.se-slope:nth-child(even){
	background:#FFFFFF;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
}
.se-content{
	margin: 0 auto; width:1212px;
	position:relative;
	height:800px;
}


.t1{margin-left:-200px; position:absolute;transform: rotate(1.6deg);}
.z1{ width:726px; float:right; margin-top:60px;}
.z1 h3{ font-size:36px; text-align:center; color:#1f2229;}
.z1 p{ line-height:36px; font-size:18px; color:#1f2229; margin-top:15px;}

.se-slope:nth-child(odd) .se-content{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	
	
}
.se-slope:nth-child(even) .se-content{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	

}

.t2{ width:1216px; height:354px; overflow:hidden; margin-top:75px;}
.t2 ul{ width:1400px; }
.t2 ul li{ float:left; width:356px; margin-right:77px; text-align:center;}
.t2 ul li h3{ font-size:24px; line-height:60px; color:#1f2229;}
.t2 ul li p{ font-size:18px; line-height:30px; color:#1f2229;}
.a{ width:222px; height:155px; overflow:hidden; background:url(../img/a.png) no-repeat;}
.a a{ display:block; padding:45px 0 0 45px; font-size:23px; color:#FFFFFF;}


.z21{ float:right;}
.z2 ul li{ width:356px; height:423px; float:left; margin-left:60px;}
.z2 ul li img{ border:15px solid #ffd308;}
.z2 ul li h3{ height:37px; border-bottom:3px solid #A4A4A4; text-align:center; line-height:37px;}
.z2 ul li p{ line-height:26px; font-size:18px; padding-top:10px;}
.z22{ margin-top:35px;}
.z22 ul{ width:1400px;}
.z22 ul li{ margin-left:0; margin-right:80px;}

.z3{ font-size:45px; float:right; padding-top:150px; background:url(../img/c2.png) no-repeat right top;}
.z3 span,.z8 span{ color:#1dabfd;}
.z4 { margin-top:80px;}
.z4 ul{ width:1400px;}
.z4 ul li { width:640px; height:145px; float:left; margin-right:15px; overflow:hidden; margin-top:15px;}
.z4 ul li a.img{ float:left; width:221px; height:144px; overflow:hidden; position:relative;}
.z4 ul li a.img span{ height:28px; width:100%; background:#000000; position:absolute; display:block; bottom:0px; line-height:28px; text-align:center; color:#FFFFFF;}
.z4 ul li a.img span{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom:1;}
:root .z4 ul li a.img span{filter:none\9;}/*for IE9*/
.z4 ul li h3{ float:right; width:395px; height:36px; line-height:36px; font-size:20px;}
.z4 ul li h3 a{ color:#2C2B29;}
.z4 ul li p{ width:395px; float:right; color:#2C2B29;}
.z4 ul li p a{ color:#FF0004; display:block;}

.a2{ position:absolute; top:790px;}

.z5{ position:absolute; width:479px; height:158px; top:228px; left:372px; background:url(../img/c5.png) no-repeat; padding-left:132px;}
.z5 p{ font-size:48px; color:#1dabfd;}

.z6{ width:776px; height:467px; position:absolute; top:460px; left:100px;}
.z6 ul li{ background: url(../img/c4.png) no-repeat; height:116px;}
.z6 ul li h3{ width:244px; display:block; float:left; height:99px; line-height:99px; color:#1F2227; text-indent:80px;font-size:33px;}
.z6 ul li p{ float:left; line-height:33px; color:#FFF001; font-size:18px; width:490px; padding-top:20px; padding-left:10px; }

.z7{ position:absolute; right:0; top:80px;}

.z8{ float:left;font-size:45px;color:#2d2217; padding-left:360px; padding-top:150px;}
.z8 p{ font-weight:bold; font-size:26px; color:#2d2217;}

.z9{ width:100%; height:480px; background:#222222; overflow: hidden; position: relative; margin-top:50px;-webkit-box-shadow: 0px 10px 15px #7e6504;
  -moz-box-shadow: 0px 10px 15px #7e6504;  
  box-shadow: 0px 10px 15px #7e6504;  }
.z9 h3{ font-size:40px; color:#FED406; text-align:center; margin-top:61px;}
.z92{ width:868px; margin:0 auto; margin-top:50px;}
.z92 ul{ width:2000px;height:225px; overflow:hidden;}
.z92 ul li{ width:199px; height:226px; overflow:hidden; float:left; margin-right:23px;}
.z92 ul li a{ display:block; width:191px; height:170px; border:#FEFCFD solid 4px; background:#1DABFD; text-align:center; overflow:hidden; float: left;}
.z92 ul li a img{ margin-top:10px;}
.z92 ul li span{ line-height:47px; text-align:center; color:#FFFFFF; display:block;}


.z91 a.l{ position:absolute; left:75px; margin-top:30px;}
.z91 a.r{ position:absolute; right:75px; margin-top:30px;}

.z10{ position:absolute; text-align:center;top:138px; left:545px;}
.z10 p{color:#FFFFFF;text-shadow:5px 2px 6px #007ec6;}
.z10 h3{ font-size:90px; color:#FFFFFF; line-height:119px;text-transform:uppercase;text-shadow:5px 2px 6px #007ec6; } 

.z11{ width:631px; height:408px; background:url(../img/ly.png) no-repeat; position:absolute; top:300px; right:40px;}
.z11 ul{ padding:57px 0 0 29px;}
.z11 ul li{ height:29px;width:800px;line-height:29px; color:#FF0004; margin-top:14px; font-size:16px;}
.z11 ul li span{ color:#747474;}
.z11 ul li input{ width:131px; height:27px; border:1px solid #CCCCCC; margin-left:10px; margin-right:10px;}
.z11 div input{ width:120px; margin:0 auto; height:47px; border:1px dashed #737373;-moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius:50px; background:#FFFFFF; cursor:pointer; position: absolute; top:320px; left:250px;}
	.z11 div input:hover{ background:#FFD308; font-weight:bold;border:0px dashed #737373;}

.z12{ width:100%; background:#1DABFD; margin-top:-350px; padding-top:350px;}

.db{background:url(../img/a5.png) no-repeat bottom center; position:absolute; height:970px; width:100%; position:absolute;-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);}