/* CSS Document */
html, body, div, span, object, iframe,h1, h2, 
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, 
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption, 
figure, footer, header, hgroup, menu, nav, section, summary,time, mark, 
audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline-style:none;/*FF*/ 
}
body {
    font-family: Arial,"microsoft yahei",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
ul,ol,dl,li,dt,dd { list-style-type: none;}
a{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
a:hover,a:focus{
    text-decoration:none;
    bblr:expression(this.onFocus=this.blur());/*IE*/
    outline-style:none;/*FF*/ 
    }
table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select,button {
    vertical-align:middle;
    outline:none;
}
img { border: 0;}

/*css为clearfix，清除浮动*/
.clearfix::before,
.clearfix::after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/
}
.middle { width: 1000px; margin: 0 auto;}
.row { width: 100%; min-width: 1000px;}
.fl { float: left;}
.fr { float: right;}

.top {
	position: absolute;
	height: 100px;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,.05);
	z-index: 10;
}
.logo { margin-top: 28px;}
.menu { margin-left: 80px;}
.menu > ul > li {
	position: relative;
	float: left;
	width: 80px;
	height: 100px;
	line-height: 100px;
	margin: 0 5px;
	text-align: center;
}
.menu ul li a { color: rgba(255,255,255,.8); transition: all .2s; font-size: 16px;}
.menu ul li a:hover,.menu ul li.cur a { color: rgba(255,255,255,1);}
.menu > ul > li ul {
	position: relative;
	display: none;
	min-width: 140%;
	padding: 10px 0;
	margin-top: -20px;
	margin-left: -20%;
	background-color: rgba(255,255,255,.2);
}
.menu > ul > li ul:before {
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 0;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 0 6px 6px;
	border-style: solid;
	border-color: transparent transparent rgba(255,255,255,.2);
}
.menu > ul > li ul li {
	height: 35px;
	line-height: 35px;
	transition: all .2s;
}
.menu > ul > li ul li:hover { background-color: rgba(255,255,255,.2);}
.download {
	width: 130px;
	height: 22px;
	line-height: 22px;
	margin-top: 36px;
	border: 1px solid #fff;
	text-align: center;
}
.download a {
	background: url(../images/download.png) no-repeat left center;
	padding-left: 15px;
	color: #fff;
}
.download a:hover { text-decoration: underline;}

.footer {
	position: relative;
	height: 470px;
	background: #0061af url(../images/foot_bg.jpg) no-repeat left bottom;
}
.foot-top { padding-top: 70px;}
.foot-top-left dl {
	float: left;
	margin: 0 40px;
}
.foot-top-left dl dt { margin-bottom: 20px; font-size: 20px; color: #fff;}
.foot-top-left dl dt a {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.foot-top-left dl dd { height: 35px; line-height: 35px;}
.foot-top-left dl dd a {
	font-size: 14px;
	color: #fff;
}
.foot-top-left dl dd,.foot-top-left dl dt { transition: all .4s;}
.foot-top-left dl dd:hover { transform: translateX(10px);}
.foot-top-right { width: 360px;}
.foot-top-right dl dt {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.foot-top-right dl dd {
	line-height: 35px;
	margin-bottom: 10px;
	padding-left: 35px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-size: 14px;
	color: #fff;
}
.foot-top-right dl dd:nth-child(2) {
	background-image: url(../images/dress.png);
	background-repeat-y: center;
}
.foot-top-right dl dd:last-child {
	background-image: url(../images/email.png);
	background-repeat-y: center;
}
.foot-top-right dl dd a { color: #fff;}
.foot-top-right dl dd a:hover { text-decoration: underline;}
.foot-bottom {
	position: absolute;
	width: 100%;
	height: 60px;
	line-height: 22px;
	padding: 5px 0;
	left: 0;
	bottom: 0;
	border-top: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.foot-bottom a { color: #fff;}
.description p {
	margin-top: 10px;
	line-height: 25px;
}
.foot-bottom a:hover { text-decoration: underline;}