.mainW, .header, .nav-menu ul, .main, .gddiv, .footer { width: 1000px; margin: 0 auto; overflow: hidden; }
.box, .knowledge-wrap, .news-wrap, .product-wrap { padding: 4px; border: 1px solid #cccccc; }
.box h2, .knowledge-wrap h2, .news-wrap h2, .product-wrap h2 { line-height: 30px; padding-left: 5px; background: url(../images/titBg.jpg) repeat-x center; font-size: 14px; color: white; font-weight: normal; }
/* top */
.header { line-height: 116px; }
.header .tel { width: auto; padding-left: 80px; float: right; background: url(../images/tel.jpg) no-repeat center left; font-size: 24px; color: black; font-weight: bold; }
.nav-menu { background: url(../images/navBg.jpg) repeat-x center; }
.nav-menu ul li { line-height: 40px; margin: 0 30px; float: left; }
.nav-menu ul li a { font-size: 16px; color: white; font-weight: normal; }
/* banner */
.banner { position: relative; background: white; margin: 0 auto; }
.banner .img a, .banner .img, .banner .img li { width: 100%; height: 100%; }
.banner .img { position: relative; }
.banner .img li { position: absolute; top: 0; left: 0; }
.banner .img a { display: block; }
.focus { position: absolute; width: 100%; bottom: 0; z-index: 99; text-align: center; right: 20px; height: 50px; }
.focus li { display: inline-block; *display: inline;
zoom: 1; width: 15px; height: 15px; cursor: pointer; border: 1px solid white; border-radius: 50%; position: relative; top: 11px; margin: 0 2px; text-indent: -999em; *text-indent: 0;
font-size: 0; }
.focus li.state { background: white; }
.main { margin-top: 20px; }
.main_r { width: 700px; float: right; }
.main_tit { line-height: 33px; padding-left: 10px; background: #0065b3; border-top-right-radius: 3px; border-top-left-radius: 3px; color: white; font-weight: bold; overflow: hidden; }
.main_tit h2 { padding-right: 15px; font-weight: bold; float: left; }
.content { background: #f2f2f2; }
.wrapper { overflow: hidden; }
.knowledge-wrap, .news-wrap { width: 218px; float: left; }
/* news */
.news-wrap { float: right; }
.news-list, .page-news-list { padding-top: 10px; }
.news-list li, .page-news-list li { line-height: 26px; padding-left: 16px; background: url(../images/li.jpg) no-repeat center left; }
.page-news-list { padding: 15px 30px; }
.page-news-list li { line-height: 36px; overflow: hidden; }
.page-news-list li a { width: 75%; float: left; }
.page-news-list li span { float: right; }
/* about */
.about-wrap { width: 488px; float: left; margin-left: 28px; }
.about-wrap .tit { line-height: 28px; border: 1px solid #cccccc; background: url(../images/titBg2.jpg) repeat-x center; }
.about-wrap .tit h2 { padding-left: 20px; margin-left: 10px; background: url(../images/arrow1.jpg) no-repeat center left; }
.about-wrap .txt { margin-top: 18px; overflow: hidden; }
.about-wrap .txt dt { float: left; }
.about-wrap .txt dt img { width: 243px; height: 182px; }
.about-wrap .txt dd { width: 230px; float: right; }
.about-wrap .txt dd p { line-height: 22px; white-space: pre-wrap; }
/* product */
.product-wrap { margin-top: 30px; }
.gddiv { max-width: 100%; height: 100%; margin: 30px auto 30 auto; overflow: hidden; }
.gddiv ul { float: left; height: 100%; margin: 25px 0; overflow: hidden; }
.gddiv li { margin: 0 12px; float: left; display: inline; overflow: hidden; text-align: center; }
.gddiv li a { display: block; }
.gddiv li img { width: 126px; height: 110px; border: 3px solid #eeeeee; }
.gddiv li span { font-size: 14px; color: black; font-weight: white; text-align: center; display: block; }
.innerElem { width: 9999px; clear: both; overflow: hidden; }
.innerElem ul li a { color: black; }
.innerElem ul li a:hover { color: red; }
.page-product-list { overflow: hidden; }
.page-product-list li { margin: 20px 10px 0 10px; float: left; }
.page-product-list li img { width: 206px; height: 180px; display: block; border: 3px solid #eeeeee; }
.page-product-list li span { line-height: 30px; text-align: center; display: block; }
/* picture */
.page-picture-list { overflow: hidden; }
.page-picture-list li { margin: 20px 10px 0 10px; float: left; }
.page-picture-list li img { width: 206px; height: 180px; display: block; border: 3px solid #eeeeee; }
.page-picture-list li span { line-height: 30px; text-align: center; display: block; }
/* side */
.side { width: 248px; }
.side-menu { text-align: center; margin-bottom: 20px; }
.side-menu h2 { line-height: 33px; font-weight: bold; color: white; background: #f7942e; }
.side-menu li { line-height: 33px; margin-top: 10px; background: #f5fafd; border: 1px solid #7bcafa; }
.side-menu li a { display: block; color: #0066b3; }
.side-menu li:hover, .side-menu li.active { border: 1px solid #d86e03; background: #fff9e8; }
.side-menu li:hover a, .side-menu li.active a { color: #d86e03; }
.side-contact { border: 3px solid #0065b3; }
.side-contact h2 { line-height: 61px; margin: 1px; color: white; text-align: center; font-size: 18px; font-weight: bold; background: #0065b3; }
.side-contact .detail { width: inherit; margin-top: 15px; padding: 90px 8px 15px 8px; background: url(../images/sideBg.jpg) no-repeat center top; }
.side-contact .detail p { line-height: 34px; }
/* show */
.text-title { margin: 0 20px; padding-top: 20px; border-bottom: #636363 dotted 1px; }
.text-title h1 { text-align: center; font-size: 16px; line-height: 32px; }
.text-title p { text-align: center; line-height: 26px; }
.info { padding: 15px 20px 30px 20px; margin-bottom: 15px; }
.info p { line-height: 26px; white-space: pre-wrap; }
.info p img { max-width: 100%; height: auto; }
/* footer */
.footer { margin-top: 10px; }
.link { line-height: 26px; padding: 10px; border: 1px solid #cccccc; }
.link a { margin-right: 8px; }
.copyright { padding: 15px 0; }
.copyright p { line-height: 26px; text-align: center; }
/* page */
.page { clear: both; padding: 20px 0 20px; text-align: center; }
.page a { display: inline-block; padding: 5px 15px; height: 22px; font-size: 12px; line-height: 22px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #0096dc; color: white; text-decoration: none; }
.page a.a1 { padding: 5px 15px; height: 22px; line-height: 22px; margin-top: 0px; }
.page span { display: inline-block; padding: 5px 15px; height: 22px; line-height: 22px; background: #0096dc; border: 1px solid #0096dc; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
.paging p { line-height: 30px; padding-left: 20px; }
.paging a { color: #000 }
/*sitemap*/
.sp-title { color: #888; padding: 4px 12px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; background: #FAFAFA; margin-bottom: 8px; }
.sp-title h2 { font-size: 18px; line-height: 27px; }
.sp-title h2 a { margin-left: 6px; }
.sp-title .more01 { float: right; margin: -27px 0px; line-height: 27px; }
.linkbox { padding: 10px 8px; border-bottom: 1px solid #EEE; }
.linkbox h3, .linkbox h3 a { font-size: 16px; color: #F00; }
.f6 { width: 100%; overflow: hidden; clear: both; padding-bottom: 10px; }
.f6 li { list-style: none; float: left; line-height: 14px; padding: 8px 10px 0px; white-space: nowrap; }
.f6 li a { font-size: 14px; color: #666666; float: left; }