* {
	margin: 0;
	padding: 0;
}
a {
	font-size: 12px;
	color: #fff;
	text-decoration: none
}
body {
	font: 14px/1.6 "Microsoft Yahei";
	background: #007153;
	color: #FFF;
}
.w1000 {
	width: 1000px;
	margin: 0 auto
}
ul li {
	list-style: none
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
*+height:1%;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*+html .clearfix {
	zoom: 1;
} /* IE7 */
.fL {
	float: left !important;
}
.fR {
	float: right !important;
}
/*---------------index--------------*/
#header {
	padding: 10px 0 0;

}
#header .hBox {
	width: 960px;
	margin: 0 auto;
}
#header .hBox .logo {
	float: left;
}
#header .hBox .logo a {
	display: block;
}
#header .hBox .ttlImg {
	float: right;
}
.section {
	width: 960px;
	margin: 0 auto;
}
.wrap {
	padding: 10px 0 25px;
	background: url(../images/bg01.jpg) no-repeat center top;
}
#gNavi {
	margin-bottom: 13px;
	padding: 2px;

}
#gNavi li {
	margin-right: 1px;
	width: 160px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
#gNavi li a {
	padding: 18px 25px 11px;
	display: block;
	overflow: hidden;
	zoom: 1;
}
#gNavi li.navi04 {
	width: 154px;
}
#gNavi li.navi05 {
	width: 156px;
}
#gNavi li.navi06 {
	margin-right: 0;
	width: 161px;
}
#gNavi li a div {
	margin-right: 13px;
	float: left;
}
#gNavi li a p {
	margin-top: 3px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}
