
/*分页样式*/

.fanye{border-top:none;height:auto;padding:8px;/*min-width: 480px;*/text-align:center;margin:0 auto;}
.fanye span{display:inline-block;left:0px;position: relative;top: 0;border:none;font-size:12px;margin-left: 10px;}
.fanye a{display:inline-block;line-height:25px;padding:0 5px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px;margin:0 2px;font-size:12px;}
.fanye a:hover{color:#2267b5;background:url(../images/w3c_ttt.png) repeat-x left top;}
.fanye .thisclass{display:inline-block;padding:0 10px;line-height:25px;height:25px;color:#2267b5;font-weight:bold;border:1px solid #ccc;background:url(../images/w3c_ttt.png) repeat-x left top;border-radius:3px;}
.fanye .pageinfo{border-radius:3px;padding:0 10px;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;}
.fanye .last{color:#ccc;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px;}

/*子页样式*/
.main {
	background: #fff;
}
.map {
	line-height: 3;
    padding-left: 5%;
    background: #c50909;
    margin-bottom: 5%;
}
.map span,.map span a {color: #fff;}

.newlist {margin-bottom: 5%;padding: 0 5%;}
.newlist ul li{
	line-height: 2.5;
	margin-left: 5%;
	padding-left: 5%;
	background: url(../images/circle.jpg) no-repeat 0;
	max-height: 2.5rem;
	overflow: hidden;
}
.newlist  li a {
	color: #666;
	font-size: 100%;
	display: block;
	max-width: 70%;
	overflow: hidden;
	float: left;
}
.newlist li span {
	float: right;
	color: #666;
}
.newlist  li:hover a  {color: #fa8200;text-decoration: underline;}
.prolist ul li {
	width: 40%;
	margin: 2% 5%;
	float: left;
}
.prolist li a{
	text-align: center;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 200px;
	height: 230px;
}
.prolist li p{
/*	display: table-cell;
	vertical-align: middle;
	text-align: center;*/
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	justify-content:center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
	border: 5px solid #ccc;
	background-color: #fff;
	width: 190px;
	height: 190px;
}
.prolist li p img{
	width: auto;
	height: auto;
	max-height: 190px;
	max-width: 190px;
}
@media only screen and (max-width:600px){
	.head{
		height:80px;
	}
	.prolist li a{
		width: 160px;
		height: 190px;
	}
	.prolist li p{
		width: 150px;
		height: 150px;
	}
	.prolist li p img{
		max-height: 150px;
		max-width: 150px;
	}
}
@media only screen and (max-width:480px){
	.head{
		height:60px;
	}
	.prolist li a{
		width: 130px;
		height: 160px;
	}
	.prolist li p{
		width: 120px;
		height: 120px;
	}
	.prolist li p img{
		max-height: 120px;
		max-width: 120px;
	}
}
.prolist li span{
	line-height: 2.5;
	overflow: hidden;
	max-height:2.5rem;
	display: block;
}
.pagecon {
	width: 90%;
	margin:0 auto;
	line-height: 2;
	color: #666;
	padding-bottom: 5%;
}
.pagecon img {
	max-width:100%; 
}
.tit {
	font-size: 150%;
	color: #666;
	text-align: center;
	display: block;
}
