@charset "gb2312";
body, td, div, p {
	margin:0px;
	padding:0px;	font-family: Arial, 'SimSun';
	color:#4f3b17;
}

p {
	padding-bottom:10px
}
a:link, a:visited {
	color: #a47827;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #a16b08;
}
.b {
	font-weight:bold;
}
h1, h2, h3, h4, h5, form {
	padding:0px;
	margin:0px;
	font-weight:normal;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
}
ul, ol, dl, dt {
	margin:0px;
	padding:0px;
}
input {
	font-family: Arial, 'SimSun';
	color:#000;
	padding:0px;
	margin:0px;
}
li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
.clear_both {
	clear:both;
}
.wrapper {
	width:1000px;
	margin:0px auto;
}
body {
background:url(../img/10topbg.jpg) no-repeat center top #f9f3e8;
}
.header {
	position:relative;
	height:220px; overflow:hidden
	}
.header h3 {
	font-size:85px;
	line-height:110%;
	color:#9c712c; padding:28px 280px 20px 30px;
	font-family:'宋体'; font-weight:bold;
	display:table-cell; vertical-align:middle;

animation:myfirst 3s linear infinite alternate;
}
@keyframes myfirst
{
0% {left:88px;}
100% {left:0}
}
.content {height:auto!important; height:260px;min-height:260px;
	padding:0px 0px 0px 0px;
	/*background:rgba(255, 255, 255, 1);*/	border-radius:38px;
	position:relative;
	clear:both;
}
.imgpadding {
	margin:0px 5px;border-radius:38px;
}
.imgname {
	font-size:18px;
	font-weight:bold;
	display:block;
	padding-bottom:15px;
	line-height:160%
}
.photoshowimg {
	border:2px solid #fff;
}
.aboutus p{font-size:30px;}.aboutus {
	padding:16px 20px;	font-size:30px;
	font-weight:bold;
}
.photocontent {
	text-align:center;
}
.photoh5 {
	text-align:center;
	font-size:25px;
	font-weight:bold;

	padding:10px 0px;
}
.more {
	text-align:center;
	font-size:18px;
	font-weight:bold
}
.more a {

}
.more p {
	background:#0D1031;
}
.footer {
	background:#000033
}
.footer p {
	text-align:center;
	padding:10px 0px;
	font-size:12px;
}
.bottomnav span {
	color: #a16b08;
	font-weight:bold;
}
.footer a {
	font-size:12px;
}
.r1 {
	width:93px;
	float:right;
	position:fixed !important;
	top/**/:200px;
	position:absolute;
	z-index:300;
top:expression(offsetParent.scrollTop+200);
	right:20px;
}
.r1 img {
	height:151px;
	width:94px;
}
.bottomnav {
	text-align:center;
	font-size:15px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
color: #a16b08;
}
.r1 p {
	color:#000000;
	background:#FFFFFF;
	border-radius:4px;
	padding:0px;
	text-align:center
}
.r1 span {
	display:block;
	color:red;
	font-weight:bold;
	font-size:13px
}

.contentleft{
	visibility:hidden;display:none;
}
/*.contentright{float:right;}*/
/**/
.contentwidth{text-align:center; width:95%; margin:0px auto;}
.imgclose img{width:15px; height:15px;}
 .imgclose{margin:0px -3px 0px 0px;display:block; text-align:right; position:relative;bottom:-10px;}.a1{	visibility:hidden;display:none;}
.a2{	
	visibility:hidden;display:none;}
.a33{visibility:hidden;display:none;}
.a4{}
.a5{}
.a6 {visibility:hidden;display:none;
}
.a7 {visibility:hidden;display:none;
}
.a8{visibility:hidden;display:none;}
.a9{visibility:hidden;display:none;}
.imgpadding,.imgname{transition: all 0.6s;position:relative;  }
.imgpadding:hover,.imgpadding:active
{
transform: scale(1.028);  
}

.box{padding-top:0px; float:left; top:-38px}
	.box .taiji{margin:0 auto;}
	/*只有最外面容器使用了宽高px设置，	内部均为百分比设置，只需改变容器大小，太极图就可以自动缩放*/
	.taiji{position: relative; width: 160px; height: 160px; border-radius: 50%; background-color: #fff;border:solid 1px #ccc;    animation: spin 6s linear infinite;-webkit-animation:spin 6s linear infinite;/*动画设置*/}
	.tj_1{position: absolute; top: 0px; width: 50%; height: 100%;}
	.tj_big1{left: 0px; border-radius:100% 0 0 100% /50% 0 0 50%; background: #000;}
	.tj_big2{right: 0px; border-radius:0 100% 100% 0 / 0 50% 50% 0; background: #fff;}
	.tj_2{position: absolute; width: 50%; height: 50%; left: 25%; border-radius: 50%;}
	.tj_s1{bottom: 0px; background: #fff;}
	.tj_s2{top: 0px; background: #000;}
	.tj_ss{position: absolute; width: 25%; height: 25%; left: 37.5%;border-radius: 50%;}
	.tj_w{top:37.5%;background: #000;}
	.tj_b{top:37.5%;background: #fff;}
	/*动画方法*/
	@keyframes spin {
		0% {transform:rotate(0deg);}
		100% {transform:rotate(360deg);}
	}
	@-webkit-keyframes spin {
		0% {transform:rotate(0deg);}
		100% {transform:rotate(360deg);}
	}