* {
	padding: 0;
	margin: 0;
}

body {
	width:100%;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

.section-wrap {
    width: 1349px;
    margin: 0 auto;
}

.section{
	position: relative;
	min-width:1349px;
}

.top {
	height: 684px;
	background:url(../images/a.png) #3b9bc6 no-repeat; 
}
	 
.content{
	width:100%;
	height:46px;
	position:fixed;
	top:0;left:0;
	background:#333;
	z-index:10;
}
.content .logo {
	position: absolute;
	left: 85px;
	top: 10px;
}

.content .menu {
	position: absolute;
	top: 14px;
	right: 120px;
	color: #fff;
}

.content .menu li {
	float: left;
	list-style: none;
	margin-right: 30px;
}
.content li .login{
	height: 30px;
	width:74px;
	opacity:0.51;
	background-color:#f00;
	border-radius:20px;
	line-height: 30px; 
	text-align: center;	
}

.content .menu li a {
	color: #fff;
	text-decoration: none;
}
.content .menu li a:hover{
	color:#f20;
}
.content .menu li .data{
	color: #f20;
}
.main{
	width:400px;
	height:300px;
	position: absolute;
	top:210px;
}

.main .title{	
	
	font-size: 28px; 
	color: #fff;
	font-weight:bold;
	transition:1s;
}
.main .des{
	font-family: 'Microsoft YaHei';
	margin-top: 17px;
	color: #fff;
	font-size: 18px; 	
	transition:1s;
}

.main .des:hover,.main .title:hover{
	transform:scale(1.2);
}

.main .case{
	 height:40px;
	 width:200px;
     margin-top: 27px;
     color: #fff;
     border: 1px solid #fff;
     border-radius:5px;
     text-align:center;
     line-height:40px;
     -webkit-transition: -webkit-transform 0.4s ease-out;
     transition: transform 0.4s ease-out;
     -moz-transition: -moz-transform 0.4s ease-out;
}
.main .case.hover{
	transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.main .case a{		
	font-family: 'Microsoft YaHei';
	font-size: 18px; 
	color: #fff;	
	text-decoration:none;	
}
/* .m1{
	left:142px;
	top:170px;
} */
.m2{
	right:142px;
	/* top:870px; */
}
.m3{
	right:100px;
	/* top:1570px; */
}
.m4{
	left:117px;
	/* top:2270px; */
}

.plat{
	height: 657px;
	background:url(../images/b.png) #040728 no-repeat; 
}
.plat .region{
	position: absolute;
	left:0px;
	top:0px;
}

.bx{
	height: 658px;
	background: url(../images/anli1.png) no-repeat;
}
.bx .m5{
	width: 450px;
	padding-left: 15px;
	opacity: 0.8;
	left:65px;
	bottom: 0px;
}

.grace{
	height: 602px;
	background:url(../images/c.png) #41afa5 no-repeat; 	
}
.grace .plot{
	position:absolute;
	top: 103px;
	left: 70px;
	bottom: 119px;
}

.yanan{
	height: 612px;
	position: relative;
	background:url(../images/yanan.png)  no-repeat;
}


.air{
	height: 612px;
	position: relative;
	background:url(../images/d.png) #5D83B5 no-repeat; 	
}
.air .but{
	position:absolute;
	top: 65px;
	left: 560px;
	bottom: 18px;
}

.yuan{
	height: 612px;
	position: relative;
	background:url(../images/e.png) #5D83B5 no-repeat;
}






