@charset "utf-8";
* {
	margin: 0;
	padding: 0
}
body {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	
}
body, button, input, select, textarea {
	font: 12px/1.5 Microsoft Yahei;
	color: #505050
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
ul, ol, li {
	list-style: none
}
a {
	text-decoration: none;
	color: #2a2a2a;
	outline: 0
}

fieldset, img {
	border: 0
}
.center{ text-align:center;}

table {
	border-collapse: collapse;
	border-spacing: 0
}
button, input, select, textarea {
	font-size: 100%;
	outline: 0
}
textarea {
	resize: none
}
img {
	vertical-align: top;
	width: 100%;
}

.hidden{ display:none;}

article, aside, footer, header, hgroup, nav, section {
	display: block
}

#banner {
	width: 100%;
	position: relative
}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

#header{ background:#258583; color:#fff; padding-bottom:10px;}
#header a{ color:#fff;}
.header_logo{ width:20%; float:left; padding-top:1%;}
.header_link{ width:80%; float:left; margin-top:1%}
.header_link a{ font-size:22px; float:left; margin:1%; width:30%; text-align:center;}
.header_link span{ padding-left:10%;}
#nav li{ width:25%; float:left}

.wti{width: 95%;margin: 0 auto;}
.wti li{border-bottom: 1px solid #dcdcdc;height: 50px;line-height: 50px; font-size:18px; clear:right;}
.wti li a{margin-left: 3%;float: left;color: #000;}
.wti li i{float: right; margin-top: 15px;margin-right: 3%; }
.wti li i img{ width:100%;}

@media screen and (max-width:480px) {
	
	.header_link a{ font-size:16px;}
	.wti li{height: 35px;line-height: 35px;}
	.wti li i{margin-top:5px;}
	.wti li a{ font-size:14px;}
}


/**footer**/
#footer{max-width:640px;min-width:320px;margin:20px auto 0; padding-bottom:80px;}
#footer .leftimg{float:left;margin:20px 10%;width:22%;}
.info{float:right;width:58%;overflow:hidden;margin-top:20px;line-height:1.2;}
.info .time,.info .address{font-size:14px;line-height:1.2;padding-left:40px;margin-bottom:20px;}
.info .time{background:url(../images/icons/icon13.png) no-repeat left center;}
.info .time strong,.info .address strong{font-size:24px;}
.info .address{background:url(../images/icons/icon14.png) no-repeat left center;}
.info div{margin-left:0px;overflow:hidden;}
.info a{display:block;float:left;margin-right:10px;}
.info a img{width:auto;}
@media screen and (max-width:480px){
#footer .leftimg{margin:10px 10%;}
.info{margin-top:10px}
.info .time{background:url(../images/icons/icon13.png) no-repeat left center;background-size:20px 20px}
.info .address{background:url(../images/icons/icon14.png) no-repeat 2px center;background-size:16px auto;}
.info .time,.info .address{padding-left:25px;margin-bottom:10px;}
.info .time strong,.info .address strong{font-size:14px;}
.info div{margin-left:0px;}
.info a{display:block;float:left;width:20.333333%;margin-right:3%}
.info a img{width:100%;}
}
@media screen and (max-width:360px){
#footer .leftimg{float:left;margin:10px 6%;}
.info{width:64%;}
.info .time,.info .address{font-size:12px;}
.info .time,.info .address{margin-bottom:5px;}
.info .time strong,.info .address strong{font-size:12px;}

}

@media screen and (max-width:320px){
	.header_link a{ font-size:14px;}
}