/*TopIndex Begin*/
#zzTopIndex{
	width:80%;
	position:absolute;
	top:1rem;
	left:10%;
	z-index:2;
}
.zzTopIndex_Logo{
	width:40%;float:left;
    margin-right:10%;
	*margin-right:9%;
}
.zzTopIndex_Menu{
	width:50%;float:left;
    height:auto;overflow:hidden;
    margin-top:3rem;
}
.zzTopIndex_Menu dt{
	width:22%;float:left;
	text-align:center;
	color:#fff;
	line-height:5rem;
	font-size:1.6rem;
}
.zzTopIndex_Menu dd{
	width:3%;float:left;
	text-align:center;
	color:#fff;
	line-height:5rem;
	font-size:1.6rem;
}
.zzTopIndex_Menu dt a{color:#fff;}
@media(max-width:900px){
    #zzTopIndex{
	    width:90%;
	    position:absolute;
	    top:1rem;
	    left:5%;
	    z-index:2;
    }
    .zzTopIndex_Logo{
	    width:100%;
        text-align:center;
    }
    .zzTopIndex_Logo img{width:30%;}
    .zzTopIndex_Menu{
	    width:100%;
        height:auto;overflow:hidden;
    }
    .zzTopIndex_Menu dt{
	    width:22%;float:left;
	    text-align:center;
        height:3rem;overflow:hidden;
	    line-height:3rem;
	    font-size:1.6rem;
    }
	.zzTopIndex_Menu dt a{color:#fff;}
    .zzTopIndex_Menu dd{
	    width:3%;float:left;
	    text-align:center;
        height:3rem;overflow:hidden;
	    line-height:3rem;
	    font-size:1.6rem;
		color:#fff;
    }
}
/*TopIndex End*/

.zzTop_Logo{
	width:40%;float:left;
    margin-right:10%;
	_margin-right:9%;
	*margin-right:9%;
}
.zzTop_Menu{
	width:50%;float:left;
    margin-top:1rem;
}
/* nav */
.nav{width:100%;height:5rem;}
.nav li {
    float: left;
    width: 22.5%;
    text-align: center;
    line-height: 4rem;
    font-size: 1.6rem;
    position: relative;
    margin-top:1rem;
}
.nav li a{text-decoration:none;display:block;}
.nav .m {
    width: 3%;
    text-align: center;
    line-height: 3rem;
    font-size: 1.6rem;
    margin-top:1.5rem;
}
.nav dl{width:100%;background:#cb134f;position:absolute;top:4rem;left:0px;}
.nav dl dd{width:100%;}
.nav dl dd a{color:#fff;font-size:1.4rem;}
.nav dl dd a:hover{color:#ff0;background:#b2003a;}

#zzBanner_About{
    width:100%;
    height:38rem;overflow:hidden;
	background-image:url(../Banner/banner_about.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.zzBanner_Content{
	width:40%;
	height:auto;overflow:hidden;
	background:rgba(255,255,255,0.5);
	padding:3rem 2%;
	min-height:18rem;
	margin:4rem 0;
}
.zzBanner_Content .title{
	width:100%;
	line-height:5rem;
	font-size:5rem;
	color:#fff;
	font-weight:bold;
}
.zzBanner_Content .title span{color:#0b539c;}
.zzBanner_Content .line{
	width:50%;
	height:0.1rem;
	background:#fff;
	margin:1rem 0;
}
.zzBanner_Content .word{
	width:90%;
	height:auto;overflow:hidden;
	line-height:3.5rem;
	margin:0.5rem 0;
	color:#fff;
	font-size:2.8rem;
}

@media(max-width:900px){
    .zzTop_Logo{
	    width:100%;
        text-align:center;
    }
    .zzTop_Logo img{width:30%;}
    .zzTop_Menu{
	    width:100%;
		margin:0;padding:0;
    }
	/* nav */
	.nav{width:100%;height:3rem;}
	.nav li {
		width: 22.75%;float: left;
		text-align: center;
		line-height: 2.5em;
		font-size: 1.6rem;
		height:3rem;overflow:hidden;
	}
	.nav li a{text-decoration:none;display:block;}
	.nav .m {
		width: 3%;
		text-align: center;
		line-height: 3rem;overflow:hidden;
		font-size: 1.6rem;
	}
	
	#zzBanner_About{
		width:100%;
		height:28rem;overflow:hidden;
		background-image:url(../Banner/banner_about.jpg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.zzBanner_Content{
		width:60%;
		height:auto;overflow:hidden;
		background:rgba(255,255,255,0.5);
		padding:1rem 5%;
		margin:5rem 0 0 0;
	}
	.zzBanner_Content .title{
		width:100%;
		line-height:2.8rem;
		font-size:2.8rem;
		color:#fff;
		font-weight:bold;
	}
	.zzBanner_Content .title span{color:#0b539c;}
	.zzBanner_Content .line{
		width:50%;
		height:0.1rem;
		background:#fff;
		margin:0.5rem 0;
	}
	.zzBanner_Content .word{
		width:90%;
		height:auto;overflow:hidden;
		line-height:2.2rem;
		margin:0.5rem 0;
		color:#fff;
		font-size:1.6rem;
	}
}

#zzBottom_Line{
	width:100%;
	height:4rem;
}
@media(max-width:900px){
	#zzBottom_Line{
		width:100%;
		height:3rem;
		border-bottom:10px solid #eee;
	}
}

#zzBottom_Link{
	height:auto;
	overflow:hidden;
	margin:0 auto 4rem auto;
}
.zzLink_List{
	  width:25%;float:left;
	  border:0;
}
.zzLink_List dd{
	width:100%;
	line-height:4rem;
	color:#172e59;
	font-size:1.8rem;
}
.zzLink_List dt{
	width:100%;float:left;
	line-height:2.2rem;
}
.zzLink_Contact{
	  width:25%;float:left;
	  border:0;
	  *width:24%;
}
.zzLink_Contact dd{
	width:100%;
	line-height:4rem;
	color:#172e59;
	font-size:1.8rem;
}
.zzLink_Contact dt{
	width:100%;float:left;
	line-height:2.2rem;
}
@media(max-width:900px){
	#zzBottom_Link{
		height:auto;
		overflow:hidden;
		margin:2rem auto;
	}
	.zzLink_List{
		width:100%;
		border-bottom:10px solid #f8f8f8;
	}
	.zzLink_List dt{
		width:33%;float:left;
		line-height:2.2rem;
	}
	.zzLink_Contact{
		  width:100%;float:left;
		  border:0;
	}
}
#zzBottom_Copy{
	width:100%;
	line-height:4rem;
	text-align:center;
	border-top:1px solid #ececec;
}