﻿body, #header, #topNav ul, #topNav li, #pageHeader, #pageNav ul, #banner, #content, #content h3, #content p, #rightCol ul, #footer{ margin: 0px; padding: 0px; }
html{ background: #fff; }
body{ background: #fff; color: #222; font-family: 微软雅黑, 宋体, Verdana, Arial; font-size: 14px; }
ul{ list-style: none; }
a{ color: #06C; text-decoration: none; }
#box{ width: 900px; margin: 0px auto; }
/* 头部 */
#header{ height: 52px; margin-bottom: 10px; margin-top: 40px; }
#pageHeader{ margin-top: 20px; }
#logo{ display: block; float: left; height: 52px; }
#pageLogo{ display: block; height: 52px; }
/* 导航 */
#topNav{ float: right; width: 560px; background: #706f6f; height: 25px; line-height: 25px; margin-top: 27px; }
#pageNav{ clear: both; background: #706f6f; height: 25px; line-height: 25px; margin-top: 20px; }
#topNav ul li, #pageNav ul li{ float: left; width: 70px; }
#topNav a, #pageNav a{ color: #fff; display: block; float: left; font-size: 16px; text-align: center; width: 70px; height: 25px; line-height: 25px; }
#topNav a:hover, #pageNav a:hover{ background: #3d3d3d; color: #fff; }
#topNav a.selected, #pageNav a.selected{ background: #ec6408; }
/* banner */
#banner, .viewHolder{ width: 900px; height: 380px; overflow: hidden; }
#banner .arrow{ position: absolute; width: 300px; height: 48px; margin: 332px 0px 0px 600px; z-index: 9999; }
#banner .arrow span{ display: block; float: right; width: 10px; height: 9px; background: url(../images/arrowPage_1.png) no-repeat; margin: 28px 2px 0px 2px; }
#banner .arrow span.selected{ background: url(../images/arrowPage_2.png) no-repeat; }
#banner .arrowLeft{ display: block; float: right; width: 44px; height: 37px; background: url(../images/arrowLeft_1.png) no-repeat; margin: 11px 10px 0px 20px; }
#banner .arrowRight{ display: block; float: right; width: 58px; height: 48px; background: url(../images/arrowRight_1.png) no-repeat; margin-right: 20px; }
#banner .arrowLeft:hover{ background: url(../images/arrowLeft_2.png) no-repeat; }
#banner .arrowRight:hover{ background: url(../images/arrowRight_2.png) no-repeat; }
/* banner动画 */
.view-holder{ margin: 0px; padding: 0px; overflow: hidden; position:relative; }
.view-holder-inner{ margin: 0px; padding: 0px; overflow: hidden; position: relative; }
.view{ float: left; display: inline-block; }
/* 首页内容 */
#introduce, #culture, #rightCol{ float: left; height: 240px; border: solid 1px #bdbdbd; overflow: hidden; }
#introduce h3, #culture h3, #rightCol h3{ display: block; height:  30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #000; }
#introduce h3 span, #culture h3 span, #rightCol h3 span{ color: #ec6408; font-size: 10px; font-family: Verdana; font-weight: normal; }
#introduce p, #culture p{ width: 280px; margin: 10px; font-size: 12px; line-height: 20px; }
#introduce p a, #culture p a{ color: #000; }
#introduce p a:hover, #culture p a:hover{ color: #ec6408; }
#introduce{ width: 300px; }
#culture{ width: 300px; margin: 0px 10px; }
#rightCol{ width: 274px; }
.rightCol_1, .rightCol_2{ padding: 20px 0px; border-top: solid 1px #bdbdbd; margin: 0px; overflow: hidden; }
.rightCol_1{ background: #fff4ec; height: 80px; }
#rightCol img{ float: left; display: block; margin: 0px 10px; }
.rightCol_1 p, .rightCol_2 p{ width: 170px; float: left; font-size: 12px; line-height: 20px; }
.rightCol_1 span{ display: block; }
.rightCol_2 span{ line-height: 46px; }
/* 页面内容 */
#content{ margin-top: 10px; }
#pageContent{ width: 755px; overflow: hidden; float: left; }
#pageImg{ width: 135px; float: right; margin-top: 20px; }
#pageContent h1.title{ display: block; clear: both; color: #000; font-size: 20px; padding: 25px 0px 5px 0px; margin: 0px; border-bottom: 1px #ccc solid; }
#pageContent h1.title span{ color: #ec6408; font-style: oblique; font-family: Verdana; font-size: 16px; }
#pageContent h3.subTitle{ display: block; color: #000; font-size: 16px; margin: 20px 0px 0px 0px; }
#pageContent h3.subTitle span{ color: #ec6408; font-family: Verdana; font-size: 12px; }
#pageContent .text{ line-height: 22px; }
#pageContent .text strong{ color: #000; }
#pageContent .text a{ color: #ec6408; }
#pageContent .text a:hover{ text-decoration: underline; }
#pageContent table{ border: 1px silver solid; border-collapse: collapse; width: 70%; margin: 20px auto; }
#pageContent table th, #pageContent table td{ border: 1px silver solid; padding: 0.5em; }
#pageContent table th{ background: #eee; color: #000; }
#pageContent img{ max-width: 900px; }
.SuccessStories_list{ width: 678px; margin: 10px auto; }
.SuccessStories_list dl dt{ clear: both; padding: 10px 0px; margin-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom: dotted 1px #ccc; }
.SuccessStories_list dl dd{ width: 206px; height: height: 130px; line-height: 24px; text-align: center; float: left; margin: 5px 10px; }
.joinUs_list{ margin-top: 20px; }
.joinUs_list dt{ font-weight: bold; color: #000; padding: 20px 0px 10px 0px; border-bottom: dotted 1px #ccc; }
.joinUs_list dt span{ font-size: 12px; font-family: Verdana; color: #ec6408; }
.joinUs_list dd{ line-height: 24px; color: #444; display: block; padding: 10px 20px; margin: 0px; font-size: 12px; }
.joinUs_list dd strong{ color: #222; font-weight: normal; }
.contactUs_img{ border: solid 1px #ccc; float: left; margin-top: 20px; }
.contactUs_text{ float: left; margin: 20px 0px 0px 30px; }
/* 页脚 */
#footer { clear: both; color: #888; font-size: 12px; text-align: center; padding: 20px 0px; line-height: 18px; }
#footer a{ color: #ec6408; }