@charset "utf-8";
/* base CSS  */

* { margin:0; padding:0;}
body {	font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
ul, li { list-style:none;}
a, img { border:0;}
a, a:hover{ text-decoration:none;}
.container {
	max-width:800px;
	position:relative;
	padding:0;
	}
.top {
	height:100px;
	padding:20px 20px 0 20px;
	background:url(../images/top_bg.png) repeat-x;
	}
.top .img-responsive {
	margin:0 auto;
        width: 200px;height: auto;margin-top: 10px;
	}
nav {
	overflow:hidden;
	height:70px;
	margin:0;
	font-size:100%;
	background:url(../images/nav_bg.png) repeat-x;
	}
nav .back {
	float:left;
	width:8%;
	padding:20px 0;
	}
nav .back .img-responsive {
	margin:0 auto;
	}
nav .navigation {
	float:left;
	width:92%;
	height:70px;
	line-height:70px;
	}
nav .navigation ul {
	overflow:hidden;
	}
nav .navigation ul li {
	float:left;
	padding:0 2%;
	}
nav .navigation ul li.active {
	background:url(../images/login_bg_hover.png) repeat-x;
	}
nav .navigation ul li a {	
	color:#fff;
	}

.breadcrumb {
	margin:0;
	height:36px;
	font-size:80%;
	color:#606060;
	border-bottom:1px solid #e1e1e1;
	background:#f0f0f0;
    padding: 8px 5px;
	}
.breadcrumb>li+li:before {
	padding:0;
	}
.foot {
	clear:both;
	height:78px;
	background:#dadada;
	}
.foot ul {
	overflow:hidden;
	padding-top:15px;
	}
.foot ul li {
	width:14%;
	float:left;
	margin:0 3%;
	}
.foot ul li .img-responsive{
	margin:0 auto;
	}
/**scroll**/
.scroll {
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	}
.scroll .up {
	margin-bottom:5px;
	}
	
@media screen and (max-device-width: 420px) {
	.container {
		font-size:10px;
		}
	nav {
		height:50px;
		}
	nav .back {
		padding:17px 0;
		}
	nav .back img {
		width:60%;
		height:auto;
		}
	nav .navigation {
		height:50px;
		line-height:50px;
		}
	nav .navigation ul li {
		float:left;
		padding:0 1%;
		}
	
}
@media screen and (min-width: 420px) and (max-device-width: 610px) {
	.container {
		font-size:16px;
		}
	 nav {
		height:50px;
		}
	 nav .back {
		padding:13px 0;
		}
	 nav .back img {
		width:60%;
		height:auto;
		}
	 nav .navigation {
		height:50px;
		line-height:50px;
		}
	 nav .navigation ul li {
		float:left;
		padding:0 1%;
		}
}
@media screen and (min-width: 610px) {
	.container {
		font-size:20px;
		}
	
}