﻿
/*-----------------------------------------------Common------------------------------------------*/
body{ font-size:10pt; font-family:"Arial"; padding:0; margin:0; color:#666; background:url(../images/bg.jpg) repeat #000}
a{ text-decoration:none; color:#666; font-size:10pt;}
a:hover{ text-decoration:underline}
a img{ border:0}
.btn_s{ background:url(../images/btn_s.png) no-repeat 0 0; width:64px; height:24px; border:0; font-size:9pt}
.btn_m{ background:url(../images/btn_m.png) no-repeat 0 0; width:84px; height:24px; border:0; font-size:9pt}
.info{ height:35px; line-height:35px; border:solid 1px #5FB8F4; background:#CBE8F6; width:690px; margin:10px; padding:0 10px; letter-spacing:1px}
.txt{ background:url(../images/txt.png) repeat-x 0 0; border:solid 1px #ccc; padding:2px}

.main{ width:960px; 
overflow:hidden;  margin:0 auto
}


.top-headimg{ height:20px; width:960px; background-color:#EEEEBB; margin:0 auto; padding:2px 0px 2px 0px;  text-align:right; clear:both}
.top-bg{ height:120px; width:960px; background:url(../images/top_bg.png) no-repeat 0 0 #fff; margin:0 auto; padding:15px 0px 0px 0px; clear:both}
.top-left-wrap{ width:680px; float:left;}
.top-right-wrap{ float:right; width:280px; padding:60px 0 0 0; }
.top-right-forumswrap{ float:right; width:500px; padding:73px 0 0 0}
.rightuserinfo{ float:right; width:250px; padding:5px 0px 0px 0px}
.top-logo{ border:0; margin:20px 0 0 20px}
.logo{ float:left; width:500px; margin:25px 0 0 10px}
.logo h1{ font-size:15pt; color:#999; font-weight:700; margin:0; padding:0; font-style: italic; letter-spacing:1px}
.language{ float:right; margin:10px 10px 0 0; letter-spacing:1px}

.nav{ height:39px; width:960px; margin:0 auto;}
.nav-menu{ background:url(../images/nav_bg.png) repeat-x 0 0; height:39px; font-family:"Microsoft YaHei","SimHei";}
.nav-menu ul{ list-style:none; margin:0; padding:0}
.nav-menu li{ width:120px; height:39px; line-height:39px; list-style-type:none; float:left; text-align:center; background:url(../images/nav_split.png) no-repeat right 13px;}
.nav-menu a{ color:#333; font-weight:700; letter-spacing:1px}
.nav-menu a:hover{ text-decoration:none}
.nav-menu .focus{ background:url(../images/nav_focus.png) no-repeat 0 0; width:120px; height:39px; line-height:39px}
.nav-menu .focus a{ color:#fff; font-weight:700}

.content{ width:960px; margin:0 auto;  overflow:hidden; background:#FFFFFF}
.content-banner{ width:960px; margin:0 auto; height:300px}
.content-banner a{ color:#fff}
.content-banner img{ border:0}
.content-short{ float:left; width:202px; overflow:hidden; padding:5px}
.content-short-wrap{ border:solid 1px #ddd; width:202px; overflow:hidden;}
.content-long{ float:left; width:743px; margin:5px 0 0 5px; overflow:hidden;}
.pcontent-long{ float:left; width:775px; margin:5px 0 0 5px; overflow:hidden;}
.pcontent-project{ float:left; width:760px; margin:5px 0 0 20px; overflow:hidden;}
.content-forum{ float:left; width:960px; margin:0px 0 0 0px; overflow:hidden;}
.content-title{ padding:0 10px; height:30px; line-height:30px; background:url(../images/bar.png) repeat-x 0 0 #fff; width:743px; clear:both}
.pcontent-title{ padding:0 10px; height:30px; line-height:30px; background:url(../images/bar.png) repeat-x 0 0 #fff; width:775px; clear:both}
.content-forumtitle{ padding:0px 1px;  line-height:30px; background:url(../images/bar.png) repeat-x 0 0 #fff; width:960px; clear:both}
.content-looktopictitle{ padding:0px 10px;  line-height:30px; background:url(../images/bar.png) repeat-x 0 0 #fff; width:743px; clear:both}
.content-title .title{ font-family:"Arial","SimHei"; font-size:14px; font-weight:700; color:#666; letter-spacing:1px; float:left}
.content-forumdiv{border:1px; border-color:Gray; border-style:groove;}
.content-title .more{ float:right; padding:0px 20px 0px 0px;}
.content-title .more a{ color:#fff; background:url(../images/more_bg.png) no-repeat 0 0; padding:0 12px 0 6px;}
.content-item{ padding:0px; line-height:1.8em;}
.content-item ul{ list-style:none; margin:0; padding:0}
.content-item li{ height:25px; line-height:25px; font-size:9pt; font-family:"SimSun","SimHei";}
.content-item li a{ line-height:25px; font-size:9pt; font-family:"SimSun","SimHei"; padding-right:5px; float:left}
.content-item .date{ float:right}
.content-item img{ border:0}
.contents{ padding:10px; line-height:1.8em; font-size:14px;}
.contents img{ margin:5px}

.about-banner{ width:960px; margin:0 auto; height:200px; background:url(../images/about_banner.jpg) no-repeat 0 0}
.product-banner{ width:960px; margin:0 auto; height:200px; background:url(../images/product_banner.jpg) no-repeat 0 0}
.news-banner{ width:960px; margin:0 auto; height:200px; background:url(../images/news_banner.jpg) no-repeat 0 0}

.bottom{ width:960px; margin:0 auto; background:url(../images/bottom_bg.png) repeat-x 0 bottom #F0F0F0; color:White;}
.bottom a{ color:White;}
.bottom-nav{ width:960px; margin:0 auto; text-align:center; padding:10px 0; letter-spacing:1px; background:#8F8F8F; color:White;}
.bottom-nav a{color:White;}
.copyright{ width:960px; margin:0 auto; text-align:center; font-size:9pt; color:#777; padding:20px 0 10px 0}

.tree-title{ font-size:11pt; text-align:center; font-weight:700; font-family:"Microsoft YaHei","SimHei"; height:35px; line-height:35px; padding-left:20px; background:url(../images/tree_title_bg.png) repeat-x 0 0; color:#333; letter-spacing:2px; clear:both}
.tree-item{ font-weight:700; height:35px; line-height:35px; padding-left:38px; background:url(../images/plus.png) no-repeat 15px 9px #fff; border-bottom:dashed 1px #ddd}
.tree-item a{ font-size:9pt; color:#333}
.tree-item-focus{ font-weight:700; height:35px; line-height:35px; padding-left:38px; background:url(../images/plus.png) no-repeat 15px -30px #F0F0F0; border-bottom:dashed 1px #ddd}
.tree-item-focus a{ font-size:9pt; color:#333}
.tree-item-child{ font-weight:700; height:35px; line-height:35px; padding-left:58px; background:url(../images/plus.png) no-repeat 35px 9px #fff; border-bottom:dashed 1px #ddd}
.tree-item-child a{ font-size:9pt; color:#333}
.tree-link{ float:left; padding:10px 5px}
.tree-link img{ border:0}
.tree-contact{ height:60px; background:url(../images/contact.png) no-repeat 0 0}
.tree-contact-gonggao{ padding:0px 0px; line-height:1.6em; font-size:10pt}
.tree-contact-content{ padding:0px 0px;line-height:1.6em; font-size:8pt}

.about-img{ width:200px; height:150px; padding:15px 10px; float:left}
.pabout-img{ width:160px; height:160px; padding:15px 5px; float:left}
.about-head{ width:100px; height:100px; padding:0px 20px 0px 0px; float:left}
.about-zsjm{ width:165px; height:125px; padding:15px 10px; float:left}
.about-content{ padding:0px; line-height:1.7em;}
.about-imglist{ width:200px; height:150px; padding:5px 150px 0px 0px; float:right}
.about-contentlabel{ padding:0px 0px 0px 0px; line-height:1.7em;overflow:auto;}
.about-forumuser{ padding:0px 0px 0px 30px; line-height:1.7em;}
.about-imgin{ width:100%; height:200px; padding:15px 20px 0px 0px; text-align:center}
.about-label{ width:100%;   white-space:pre-line;
height:100%;  padding:5px 5px 0px 0px; text-align:left
}

.pagenext{ padding:5px 10px; background:#f7f7f7; border:dashed 1px #ccc; height:25px; line-height:25px; margin:0 auto; width:640px}
.pagenext div{ float:left; width:310px; overflow:hidden; white-space:nowrap}

/*-----------------------------------------------Search------------------------------------------*/
.txtSearch{ background:url(../images/txt.png) repeat-x 0 0; border:solid 1px #ccc; padding:2px; color:#999; height:16px}
.btnSearch{ background:url(../images/btn_search.png) no-repeat 0 0; width:50px; height:22px; border:0; font-size:9pt; color:#fff; cursor:pointer}

/*-----------------------------------------------Home Page------------------------------------------*/
.home-img{ width:250px; height:170px; background:url(../images/about.png) no-repeat 5px 15px; padding:15px 10px; float:left}
.home-about{ padding:10px 0; line-height:1.7em;}
.home-link a{ color:#FF7B02; font-weight:700; border-bottom:dashed 1px #FF7B02}
.home-news-title{ padding:0 40px; background:url(../images/home_news.png) no-repeat 0 0; height:30px; line-height:30px}
.home-news-title .title{ font-family:"Arial","SimHei"; font-size:14px; font-weight:700; color:#129DCC; letter-spacing:2px; float:left}
.home-news-item{ padding:5px 10px; width:710px; overflow:hidden}
.home-news-item ul{ list-style:none; margin:0; padding:0}
.home-news-item li{ height:25px; line-height:25px; font-size:9pt; font-family:"SimSun","SimHei"; width:355px; float:left}
.home-news-item li a{ line-height:25px; font-size:9pt; font-family:"SimSun","SimHei"; padding-right:5px; float:left}
.home-box{ background:url(../images/home_box_bg.png) repeat-x 0 0 #fff; width:948px; overflow:hidden; padding:10px 0 0 10px; height:170px}
.home-box-item{ width:163px; float:left; margin:0 0px 10px 0; padding:8px 12px; line-height:1.5em; text-align:center}
.home-box-item-img img{ padding:1px; border:solid 1px #ddd}
.home-box-item-url{ height:30px; line-height:30px}
#demo{ overflow: hidden;width:730px; height: 150px; padding-top:10px}

/*-----------------------------------------------List Page------------------------------------------*/
.list-long{ width:700px; float:left; padding:10px 0}
.list-long ul{ list-style:none; margin:0; padding:0}
.list-long li{ height:28px; line-height:28px; font-size:9pt; font-family:"SimSun","SimHei"; border-bottom:dashed 1px #ddd}
.list-long li a{ line-height:28px; font-size:9pt; font-family:"SimSun","SimHei"; padding-right:5px; float:left}
.list-long .date{ float:right}
.list-long-nav{ background:url(../images/list_nav_bg.png) no-repeat 0 0 #F5F5F5; height:32px; line-height:32px; padding:0 10px}

.list-long-content{ padding:10px; width:658px; overflow:hidden}
.list-long-content h1{ font-size:13pt; text-align:center; line-height:20px; display:block; font-weight:700; color:#333}
.list-long-content-info{ text-align:center; padding-bottom:15px; color:#999; border-bottom:dashed 1px #ddd}
.list-long-content-content{ line-height:2em; padding-top:15px; font-size:11pt}

.list-long-item{ padding:0 10px}
.list-long-item-title a{ font-size:12pt; line-height:30px; font-weight:700}
.list-long-item-info{ color:#999; font-style:italic}
.list-long-item-content{ line-height:1.8em; color:#666}
.list-long-item .img{ border:solid 1px #ccc; padding:2px}
.list-long-item ul{ list-style:none; margin:0; padding:0}
.list-long-item li{ height:30px; line-height:30px; border-bottom:dashed 1px #ddd; background:url(../images/news_arrow.gif) no-repeat 0 10px; padding-left:12px}
.list-long-item li a{ line-height:30px; font-size:10pt; font-family:"SimSun","SimHei"; padding-right:10px; float:left}
.list-long-item .date{ float:right; font-size:9pt; font-family:"Arial","SimHei"; }

.list-short{ width:250px; float:left; margin-left:10px}
.list-short-item{ margin:10px 0 10px 0}
.list-short-title{ height:28px; line-height:28px; background:url(../images/list_title_bg.png) no-repeat 0 0; padding:0 10px; color:#599329; font-weight:700; font-family:"Microsoft YaHei","SimHei"; letter-spacing:2px;}
.list-short-content{ border:solid 1px #ccc; border-top:0; background:#fff; line-height:1.5em; padding:10px; width:228px}
.list-short-contentAD{ border:solid 1px #ccc; border-top:0; background:#fff; line-height:1.5em; padding:5px 0; text-align:center}
.list-short-contentAD img{ border:0}
.list-short-menu{ height:30px; line-height:30px; background:url(../images/list_menu_bg.png) repeat-x 0 bottom; padding:0 20px; margin-bottom:10px}
.list-short-menu-focus{ height:30px; line-height:30px; background:url(../images/list_menu_focus_bg.png) repeat-x 0 bottom; padding:0 20px; margin-bottom:10px}
.list-short-menu-focus a{ font-weight:700; color:#444;}

.list-whole{ width:960px; float:left; padding:5px 0}
.list-whole-ad img{ border:0}
.list-whole-nav{ background:url(../images/list_nav_whole_bg.png) no-repeat 0 0 #F5F5F5; height:32px; line-height:32px; padding:0 10px}
.list-whole-content{ background:#fff; border:solid 1px #ccc; border-top:0; padding:10px 20px; width:918px; overflow:hidden}
.list-whole-content h1{ font-size:15pt; text-align:left; line-height:20px; display:block; font-weight:700; margin:0; padding:10px 0; font-family:"Microsoft YaHei","SimHei"; color:#599329; letter-spacing:1px}
.list-whole-content-content{ line-height:2em; padding-top:15px; font-size:11pt}

/*-----------------------------------------------Product------------------------------------------*/
.product-item{ text-align:center; width:142px; float:left; overflow:hidden; padding:10px; margin:9px}
.product-item-img{ height:120px}
.product-item-a{ font-weight:700;}
.product-main-img{ width:350px; height:300px; float:left; padding:10px}
.product-main-img img{ border:solid 1px #999; padding:20px}
.product-detail div{ height:22px; line-height:22px}
.product-desc-title{ height:30px; line-height:30px; border-bottom:dashed 1px #ddd; width:700px; padding:0 0 10px 10px; font-weight:700; font-size:15pt; font-style:italic; clear:left}
.product-desc{ width:700px; padding:10px; line-height:2em; clear:left}
.product-img-shot{ padding:10px 0}
.product-img-shot img{ border:solid 1px #ddd; padding:2px; margin:5px}

/*-----------------------------------------------Album------------------------------------------*/
.album-item{ text-align:center; width:172px; height:193px; float:left; overflow:hidden; background:url(album.jpg) no-repeat 0 0 #fff; margin:0 3px}
.album-item-img{ padding:20px 0}
.album-item-a{ font-weight:700;}

/*-----------------------------------------------Recruit------------------------------------------*/
.recruit{ margin:10px 0 15px 15px; text-align:left;}
.recruitBD{ background:#ddd}
.recruitTD{ background:#F5F5F5}
.recruitTitle{ height:30px; line-height:30px; color:#338ADD; font-weight:bold;}

/*-----------------------------------------------Comment------------------------------------------*/
.comment-post{ margin:20px; border:solid 1px #ddd; width:650px}
.comment-post-title{ padding:6px; font-weight:bold; background:url(../images/titlebar.png) repeat-x top; border-bottom:solid 1px #E4E4E4}
.comment-post-div table{ margin:10px 0 10px 15px}
.comment-post-div table td{ height:30px}
.comment-post-div-content{ height:162px !important}

/* Pager */
.pager{ text-align:center; height:30px; line-height:30px; letter-spacing:1px; font-family:"SimSun","SimHei"; clear:both}
.pager FONT{padding:2px; border:1px solid #ccc; text-decoration:none;}
.pager td.Pager{padding:2px;padding-right:25px;}
.pager span.Pager{padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pager td.Pager span span{color:#333;background:#eee; padding:4px 7px 4px 7px; }
.pager td.Pager a{color:#333}
.pager td.Pager a:hover{ color:#fff}
.pager td.Pager a:hover span.Pager{background:#eee}
.pager input.PagerBtn{border:1px solid #aaa;  height:20px; padding:1px 0px; margin:0 5px -2px 0;}
.pager input.PagerInput{border:solid 1px #FEAB2D; height:16px; margin:0 5px -2px 0; text-align:center}
.pager a.Pager{text-decoration:none;}
.CustomInfo{ display:none}

/* Page Content */
.pageContent{ width:100%}
.pageContent .pager{ text-align:center; padding:5px}
.pageContent .pager a{ padding:5px; text-decoration:none; font-size:9pt; color:#333}
.pageContent .pager span{ padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pageContent .pager .focus span{ background:#eee}
.page-break{ display:none}


