﻿@charset "utf-8";
/* CSS Document */
.page{ float:left; width:100%; margin-top:20px;}
.pagemid{
	margin:0 auto 0 auto;
	width:1000px;
}
.sidebar{float:left; width:300px;  }
.nav_sort{margin:0 auto;text-align:left;border:1px solid #999999;}
.sort_name{ font-size:18px; height:50px; line-height:50px; margin:0; text-align:center; height:50px; line-height:50px; background:#00659c; }
.sort_name span{margin:0 auto; color:#FFF;}
.nav_sort ul{margin:0;line-height:30px;}
.nav_sort ul li{text-align:center; font-size:18px;height:45px;line-height:45px;  background:#706f70; margin-top:5px;}
.nav_sort ul li a,.nav_sort ul li a:visited{display:block; color:#fff;}
.nav_sort ul li a:hover{background:#333333; color:#fff;}
.nav_sort ul.rp li{text-align:center;}
.main3{
	float:left;
	width:208px;
	margin-top:20px;
}
.main3 .titl{
	float:left;
	width:300px;

}
.pageright{ float:right; width:665px;}
.bc{
	float:right;  color:#fff; width:665px;; height:50px; line-height:50px;
	background:#00659c; font-size:14px;
}
.bc a,.bc a:visited{color:#fff;}
.bc a:hover{color:#000;}
.bc span{float:left;margin-right:20px;padding-left:20px;background:url(../images/home_icon.gif) no-repeat 0 center;}
.post{float:right; width:665px;}
.article_list{width:665px; margin:10px auto 0;}
.article_list li{line-height:40px; height:40px; border-bottom:1px dashed #ddd;font-size:14px;}
.article_list li a{color:#666666; display:block; float:left; width:500px;}
.article_list li span{float:right; display:block; width:100px; text-align:right;}
.page_list{ float:right; width:665px; height:40px; line-height:40px; text-align:center; padding:20px 0;}
.page_list span,.page_list a{display: inline-block; margin:0 5px; color:#00659c;}
.post h1{ display:block; float:right; width:665px; height:100px; text-align:center;line-height:100px;}
.post p{ line-height:30px; font-size:16px;}
.pagefoot{
	float:left;
	width:100%;
	height:190px;
	background-color:#1c252f;
	margin-top:50px;
}
.post .pagepic{
	float:right; 
	width:665px;
	margin-top:20px;
}
.post .pagepic ul li{
	display:block;
	float:left;
	width:210px;
	height:200px;
	margin-left:5px; margin-right:5px;
}

.post .pagepic ul li a{
	display:block;
	float:left;
	width:210px;
	height:170px;
}
.post .pagepic img{ width:210px; height:168px; border:1px solid #CCC;}
.post .pagepic img:hover{  border:1px solid #00659c;}
.post .pagepic li p{
	display:block;
	float:left;
	width:210px;
	font-size:12px;
	line-height:30px;
	height:30px;
	text-align:center;
}
.post .p1{ margin-top:20px; float:left; width:100%;}
/*-- mail --*/
.map iframe{
	width:100%;
	min-height:500px;
}
.mail{
	padding:3em 0;
	padding-right:4em;
}
.feedback-info h3{
	color:#ff4c4c;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.5em;
	margin: 0;
	text-align: center;
}
p.lo{
	color:#999;
	font-size: 14px;
	line-height: 2em;
	margin: 2em auto 5em;
	width:50%;
	text-align:center;
}
.name{
	width:60%;
	margin:0 auto;
}
.name p,.comment p{
	font-size: 17px;
	color:#ff4c4c;
	font-family: 'Josefin Sans', sans-serif;
	margin:0 0 .8em;
	text-align:center;
}
.name input[type="text"],.comment textarea{
	outline: none;
	border: 1px solid #323232;
	background: none;
	font-size: 13px;
	color: #000;
	padding: 15px 25px;
	text-align: center;
	width: 100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.na{
	margin:2em auto;
}
.comment p{
	width:60%;
	margin:0 auto .8em;
}
.comment textarea{
	min-height:250px;
	resize:none;
	width:100%;
	text-align:left;
}
.comment{
	width:60%;
	margin:2em auto 3em;
	margin-left:14.2em;
}
.sub input[type="submit"]{
	padding:6px 45px;
	background: #0099ec;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	outline:none;
	border:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	  margin-left: 25.4em;
}
.sub input[type="submit"]:hover{
	background:#ff4c4c;
	color:#fff;
}
/*-- //mail --*/