/* ====================================================================
	-----   表 名 称   Name: style.css             -----
	-----   开 发 者   Developed by: Lis          -----
	-----   创建日期   Date Created: 2011-02-25   -----
	-----   更新日期   Last Updated: 2011-02-25   -----
	-----   版权信息   Copyright: Pancea Studio        -----
====================================================================== */
/* ------------ reset
--------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body { font: 12px/28px Arial, Helvetica, sans-serif, 宋体; color: #000; background: #fff url(../images/bgBody.gif) repeat-x left top; text-align: center; direction: ltr; }
a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #000; cursor: pointer; }
a:active { star:expression(this.onFocus=this.blur());
}
p { text-align: left; line-height: 22px; }
ul, ol, dl { list-style: none; }
dt, li { text-align: left; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
input, textarea, img { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
/* ------------ base
--------------------------------------------------------------------- */
.pT10 { padding-top: 10px; }
.pT15 { padding-top: 15px; }
.pT20 { padding-top: 20px; }
.pT30 { padding-top: 30px; }
.pB15 { padding-bottom: 15px; }
.mT5 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mB15 { margin-bottom: 15px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mT50 { margin-top: 50px; }
.mL20 { margin-left: 20px; }
.red { color: red; }
.redB { color: red; font-weight: bold; }
.green { color: green; }
.blue { color: #0476cc; }
.orange { color: #f8db2f; }
.font0 { font-size: 0px; }
.font11 { font-size: 11px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.noULine:hover { text-decoration: underline; }
.time { float: right; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
.hide { display:none; }
.floatL { float: left; }
.floatR { float: right; }
.center { margin-left: auto; margin-right: auto; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.w950 { width: 950px; }
.wrapper { overflow: hidden; margin: 0px auto; }
/* ------------ header
--------------------------------------------------------------------- */
#header { position: relative; width: 100%; height: 95px; margin: 0px auto; background: url(../images/bgHeader.gif) no-repeat right top; overflow: hidden; }
/* ------------ logo ------------ */
.logo { position: absolute; top: 12px; left: 20px;}
.logo a { display: block; width: 391px; height: 87px; background: url(../images/logo.gif); text-indent: -9999px;}
.topNav { position: absolute; top: 8px; right: 50px; overflow: hidden;}
.topNav ul li { float: left; background: url(../images/arrowTopNav.gif) no-repeat right center;}
.topNav ul li a { margin: 0px 14px; color: #fff;}
.topNav ul li a:hover { text-decoration: underline;}
.searchBar { position: absolute; width: 189px; height: 24px; background: url(../images/bgSearchBar.gif) right bottom; bottom: 12px; right: 5px;}
.searchBar .inputBox { width: 150px; height: 20px; line-height: 20px; padding: 0px 0px 0px 7px; background: url(../images/bgInputBox.gif) no-repeat left top; border: none; color: #414141;}
.searchBar .inputBtn { width: 28px; height: 20px; background: url(../images/bgInputBtn.gif) no-repeat left top; border: none; cursor: pointer;}
/* ------------ nav ------------ */
.nav { width: 100%; height: 32px; line-height: 32px; background: url(../images/bgNav.gif) repeat-x left top; }
/* 1st level */
#nav li { float: left; padding-right: 1px; background: url(../images/arrowNav.gif) no-repeat right center; }
#nav li a { display: block; text-decoration: none; line-height: 32px; padding: 0 20px; color: #fff; font-size: 14px; font-family: 微软雅黑; }
#nav li a:hover, #nav li a.curr { background: #2c79b3; font-weight: bold;}
/* 2nd level */
#nav li ul { position: absolute; z-index: 99; left: -999em; height: auto; border: 1px solid #2B6484; background: url(../../images/grad2.gif) repeat-x bottom #105499; }
#nav li ul li { float: none; width: 128px; padding-right: 0px; display: block; border-bottom: 1px solid #0B3A6A; border-right: none; background: none; }
#nav li ul a { display: block; padding: 5px 10px 5px 25px;  background: url(../images/arrow06.gif) no-repeat 10px center; font-size: 12px; font-family: 宋体; height: 24px; line-height: 24px; letter-spacing: 0.1em; }
#nav li ul a:hover { font-weight: normal; background: #2c79b3 url(../images/arrow06.gif) no-repeat 10px center;}
/* ------------ banner
--------------------------------------------------------------------- */
#banner { width: 100%; height: 230px; background: url(../images/bgBanner.gif) repeat-x left bottom;}
.banner { width: 100%; height: 153px; background: url(../images/bgBanner.gif) repeat-x left bottom;}
/* ------------ main
--------------------------------------------------------------------- */
/* ------------ service ------------ */
#service { float: left; width: 470px; overflow: hidden; height: 220px;}
#service ul.tab { float: left; width: 124px; height: 195px; background: url(../images/bgIndexLefts.gif) no-repeat left top; padding: 25px 0px 0px 22px;}
#service ul.tab li { width: 112px; height: 29px; line-height: 29px; padding: 0px 12px 0px 0px; cursor: pointer; color: #1e71b2; text-align: right;}
#service li.tab_title_current { color: #1b5d91; background: url(../images/bgServiceCurr.gif) no-repeat right center; font-weight: bold; }
#service div.tab_content_current { color:orange; }
#service div.tab_content_normal { display:none; }
#service .serviceCont { float: left; width: 324px; height: 220px; background: url(../images/bgServiceCont.gif) repeat-x;}

#service .serviceCont01 { display: inline;
    float: left;
    overflow: hidden;}
#service .serviceCont01 li {display: inline !important;
    float: left;
    width: 135px;
    height: 150px;
    margin-left: 8px;}
    #service .serviceCont01 li a {display: block;
     width: 135px;
    height: 150px;}
#service .serviceCont01 #demo { margin-top:35px; margin-left:10px;}
#service .serviceCont01
#service .serviceCont02 ul { margin-top:35px;}
#service .serviceCont02 ul li { line-height: 29px; padding: 0px 10px; background: url(../images/dashed.gif) repeat-x left bottom;}
#service .serviceCont02 ul li a { display: inline-block; width: 290px; overflow: hidden; padding: 0px 0px 0px 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #242424; background: url(../images/arrow01.gif) no-repeat left center;}
#service .serviceCont02 ul li a:hover { color: #0a358f;}

/* ------------ newsBar ------------ */
.newsBar { float: left; width: 450px; overflow: hidden; height: 205px; padding: 15px 15px 0px 15px; background: url(../images/bgNewsBar.gif) repeat-x;}
.newsBar dt { position: relative; width: 450px; height: 24px; padding: 0px 0px 8px 0px; border-bottom: 1px solid #becbe5;}
.newsBar dt strong { display: block; color: #1b5d91; padding: 0px 0px 0px 60px; background: url(../images/imgNewsBar.gif) no-repeat 10px bottom;}
.newsBar dt a { position: absolute; bottom: 10px; right: 10px;}
.newsBar dd { padding: 10px;}
.newsBar dd .first-news .newsImg { float: left; display: inline; margin-right: 10px; border: solid 1px #d9d9d9; padding: 1px;}
.newsBar dd .first-news .newsCont { text-align: left;} 
.newsBar dd .first-news .newsCont .newsTitle { font-weight: bold; line-height: 25px;}
.newsBar dd .first-news .newsCont .newsTitle a { display: block; width: 230px; display: block; overflow: hidden; color: 1b1b1b; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newsBar dd .first-news .newsCont .newsTitle a:hover { color: #0a358f;}
.newsBar dd .first-news .newsCont .newsDes { line-height: 18px;}
.newsBar dd .newsBarList ul li { line-height: 29px; padding: 0px 10px; background: url(../images/dashed.gif) repeat-x left bottom;}
.newsBar dd .newsBarList ul li a { display: inline-block; width: 290px; overflow: hidden; padding: 0px 0px 0px 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #242424; background: url(../images/arrow01.gif) no-repeat left center;}
.newsBar dd .newsBarList ul li a:hover { color: #0a358f;}
/* ------------ sub
--------------------------------------------------------------------- */
.sub { position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #aabccb; background: url(../images/bgSub.gif) repeat-y left top;}
/* ------------ left ------------ */
.left { float: left; width: 176px; overflow: hidden;}
.left dt { height: 38px; line-height: 38px; color: #fff; background: #2c79b3; font-size: 14px; font-family: 微软雅黑; text-align: center; letter-spacing: 0.15em;}
.left dd ul { margin: 15px 15px 0px 15px;}
.left dd ul li { background: url(../images/dashed.gif) repeat-x left bottom;}
.left dd ul li a { display: block; padding: 0px 0px 0px 20px; color: #242424; background: url(../images/arrow02.gif) no-repeat left center; letter-spacing: 0.05em;}
.left dd ul li a:hover, .left dd ul li a.curr { color: #0078ff; background: url(../images/arrow01.gif) no-repeat left center;}
.left dd.siderPic { position: absolute; bottom: 1px; left: 2px;}
/* ------------ mid ------------ */
.mid { float: left; width: 592px; overflow: hidden; border-top: 1px solid #aabccb;}
.mid dt.subTitle { position: relative; margin: 10px 15px 0px 15px; border-bottom: 1px solid #c1cdd9; padding: 0px 0px 0px 0px;}
.mid dt.subTitle strong { color: #0469b5; padding-left: 15px; font-family: 微软雅黑; font-size: 16px; letter-spacing: 0.1em;}
.mid dt.subTitle .pos { position: absolute; top: 3px; right: 5px; _right: 20px; line-height: 18px; font-family: 宋体;}
.mid dt.subTitle .pos .home { position: relative; top: -2px; margin-right: 7px;}
.mid dt.subTitle .pos a { color: #242424; vertical-align: middle;}
.mid dt.subTitle .pos a:hover { text-decoration: underline;}
.mid dd.subCont { padding: 20px 20px 20px 20px;}
/* ----- about ----- */
.about dt { color: #0b69af; font-size: 14px; padding: 0px 0px 0px 15px; background: url(../images/arrow03.gif) no-repeat left center;}
.about p { color: #3e3e3e; text-indent: 2em; margin-bottom: 10px; line-height: 30px;}
/* ----- news ----- */
.news { width: 100%; overflow: hidden; border-bottom: 1px solid #aabccb; background: url(../images/bgNews.gif) repeat-y left top;}
.news .content { width: 768px; float: left; overflow: hidden;}
.news .content dt.newsTitle { position: relative; height: 35px; line-height: 35px; border: solid #c1cdd9; border-width: 1px 0; padding: 0px 0px 0px 0px;}
.news .content dt.newsTitle strong { display: block; width: 130px; text-align: center; color: #fff; background: #2c79b3; font-family: 微软雅黑; font-size: 14px; letter-spacing: 0.15em;}
.news .content dt.newsTitle .pos { position: absolute; top: 10px; right: 10px; _right: 15px; line-height: 18px; font-family: 宋体;}
.news .content dt.newsTitle .pos .home { position: relative; top: -2px; margin-right: 7px;}
.news .content dt.newsTitle .pos a { display: inline-block; color: #242424; vertical-align: middle; letter-spacing: 0.1em;}
.news .content dt.newsTitle .pos a:hover { text-decoration: underline;}
.news .content dd.newsCont { padding: 20px 10px;}

.news .content dd.newsCont ul li { line-height: 29px; padding: 0px 10px; background: url(../images/dashed.gif) repeat-x left bottom;}
.news .content dd.newsCont ul li a { display: inline-block; width: 500px; overflow: hidden; padding: 0px 0px 0px 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #242424; background: url(../images/arrow01.gif) no-repeat left center;}
.news .content dd.newsCont ul li a:hover { color: #0a358f;}


.news .content dd.picCont { padding: 20px 10px;}
.news .content dd.picCont ul li {   display: inline;float: left;width: 167px;margin-left: 15px; margin-bottom:15px; }
.news .content dd.picCont ul li a { display:block;margin-bottom: 5px;border: 1px solid #242424;}
.news .content dd.picCont ul li a:hover { border: 1px solid #0a358f;}
.news .content dd.picCont ul li img {
    width: 165px;
    height: 145px;
}
/* ----- servicesArea ----- */
#servicesArea { width: 535px; overflow: hidden; background: url(../images/line.gif) repeat-x left 25px;}
#servicesArea ul.tab { float: left; overflow: hidden; border-left: 1px solid #a9cad9;}
#servicesArea ul.tab li { float: left; height: 26px; line-height: 26px; cursor: pointer; color: #474849; background: url(../images/bgServiceAreaLink.gif) repeat-x left bottom; padding: 0px 15px; border-right: 1px solid #a9cad9; letter-spacing: 0.1em;}
#servicesArea ul.tab li.tab_title_current { font-weight: bold; background: url(../images/bgServiceAreaHover.gif) repeat-x left bottom;}
#servicesArea div.tab_content_current { }
#servicesArea div.tab_content_normal { display:none;}
#servicesArea .tabCont { width: 513px; overflow: hidden; padding: 15px 10px; border: 1px solid #a9cad9; border-top: none;}
#servicesArea .tabCont p { text-indent: 2em; line-height: 26px; margin-bottom: 5px; color: #3e3e3e;}
/* ----- contact ----- */
.contact h2 { font-weight: bold; text-align: left; margin-left: 30px;}
.contact ul { margin: 0px 30px;}
.contact ul li { float: left; width: 235px; padding-left: 5px; background: url(../images/arrow05.gif) no-repeat left center;}
#map { width: 515px; height: 360px; border: 1px solid #afc0ce; margin: 0px auto;}
/* ------------ right ------------ */
.right { float: left; width: 182px; overflow: hidden; border-top: 1px solid #aabccb;}
.right dl { margin-top: 20px;}
.right dl dt { width: 143px; height: 27px; margin: 0px auto; line-height: 27px; color: #fff; background: url(../images/bgRightTitle.gif); font-family: 微软雅黑; font-size: 14px; letter-spacing: 0.1em; text-align: center;}
.right dl dd ul { margin: 0px 20px; padding-top: 10px;}
.right dl dd li { margin-bottom: 5px; padding: 0px 10px; background: url(../images/dashed.gif) left bottom repeat-x;}
.right dl dd li a { background: url(../images/arrow04.gif) no-repeat left center; padding: 0px 0px 0px 15px;}
.right dl dd li a:hover { text-decoration: underline; color: #0078ff;}
/* ------------ footer
--------------------------------------------------------------------- */
.footer { width: 930px; padding: 10px 10px 0px 10px; line-height: 20px; overflow: hidden; margin-left: auto; margin-right: auto; background: url(../images/bgFooter.gif) repeat-x left top; }
.footer .bottomNav { float: left; text-align: left;}
.footer .bottomNav a { margin: 0px 5px;}
.footer .bottomNav a:hover { text-decoration: underline;}
.footer .bottomNav .blue a { color: #0476cc;}
.footer .copyright { float: right; text-align: right;}
.footer .copyright a:hover { text-decoration: underline; color: #0476cc;}

/* 留言评论
----------------------------------------------------------------- */

#commentList { border-top-width: 1px; border-top-style: solid; border-top-color: #bcbcbc; float: left; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; }

.item { padding: 10px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bcbcbc; float:left; }
#commentList .odd { background-color: #f9f9f9; }
#commentList .user { float: right; display: block; }
.user .u-name { float: left; margin-right: 15px;}
.user .star {   float: left; }
.user .date-ask { margin-left: 15px;float: left; }

.answer { margin-top: 15px; float: left; }
.answer dt { background: url(../images/comments.png) no-repeat left center; float: left; padding-left: 22px; color: #069; width: 100px; line-height: 16px; height: 16px; }
.answer dd { width: 530px; float: left; color:#333; } 

.reply { float: left; background-color: #F7F7F7; border: 1px solid #F8E0C7; width: 540px; padding: 10px; margin-top: 10px; }
.odd .reply { background-color: #fff; } /* 橙色框内，管理员答复为白色底，以便区分 */
.reply dt { font-weight: bold; color: #F90; width: 530px;  }
.reply dt i { font-style: normal; color: #666; float: right; font-weight: normal; }
.reply dd { color: #F00; margin-top: 10px; }


.commentform { border: 1px solid #bcbcbc; margin: 20px 0 0 0; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; background-position: left top; }
.commentform .nTitle { font-size: 16px; background: url(../images/comment_edit.png) no-repeat 10px center; padding-left: 32px; border-bottom: 1px solid #bcbcbc; line-height: 30px; height: 30px; color: #333; }

#comment_form { margin: 20px 10px 10px 20px; }
#comment_form dl { float:left; padding: 0 0 10px 0; list-style-type:none; }
#comment_form dl dt { float:left; line-height: 28px; width: 75px; text-align: right; margin: 0 5px 0 0;list-style-type:none;  }
#comment_form dl dd { float:left; line-height: 28px; }
#comment_form input,#comment_form textarea { padding: 3px; }
#comment_form dl dd .textarea { height: 100px; width: 340px; }

/*----------------------------------------------------------------- */
.blue_box { padding: 5px; border: 1px solid #D2E8FA; font-size: 14px; background-color: #f1f7fd; text-align: center; }
.blue_box a { color: #069; }
.blue_box a:hover { color: #333; }
/*----------------------------------------------------------------- */
.p_n_b { height: 30px; width: 618px; line-height: 30px; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ddd; border-right-color: #bcbcbc; border-bottom-color: #bcbcbc; border-left-color: #ddd; margin-top: 30px; padding-right: 15px; padding-left: 15px; overflow:hidden;}
.p_n_b a { width: 206px; display: block; height: 28px; float: left; margin-bottom: 20px; }
.previous {}
.back { text-align: center; }
.next { text-align: right; }


#demo {
	overflow: hidden;
	width:300px;
	height: 150px;
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo1 ul 
{
	margin-bottom:10px;
	height: 150px;
}
#demo2 {
	float: left;
}