﻿@charset "utf-8";
body { padding: 0px; width: 1024px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: "Microsoft YaHei"; font-size: 15px; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
.clear { clear: none; }

.header { background-image: url(images/top.jpg); background-repeat: no-repeat; background-position: center top; height: 740px; position: relative; }
.header .nav { height: 60px; position: absolute; left: 0px; right: 0px; bottom: 60px; }
.header .nav li { float: left; line-height: 60px; width: 118px; text-align: center; padding-right: 55px; padding-left: 55px; }
.header .nav li a:link, .header .nav li a:visited { color: #000; text-decoration: none; display: block; }
a.green { background-image: url(images/green.png); background-repeat: no-repeat; background-position: center center; }
a.yellow { background-image: url(images/yellow.png); background-repeat: no-repeat; background-position: center 8px; }
a.red { background-image: url(images/red.png); background-repeat: no-repeat; background-position: center 26px; }
a.blue { background-image: url(images/blue.png); background-repeat: no-repeat; background-position: center 12px; }
.tabbox { height: 1570px; text-align: center; }
.tabmenu { height: 24px; padding-right: 28px; }
.tabmenu ul { border-right-width: 1px; border-right-style: solid; border-right-color: #8cc63f; height: 24px; }

.tabmenu ul li { float: right; text-align: center; height: 24px; width: 94px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #8cc63f; border-bottom-color: #8cc63f; border-left-width: 1px; border-left-style: solid; border-left-color: #8cc63f; line-height: 24px; font-family: "Microsoft YaHei"; font-size: 14px; cursor:pointer; }
li.active { color: #FFF; background-color: #8cc63f; }
.tb2box { height: 1520px; background-image: url(images/bg01.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 222px; margin-top: 40px; }
.p01 ul { padding-left: 8px; }

.p01 ul li { float: left; margin-top: 5px; margin-right: 2px; margin-left: 3px; padding: 0px; margin-bottom: 0px; display: block; height: 120px; width: 162px; z-index: 1; cursor:pointer; }
.p01 ul li span { position: relative; }

.p01 ul li img { height: 120px; width: 162px; }

.p01 ul li p.first { display: none; position: absolute; left: 130px; color: #FFF; background-color: #e9b769; top: -196px; white-space: nowrap; /* Gecko browsers */ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px;
 }
.p01 ul li p.last { display: none; position: absolute; color: #FFF; background-color: #e9b769; top: -196px; white-space: nowrap; /* Gecko browsers */ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; right: -130px; }


.p02 ul { padding-left: 18px; }

.p02 ul li { float: left; margin-top: 5px; margin-right: 2px; margin-left: 3px; padding: 0px; margin-bottom: 0px; display: block; height: 178px; width: 243px; z-index: 1; cursor: pointer; }
.p02 ul li span { position: relative; }

.p02 ul li img { height: 178px; width: 243px; }

.p02 ul li p.first { display: none; position: absolute; left: 160px; color: #FFF; background-color: #e9b769; top: -296px; /* Gecko browsers */ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; width: 540px; padding: 20px; font-size: 12px; }
.p02 ul li p.last { display: none; position: absolute; color: #FFF; background-color: #e9b769; top: -296px; /* Gecko browsers */ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; right: -160px; width: 540px; padding: 20px; font-size: 12px; }
.tit { font-size: 16px; display: block; }
.tit2 { font-size: 14px; display: block; }
.box3 { background-image: url(images/bg02.jpg); background-repeat: no-repeat; background-position: center center; height: 767px; margin-top: 80px; position: relative; }
.box3 .richeng { font-size: 13px; line-height: 18px; position: absolute; left: 265px; top: 220px; font-family: "Microsoft YaHei"; color: #FFF; }
.box3 .richeng p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 2em; }
.box3 .richeng h1 { font-size: 18px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.box3 .richeng h2 { font-size: 13px; font-weight: normal; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }


.box4 { background-image: url(images/bg03.jpg); background-repeat: no-repeat; background-position: center center; height: 767px; margin-top: 80px; position: relative; }
.box4 .mtbd { width: 560px; position: absolute; left: 260px; top: 220px; }
.box4 .mtbd ul li { line-height: 25px; height: 25px; color: #535656; }
.box4 .mtbd ul li a { float: left; }
.box4 .mtbd ul li span { float: right; }
.box4 .mtbd ul li a:link, .box4 .mtbd ul li a:visited { color: #565656; text-decoration: none; }



.tabmenu2 { height: 24px; padding-right: 28px; }
.tabmenu2 ul { border-right-width: 1px; border-right-style: solid; border-right-color: #e9b769; height: 24px; }

.tabmenu2 ul li { float: right; text-align: center; height: 24px; width: 94px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9b769; border-bottom-color: #e9b769; border-left-width: 1px; border-left-style: solid; border-left-color: #e9b769; line-height: 24px; font-family: "Microsoft YaHei"; font-size: 14px; cursor: pointer; }
li.active2 { color: #FFF; background-color: #e9b769; }



.footer { background-color: #000; text-align: center; }
