.threeBox { background: url(../images/b_1.gif); width: 100%; height: 100%; position: relative; }
.threeHead { border-bottom: 1px solid #1BC373; width: 960px; height: 65px; margin: 0px auto; padding: 12px 0px 5px 0px; }
.threeHead .logo { float: left; }
.threeHead .crumbs { float: right; margin: 50px 20px 0px 0px; }

.threeBody { width: 965px; overflow: hidden; overflow-y: auto; margin: 0px auto; position: relative; }

.threeTitle { color: #38CC64; overflow: hidden; padding: 20px 0px 10px 0px; cursor: pointer; zoom: 1; }
.threeTitle .zh { font-weight: normal; font-size: 16px; float: left; margin-right: 20px; }
.threeTitle .en { font-weight: normal; font-size: 14px; }
.threeDescr { color: #666; margin-bottom: 20px; cursor: pointer; }
.threeDescr .zh { text-indent: 25px; }

.threeNode { overflow: hidden; overflow-y: auto; padding-bottom: 40px; zoom: 1; position: relative; }
.threeNode ul { overflow: hidden; zoom: 1; }
.threeNode ul li { background: url(../images/b_2.gif) no-repeat left top; display: inline; float: left; width: 183px; height: 121px; overflow: hidden; margin: 0px 25px 10px 25px; position: relative; }
.threeNode li p { text-align: center; padding-top: 8px; }
.threeNode li h4, .threeNode li div { display: none; }
.threeNode li h3 { line-height: 20px; }
.threeNode ul li a { color: #FFF; }
.threeNode li:hover { background-position: left -121px; }
.threeNode li:hover h4 { text-align: center; display: block; width: 100%; position: absolute; left: 0px; top: 15px; }
.threeNode li:hover div { color: #FFF; background: url(../images/b_2.gif) no-repeat -8px -121px; display: block; width: 167px; padding: 5px 0px; position: absolute; left: 8px; bottom: 0px; }
.threeNode li:hover div h2 { font-weight: normal; font-size: 12px; }
.threeNode li:hover div h2 span { font-family: Arial; float: right; }
.threeNode li:hover div h3 { font-weight: normal; font-family: Arial; font-size: 12px; }

.threeEject { background: rgba(255,255,255,0.8); border: 2px solid #06A775; display: none; width: 600px; margin-left: -300px; position: absolute; left: 50%; top: 90px; }
.threeEjectTitle { color: #38CC64; margin: 20px; opacity: 1; }
.threeEjectTitle .zh { font-weight: normal; font-size: 16px; }
.threeEjectTitle .en { font-weight: normal; font-size: 14px; }
.threeEjectDescr { overflow-y: auto; margin: 0px 20px 20px 20px; opacity: 1; }

.threeFooter { width: 480px; margin-left: -480px; position: absolute; left: 50%; bottom: 0; }
.threeFooter img { float: left; margin-right: 20px; }