@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%; word-break: break-all; word-wrap: break-word;}
html { background: url(../images/bg.jpg) repeat; background-attachment: fixed;}
body { max-width: 720px; margin:0 auto; font-size: 14px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}
input[type="text"] { -webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;}
a { text-decoration: none; color: inherit;}
:focus { outline: 0;}
table { width: 100%; border-spacing: 0;}

.null91 { height: 91px;}
.null60 { height: 60px;}
.box { margin: 5px 0; padding: 4px; border-radius: 5px; overflow: hidden; background: rgba(0,0,0,0.6);}
.box.bg-yellow {background: rgba(189,182,87,0.6);}
.autopic {}
.autopic img { width: 100%; height: auto;}

.header { position: fixed; z-index: 99; height: 91px; width: 100%; max-width: 720px; color: #fff; box-sizing: border-box; background: #656565; border-radius: 0 0 5px 5px; overflow: hidden;}
.header.headerin { height: 60px;}
.header .header-pic { display: block; position: absolute; top: 2px; width: 60px; height: 60px; left: 50%; margin-left: -30px; box-shadow: 0px 0px 20px #000; border-radius: 50%;
-webkit-animation: z 5s linear 0s infinite;
-moz-animation: z 5s linear 0s infinite;
-ms-animation: z 5s linear 0s infinite;
animation: z 5s linear 0s infinite;
}
@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}
.header .header-top { display: flex; padding: 0 10px;}
.header .header-top .logo { flex: 1;}
.header .header-top .logo img { height: 60px;}
.header .header-top .home { display: flex; align-items: center; text-align: center; font-size: 12px;}
.header .header-top .home img { width: 30px; height: 30px; margin: 0 auto; display: block;}

.nav { display: flex; height: 30px; line-height: 30px; text-align: center; border-top: solid 1px #000;}
.nav a { flex: 1; display: block;}
.nav a:hover { background: #292929;}

@media screen and (max-width: 720px){
.header .header-top { padding: 0 5px;}
.header .header-pic { left: 73%;}
.nav { font-size: 12px;}
}

.wrapper {}
@media screen and (max-width: 720px){
.wrapper { padding: 0 5px;}
}
.news { display: flex; height: 35px; line-height: 35px; margin: 5px 0; padding: 0 5px; color: #fff; border-radius: 5px; background: rgba(0,0,0,0.6);}
.news-l {}
.news-l img { height: 35px; margin-right: 5px; vertical-align: top;}
.news-r { flex: 1;}

.subnav { display: flex; border-radius: 5px; padding: 10px 5px; background: rgba(255,255,255,0.8); overflow: hidden;}
.subnav a { flex: 1; display: block; text-align: center; font-size: 16px; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #ff9c00;}
@media screen and (max-width: 720px){
.subnav a { font-size: 15px;}
}
.subnav a img { display: block; width: 90%; max-width: 84px; margin: 0 auto 2px; animation-duration: 1s; animation-fill-mode: both;}
.subnav a:nth-child(1) img,.subnav a:nth-child(2) img{
	animation-name:fadeInLeft;
}
.subnav a:nth-child(3) img{
	animation-name:bounceInDown;
}
.subnav a:nth-child(4) img,.subnav a:nth-child(5) img{
	animation-name:fadeInRight;
}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
.subnav a:hover{
	animation-name:pulse;
	animation-duration:1s;
	animation-fill-mode:both;
}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}

.list-tit { height: 40px; line-height: 40px; font-size: 24px; text-align: center; text-shadow: 1px 2px 1px #b99b5f; font-weight: bold; border-radius: 5px 5px 0 0; border-bottom: 1px solid #000; background: #fff;}
.list-tit.list-tit2 { color: #ff0; text-shadow: 0px 0px 10px red; background: linear-gradient(transparent,#dacfcf);}
.list { background: #fff;}
.list.list-bg { background: url(../images/img1.png) bottom right no-repeat #fff;}
.list ul { font-weight: bold; font-size: 16px;}
.list ul li { padding: 0 5px; border-bottom: 1px solid #b99b5f; background: url(../images/tj.gif) 5px center no-repeat;}
.list ul li a { display: block; height: 36px; line-height: 36px; padding: 0 26px 0 36px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/arrow.gif) right center no-repeat;}
.list ul li:hover { background: url(../images/tj.gif) 5px center no-repeat #0f0;}
@media screen and (max-width: 720px){
.list ul { font-size: 13px;}
}

.img-tit { display: flex; align-items: center;}
.img-tit .img-tit-l { width: 294px;}
.img-tit .img-tit-l img {}
.img-tit .img-tit-r { flex: 1; text-align: center;}
.img-tit .img-tit-r h1 { font-size: 52px; letter-spacing: 6px; text-shadow: 0px 2px 1px #000; color: red;}
.img-tit .img-tit-r h2 { margin-top: 20px; font-size: 24px; color: #0060ff; letter-spacing: 13px; text-shadow: 0px 2px 1px #000;}
@media screen and (max-width: 720px){
.img-tit .img-tit-l { width: 40%;}
.img-tit .img-tit-r h1 { font-size: 46px;}
.img-tit .img-tit-r h2 { margin-top: 16px; font-size: 24px; letter-spacing: 10px; text-shadow: 0px 2px 1px #000;}
}
@media screen and (max-width: 600px){
.img-tit .img-tit-r h1 { font-size: 40px;}
.img-tit .img-tit-r h2 { margin-top: 12px; font-size: 20px; letter-spacing: 8px; text-shadow: 0px 1px 1px #000;}
}
@media screen and (max-width: 500px){
.img-tit .img-tit-r h1 { font-size: 30px;}
.img-tit .img-tit-r h2 { margin-top: 10px; font-size: 18px; letter-spacing: 3px;}
}

.text-box { padding: 8px; background: url(../images/in-bg.png) top right #fff no-repeat;}
.text-box .text-tit {}
.text-box .text-tit h1 { padding: 10px 0; font-size: 18px;}
.text-box .text-tit h2 { color: #9e6101;}
.text-box .text-tit p { color: #d2b335; font-size: 16px; border-top: 1px solid #ffeda4; border-bottom: 1px solid #ffeda4; padding: 10px 0; margin-top: 10px;}
.text-box .text-con { margin-top: 8px; line-height: 1.75; font-weight: bold; font-size: 18px; font-family: "SimSun";}
.text-box .text-con p { border-bottom: 1px solid #ffeda4;}
.text-box {}


.footer { width: 84%; margin: 0 auto; padding-bottom: 40px; color: #fff; text-align: center; background: url(../images/foot-img.png) bottom center no-repeat;}
.footer p { padding: 5px; border-bottom: solid 1px #000;}