@charset "UTF-8";
/* CSS Document */


header .title{
	width:100%;
	height:238px;
	background:url(../img/title_bk.jpg) center top no-repeat;
	background-size:cover;
	position:absolute;
	top:75px;
	left:0;
}


header .title h2{
	width:960px;
	height:32px;
	background:url(../img/title.png) left top no-repeat;
	margin:133px auto 0;
}

ol.pan li{
	white-space:nowrap;
}


h3.line{
	margin-bottom:30px  !important;
}

.main_inner .nav_box{
	width:225px;
	float:left;
	background:#FFF;
	padding-bottom:30px;
	border-bottom:1px solid #d4d4d4;
}

.main_inner .nav_box p{
	height:52px;
	font-size:14px;
	color:#8a8a8a;
	font-weight:bold;
	line-height:1.3;
	padding:0 15px;
	border-top:3px solid #952b2b;
	vertical-align:middle;
	display:table-cell;
	width:195px;
}


.main_inner ul{
	margin:0 5px;
	border-top:1px solid #d8d8d8;
}

.main_inner ul li{
	border-bottom:1px dotted #8c8c8c;
}

.main_inner ul li.bnon{
	border-bottom:none;
}

.main_inner ul li.plr{
	height:34px;
	font-size:14px;
	line-height:1;
	color:#000;
	padding:20px 10px 0;
	width:205px;
}

.main_inner ul li a{
	height:54px;
	font-size:14px;
	line-height:1.3;
	color:#000;
	padding:0 10px;
	vertical-align:middle;
	display:table-cell;
	width:205px;
}


.main_inner ul li.activ a{
	background:#e0e0e0;
}

.main_inner ul li.activ a:hover{
	background:#e0e0e0;
}


.main_inner ul li a:hover{
	background:#f2f2f2;
}


.main_inner ul li span{
	background:url(../../common/mya.png) left center no-repeat;
	padding-left:20px;
}


.w_boxSt{
	width:686px;
	background:#FFF;
	padding:35px 22px;
	float:right;
}

.inner{
	margin-left:-8px;
}
.pic_box{
	width:222px;
	margin-left:8px;
	margin-bottom:20px;
	float:left;
	position:relative;
	cursor:pointer;
}

.pic_box div{
	padding:10px 7px 30px;
}

.pic_box div p{
	font-size:87.5%;
	line-height:1.3;
	margin-top:10px;
}

.pic_box div p.cate{
	font-size:12px;
	line-height:1.3;
	color:#000;
	margin-bottom:5px;
	padding-left:80px;
	margin-top:0;
}

.pic_box div p.cate span{
	width:70px;
	height:19px;
	font-size:12px;
	line-height:21px;
	color:#FFF;
	text-align:center;
	background:#a6a6a6;
	margin-left:-80px;
	margin-right:10px;
	display:inline-block;
}

.pic_box a{
	font-size:14px;
	color:#353535;
	background:url(../../common/mya.png) left 0.3em no-repeat;
	padding-left:20px;
	position:absolute;
	bottom:0;
	right:8px;
}

p.link_i{
	margin-top:50px;
	font-size:87.5%;
	text-align:center;
}

p.link a:hover{
	text-decoration:underline;
}



@media screen and (max-width: 739px) {
	
	header .title{
		width:100%;
		height:50px;
		padding-top:40px;
		background:url(../img/title_bk.jpg) center top no-repeat;
		background-size:cover;
		position:static;
	}
			
	header .title h2{
		width:95%;
		height:20px;
		background:url(../img/title.png) left top no-repeat;
		background-size:auto 100%;
		margin:0 auto;
	}
	
	ol.pan li{
		white-space:nowrap;
	}
	
	h3.line{
		margin-bottom:15px  !important;
	}
	
	.main_inner .nav_box{
		width:100%;
		height:auto;
		float:none;
		padding-bottom:0;
		margin-bottom:20px;
		border-bottom:1px solid #d4d4d4;
	}
	
	.main_inner .nav_box p{
		height:45px;
		font-size:14px;
		color:#8a8a8a;
		font-weight:bold;
		line-height:45px;
		padding:0 15px;
		border-top:3px solid #952b2b;
		text-align:center;
		width:100%;
		display:block;
		box-sizing:border-box;
	}
	
	.main_inner .nav_box p span{
		display:inline-block;
		padding-right:0.4em;
	}
	
	.main_inner ul{
		display:none;
	}
	
	.main_inner ul li.plr{
		height:50px;
		line-height:50px;
		padding:0 10px;
		width:100%;
		box-sizing:border-box;
	}

	
	.main_inner ul li.bnon_sp{
		border-bottom:none;
	}
	
	.main_inner ul li a{
		height:50px;
		line-height:50px;
		padding:0 10px;
		width:100%;
		box-sizing:border-box;
		display:block;
	}	
	
	.main_inner ul li a span{
		display:inline-block;
		min-height:12px;
		background:url(../../common/mya.png) left center no-repeat;
		padding-left:20px;
	}
	
	.w_boxSt{
		width:100%;
		padding:10px;
		float:none;
		box-sizing:border-box;
	}
	
	.inner{
		margin-left:0px;
	}
	.pic_box{
		width:100%;
		height:auto;
		max-width:300px;
		margin-left:0;
		margin:0 auto;
		margin-bottom:30px;
		float:none;
	}
	
	.pic_box img{
		width:100%;
		height:auto;
	}
	
	.pic_box div{
		padding:10px 0px 5px;
	}
	
	.pic_box div p{
		font-size:14px;
		line-height:1.3;
		margin-top:10px;
	}
	
	.pic_box div p.cate{
		font-size:12px;
		line-height:1.3;
		margin-bottom:5px;
		padding-left:80px;
		margin-top:0;
	}
	
	.pic_box div p.cate br{
		display:none;
	}
		
	.pic_box a{
		min-height:12px;
		font-size:14px;
		color:#353535;
		background:url(../../common/mya.png) left center no-repeat;
		padding-left:20px;
		position:static;
	}
		
	p.link_i{
		margin-top:30px;
		margin-bottom:30px;
		font-size:16px;
	}
	
}