/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}


img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
	border:0;
    height: auto;
    width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    /*background: #0d1424 url(images/body-bg.jpg) no-repeat center top;*/
    font: .81em/150% Arial, "Microsoft YaHei", sans-serif;
    color: #000;
	margin:0 auto;
}
a {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0 0 1.2em;
    padding: 0;
}

/* list */
ul, ol {
    padding: 0;
    list-style: none;
}
li {
    padding: 0;
    list-style: none;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    /*margin: 20px 0 .4em;*/
    color: #000;
	font-weight:normal;
}
h1 {
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}

.fl{float: left;}
.fr{float: right;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear{clear:both;}

#pagewrap{
    position:relative;
    overflow:hidden;
}
.header{
    width:100%;
    background-color:#e6e6e6;
}

.header-l{ 	width:70%; float:left;}

.header-r{ width:24%; float:right;}


.nav{
    width:100%;
	margin:0 auto;
    background:#004684;
}
.nav ul{
    margin:0 auto;
}
.nav ul li{
    float:left;
	width:14%;
	text-align:center;
	border-left:1px solid #00386a;
}
.nav ul li a{
    color:#ffffff;	    
    
}
.nav ul li.first a{
    border-left:none;
}
.nav ul li.act{
    background:#00386a;
}
.nav ul li:hover{
    background:#00386a;
}


.tit{
    margin:0 auto;
    padding:2% 0;
    width:100%;
    background:url("../images/title-border.png") no-repeat left bottom;
	background-size:100%;
	text-align:center;
}
.tit h1{
    padding-top:0%;
    font-size:2em;
    line-height:2em;
    font-weight:bold;
    text-align:center;
    color:#ff2b77;
}
.tit h1 span{
    color:#00437d;
}


.part1,.part2,.part3,.part4,.part5,.part6{
    margin:0 auto;
    padding-top:3%;
    width:100%;
}

.part1 ul li{ 
	width:20.4%;
	float:left;
	margin-left:4.4%;
	padding-top:5%;
}

.part4 ul { 
	margin-left:2%;
}

.part4 ul li{ 
	width:31%;
	float:left;
	margin-left:2%;
	padding-top:5%;
	padding-bottom:4%;
}

.part5-con{
	width:100%;
	margin:0 auto; 
	background:#cdcfd7;
	line-height:2em;
	margin-top:5%;
	padding-top:5%;
	padding-bottom:3%;
	text-align:center;
}


.bottom-btn{
    margin:0 auto;
    width:100%;
    max-width:800px;
    height:auto;
    bottom:0px;
    position:fixed;
    z-index:999;
    background-color:#2a2a2a;
}
.bottom-btn1{
    width:50%;
    display:block;
}
.bottom-btn2{
    width:50%;
    display:block;
}
#footer{
    background-color:#4c4948;
}
#footer p{
    padding:1%;
	color:#fff;
    text-align:center;
}