#gNavi li a .color01 {
	color: #ffe51a;
}
#gNavi li a .txt {
	display: block;
	font-size: 19px;
	letter-spacing: 3px;
}
#gNavi li a:hover {
	color: #ffe51a;
	padding: 16px 23px 9px;
	border: 2px solid #B4BE29;
}
#gNavi li a:hover img {
	visibility: hidden;
}
#gNavi .navi01 a:hover div {
	background: url(../images/navi01_over.png) no-repeat;
}
#gNavi .navi02 a:hover div {
	background: url(../images/navi02_over.png) no-repeat;
}
#gNavi .navi03 a:hover div {
	background: url(../images/navi03_over.png) no-repeat;
}
#gNavi .navi04 a:hover div {
	background: url(../images/navi04_over.png) no-repeat;
}
#gNavi .navi05 a:hover div {
	background: url(../images/navi05_over.png) no-repeat;
}
#gNavi .navi06 a:hover div {
	background: url(../images/navi06_over.png) no-repeat;
}
.h2Ttl {
	margin-bottom: 10px;
	font-size: 13px;
	color: #ffe51a;
	padding-left: 13px;
	background: url(../images/icon01.png) no-repeat center left;
}
.h2Ttl span {
	margin-left: 20px;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
}
.sliderBox .foo {
	width: 640px;
	height: 245px;
	overflow: hidden;
	zoom: 1;
}
.sliderBox .foo li {
	width: 640px;
	height: 245px;
	float: left;
}
.sliderBox .foo img {
	display: block;
}
.sliderBox .prev {
	position: absolute;
	top: 104px;
	left: 18px;
}
.sliderBox .next {
	position: absolute;
	top: 104px;
	right: 18px;
}
.infoBox {
	margin-bottom: 10px;
}
.infoBox .sliderBox {
	width: 640px;
	height: 245px;
	float: left;
	position: relative;
}
.infoBox .rBox {
	padding: 4px 4px 5px;
	width: 312px;
	float: right;
	background-color: #005742;
}
.infoBox .rBox .ulLink li {
	margin: 0 4px 4px 0;
	float: left;
	width: 152px;
	height: 74px;
	border: 1px solid #208368;
}
.infoBox .rBox .ulLink .link02, .infoBox .rBox .ulLink .link04, .infoBox .rBox .ulLink .link06 {
	margin-right: 0;
}
.infoBox .rBox .ulLink .link05, .infoBox .rBox .ulLink .link06 {
	margin-bottom: 0;
}
.infoBox .rBox .ulLink li a {
	width: 152px;
	height: 74px;
	box-sizing: border-box;
	padding: 24px 20px;
	display: block;
	overflow: hidden;
	zoom: 1;

}
.infoBox .rBox .ulLink li img {
	float: left;
	margin-right: 8px;
}
.infoBox .rBox .ulLink li p {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.infoBox .rBox .ulLink a:hover {
	color: #FFE51A;
}
.infoBox .rBox .ulLink a:hover img {
	visibility: hidden;
}
.infoBox .rBox .ulLink .link01 a:hover {
	background: url(../images/img23_over.png) no-repeat 20px center;
}
.infoBox .rBox .ulLink .link02 a:hover {
	background: url(../images/img24_over.png) no-repeat 20px center;
}
.infoBox .rBox .ulLink .link03 a:hover {
	background: url(../images/img25_over.png) no-repeat 20px center;
}
.infoBox .rBox .ulLink .link04 a:hover {
	background: url(../images/img26_over.png) no-repeat 20px center;
}
.infoBox .rBox .ulLink .link05 a:hover {
	background: url(../images/img27_over.png) no-repeat 20px center;
}
.infoBox .rBox .ulLink .link06 a:hover {
	background: url(../images/img28_over.png) no-repeat 20px 24px;
}
.foopage {
	margin-top: -32px;
	text-align: center;
	z-index: 999;
	position: relative;
}
.foopage a {
	margin: 0 3px;
	display: inline-block;
	background: url(../images/icon05.png) no-repeat;
	width: 11px;
	height: 11px;
}
.foopage a.selected {
	background: url(../images/icon04.png) no-repeat;
}
.foopage a span {
	display: none;
}
.link {
	text-align: right;
	margin: -30px 0 10px;
}
.link a {
	padding: 3px 0 3px 25px;
	line-height: 22px;
	color: #ffe51a;
	background: url(../images/icon06.png) no-repeat left center;
}
.link a:hover {
	text-decoration: underline;
}
#main {
	padding: 16px 0;
	background: url(../images/bg02.jpg) repeat-x center top;
}
#main .mainBox {
	width: 960px;
	margin: 0 auto;
}
#main .ulList {
	margin-bottom: 10px;
	border-top: 1px solid #279979;
	border-left: 1px solid #279979;

}
#main .ulList li {
	float: left;
	border-right: 1px solid #279979;
	border-bottom: 1px solid #279979;
}
#main .ulList img {
	display: block;
}
#main .ulList li a {
	display: block;
}
#main .ulList li a:hover {
	display: block;
}
#main .ulList li a:hover img {
	visibility: hidden;
}
#main .ulList .list01 a:hover {
	background: #01563F url(../images/img03_over.png) no-repeat;
}
#main .ulList .list02 a:hover {
	background: #01563F url(../images/img04_over.png) no-repeat;
}
#main .ulList .list03 a:hover {
	background: #01563F url(../images/img05_over.png) no-repeat;
}
#main .ulList .list04 a:hover {
	background: #01563F url(../images/img06_over.png) no-repeat;
}
#main .ulList .list05 a:hover {
	background: #01563F url(../images/img07_over.png) no-repeat;
}
#main .ulList .list06 a:hover {
	background: #01563F url(../images/img08_over.png) no-repeat;
}
#main .ulList .list07 a:hover {
	background: #01563F url(../images/img09_over.png) no-repeat;
}
#main .ulList .list08 a:hover {
	background: #01563F url(../images/img10_over.png) no-repeat;
}
#main .ulList .list09 a:hover {
	background: #01563F url(../images/img11_over.png) no-repeat;
}
#main .ulList .list10 a:hover {
	background: #01563F url(../images/img12_over.png) no-repeat;
}
#main .ulList .list11 a:hover {
	background: #01563F url(../images/img13_over.png) no-repeat;
}
#main .ulList .list12 a:hover {
	background: #01563F url(../images/img14_over.png) no-repeat;
}
#main .ulList .list13 a:hover {
	background: #01563F url(../images/img15_over.png) no-repeat;
}
#main .ulList .list14 a:hover {
	background: #01563F url(../images/img16_over.png) no-repeat;
}
#main .ulList .list15 a:hover {
	background: #01563F url(../images/img17_over.png) no-repeat;
}
#main .ulList .list16 a:hover {
	background: #01563F url(../images/img18_over.png) no-repeat;
}
#main .ulList .list17 a:hover {
	background: #01563F url(../images/img19_over.png) no-repeat;
}
#main .ulList .list18 a:hover {
	background: #01563F url(../images/img20_over.png) no-repeat;
}
#main .ulList .list19 a:hover {
	background: #01563F url(../images/img21_over.png) no-repeat;
}
#main .ulList .list20 a:hover {
	background: #01563F url(../images/img22_over.png) no-repeat;
}
#main .ulList02 li {
	width: 191px;
	float: left;
	text-align: center;
}
#main .ulList02 .list21 {
	width: 190px;
}
#main .ulList02 li a {
	display: block;
	padding: 30px 0 32px;
	color: #ffe51a;
	font-size: 15px;
	font-weight: bold;
	background-color: #00684D;
}
#main .ulList02 li a:hover {
	background-color: #01563F;
}
#footer {
	padding: 10px 0 10px;
}
#footer .copyright {
	text-align: center;
	color: #7dd3bd;
	font-size: 14px;
}
 @keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes rotate {
from {
-ms-transform:rotate(0deg)
}
to {
	-ms-transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.list {
	width: 1026px;
	height: 150px;
}
.list li {
	float: left;
	width: 150px;
	height: 150px;
	position: relative;
	margin-right: 12px;
}
.list li a {
	display: block;
	width: 150px;
	height: 150px;
	text-align: center;
	color: #fff100;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}
.list li a .item {
	font-size: 18px;
	color: #8c7c63;
	position: absolute;
	top: 40px;
	height: 20px;
	line-height: 20px;
	width: 150px;
	text-align: center;
}
.list li a h6 {
	top: 58px;
	color: #ffe51a;
	font-size: 15px;
	font-family: "Arial";
	text-align: center;
	position: absolute;
	width: 150px;
	text-align: center;
}
.list li a em {
	font-size: 12px;
	top: 80px;
	position: absolute;
	left: 0;
	width: 150px;
	text-align: center;
	color: #FFF;
	font-style: normal;
}
.list li .libg {
	display: block;
	background: url(../images/img01.png) no-repeat center top;
	animation: 2s linear 0s normal forwards infinite rotate;
	-webkit-animation: 2s linear 0s normal forwards infinite rotate;
	width: 150px;
	height: 150px;
	position: absolute;
	left: 0;
	top: 0
}
.list li a:hover {
	background: url(../images/img02.png) no-repeat center top;
}
.list li.stop .libg {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}