@charset "utf-8";
/*
--CSS Document--
Author:Haisom
Date:2010年3月4日
----------------
*/

/*公共*/
* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px Arial, Helvetica, sans-serif, "微软雅黑", "幼圆";
color: #3a3a3a; text-align: left; background: #1e5e72 url(../images/bg.gif) repeat-x 0 0; padding-top: 10px; }
a { color: #343333; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline;color: #000;}
.box{ margin:auto; margin-top:0px; width:957px;/* height:825px;*/height:auto !important; height:825px;min-height:825px; background-color:#FFF;}
.box_top{ height:8px; background-image:url(../images/box_bgt.gif); background-repeat:no-repeat;}
.box_bottom{ height:25px;background-image:url(../images/box_bgb.gif); background-repeat:no-repeat; }
.clear{ clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }

/*index*/
.container{ /*height:792px;*/height:auto !important; height:792px;min-height:792px;}
.top{ width:947px; height:170px; margin-left:19px;}
.topl{ width:590px; float:left;}
.topr{ width:337px; float:left;}
.logo{height:75px; background-color:#FFF;}
.menu{ height:95px; background-image:url(../images/menu_bg2.gif); background-repeat:no-repeat;}
.temp{ height:60px;}
.temp span{ float:right; margin-top:10px; margin-right:19px; }
.temp span a{color:#CCC;}
.temp span a:hover{ color:#333;}
.ts{ height:110px;}
.menu .btList{ float:left; width:500px; height:75px; margin-left:5px;}
.btList ul{ list-style-type:none; padding-top:27px; text-align:center;}
.btList li{ float:left; height:29px; width:67px; background-image:url(../images/bn2.gif); background-repeat:no-repeat; 
margin-left:5px; padding-top:8px; font-size:14px; }
.btList .bt1{ height:29px; width:67px; background-image:url(../images/bn1.gif);}
.btList .bt2{ height:29px; width:67px; background-image:url(../images/bn2.gif);}
.btList li a:hover{ text-decoration:none; font-weight:bolder;}
.newsAndPic{ height:208px; margin-left:19px;}
.newsAndPic .news{ width:256px; height:205px; float:left;background:#5381ac url(../images/xwbg.gif) no-repeat; }
.news .time{margin-top:44px;padding-left:86px;font-size:12px;font-weight:bold;letter-spacing:4px; color:#FFF;}
.news .newsSpan{height:110px; width:235px;margin-top:10px; margin-left:10px; overflow:hidden; color:#393838;}
.news .newsSpan ul{ list-style-type:square; margin-left:10px; list-style-position:inside; letter-spacing:2px; line-height:18px;}
.news #scroll li{ font-size:12px; white-space:pre-line; display:block; width:220px;}
.news .more,.more2{ display:block; margin-top:8px; text-align:right; margin-right:13px;}
.news a{ color:#393838;}
.more a{ color:#999;}
.news a:hover,.more a:hover{ color:#333;}
.more2 a{ color:#FFF;}
.newsAndPic .picSpan{ float:left;height:188px; width:657px;border:#5381ac solid 5px;margin-left:-5px; padding-top:7px;/* background-color:#5381ac;*/}
.scroller{border:1px solid #ddd}
.scroller .block{overflow:hidden}
.scroller .block a{display:block}
.scroller .guide{position:absolute}
.scroller .guide p{background:url(../images/num_bg.gif);color:#fff;font-weight:bold;font-size:12px;float:left;margin:0 0 0 5px;line-height:18px;padding:0 6px;cursor:pointer;display:inline}
.scroller .guide .now{background:#4e9182}
.scroller .flat{position:absolute;}
.scroller .flat a{display:block}
.ad {font-size: 10px; width:645px; margin:0 auto;}
.mainLeft{ width:256px; float:left; margin-left:19px; }
.mainLeft .line{ height:8px; background-image:url(../images/line.gif); background-repeat:no-repeat; background-position:center; margin-bottom:5px;}
.mainLeft .hr{height:58px;}
.mainLeft .readmeSpan{ height:134px; background-image:url(../images/readme.gif); margin-top:15px;}
.readme{ padding-top:50px;}
.readme ul{ list-style-type:square; list-style-position:inside; line-height:20px; margin-left:15px; padding-right:10px;}
.readme ul li{background-image:url(../images/down.gif); background-repeat:no-repeat; background-position:right;}
.mainLeft .linkSpan{ height:35px; background:#5381ac url(../images/lk.gif) no-repeat; margin-top:15px; padding-top:25px; margin-bottom:8px;}
.mainLeft .linkSpan .link{margin-left:22px;}
.link select{ font-size:12px; width:214px; letter-spacing:2px;}
.mainRight{ height:310px;width:652px; float:left; background-color:#f1f1f2; margin-top:10px; margin-left:8px;overflow:hidden;}
.mainRight .bookmark1,.mainRight .bookmark{ width:196px; height:312px; background-image:url(../images/bookmark.gif); float:left;}
.mainRight .bookmark2{width:196px; height:312px; background-image:url(../images/bookmark2.gif); float:left;}
.mainRight .bookmark1{ margin-left:7px; margin-right:10px;}
.mainRight .bookmark,.mainRight .bookmark2{margin-left:10px; margin-right:10px; }
.mainRight span{display:block; height:21px;}
.mainRight .subject{ height:24px; padding-left:95px; padding-top:8px;}
.mainRight .content{ height:220px; width:160px;margin:10px 15px 2px 15px;}
.mainRight .content ul{ list-style-type:none;line-height:21px; letter-spacing:1px;}
.mainRight .hot a{ color:#ff3c00;}
.mainRight .more{ text-align:center;}
.foot{ height:80px; background-image:url(../images/ft.gif); background-repeat:no-repeat; background-position:bottom; margin-top:5px;color:#616161; line-height:15px;}
.foot .count{ width:400px; float:left; text-align:left; margin-top:20px; margin-left:19px;}
.foot .count span a{ color:#ff7c00;}
.foot .copyright{width:400px; float:right; text-align:right;margin-top:20px; margin-right:19px;}

/*message*/
.message{width:920px; height:440px; margin-left:19px;/*background-image:url(../images/line3.gif); background-repeat:repeat-x; background-position:top;padding-top:13px;*/}

/*morePage*/
.morePage{ height:530px; margin-left:19px;}
.moreList{ padding-top:40px;height:128px; background-image:url(../images/xglb2.jpg);}
.morePageLeft img{ margin-top:20px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.moreList ul{ list-style-type:none; list-style-position:inside; line-height:22px; margin-left:14px;}
.morePageRight{ float:right; margin-right:19px; width:645px; background:#edf3f6 url(../images/nbg.jpg) no-repeat; background-position:bottom right}
.morePageRight{background:#edf3f6 url(../images/nbg2.jpg) no-repeat bottom right;}
.moreTitle{height:30px; width:620px; font-size:14px; font-weight:bold; text-align:left; padding-top:20px; padding-left:10px;color:#415d6e; border-bottom:3px solid #a3c1d2;}
.moreContent{ padding-top:5px; margin:15px; height:400px; line-height:24px;}
.moreDisplay{ margin-left:15px; margin-bottom:10px;color:#9c9e9f;}

/*newsPage*/
.newsPage{ width:920px; margin-left:20px;}
.newsPageLeft{ float:left; width:240px;height:530px;}
.newsPageItemA{ height:85px; background:url(../images/newsbg1.gif) no-repeat;}
.newsList{ height:auto !important;height:150px; min-height:150px; background:url(../images/newsbg.gif) repeat-y; padding:5px 20px;}
.newsPageItemB{ height:33px; background:url(../images/newsbg2.gif) no-repeat;}
.newsList ul,.newsContent ul{ list-style-type:none;list-style-position:inside; line-height:24px;}
.newsButton{ margin-top:15px;}
.newsButton img{border:0;}
.newsPageRight{ width:664px; float:right; margin-right:8px;margin-top:10px;}
.nprTop{ height:10px; background:url(../images/newsrbg1.jpg) no-repeat; font-size:0;}
.nprBm{ height:10px; background:url(../images/newsrbg2.gif) no-repeat;}
.nprMainSpan{ background-color:#f5f3f3; border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
.nprButtomList{ height:30px; margin:auto 20px; border-bottom:1px solid #c0c0c0; padding-top:5px;}
.nprBtn{ width:80px; height:20px; float:left;}
.nprBtn2{ height:20px; margin-top:5px; display:block;}
.nprMainSpan span{ display:block; margin-top:2px;}
.nprBtnClose{ width:50px; height:20px;float:right;}
.newsPageRight img{ float:left;margin-right:1px; border:0px;}
.newsTSpan{ height:65px; margin:5px 20px; border-bottom:1px solid #c0c0c0; text-align:center;}
.newsTitle{ font-size:24px; font-weight:bold; margin:20px auto;}
.newsTime,.newsTips{ color:#999;}
.newsContent{ height:auto !important; height:250px; min-height:250px; padding:20px 20px; line-height:24px;}
.newsFoot{ height:50px; border-top:1px solid #c0c0c0; margin:auto 20px; padding-top:5px;}
.newsFootL{ width:300px; float:left;}
.newsFootR{ width:75px; float:right; padding-top:15px;}
.moreFootL{ float:left;}
.moreFootL span{float:left; margin-left:5px;}


/*proPage*/
.proPage{ margin-left:19px;/*height:543px;*/height:auto !important; height:543px;min-height:543px;}
.proPageLeft{ float:left; width:260px;}
.proGist{ height:58px; width:260px; background-image:url(../images/progist.jpg);color:#0b3a7f; /*color:#b1b0af;*/ font-size:24px; font-weight:bolder; padding-top:35px; text-align:center;}
.proList{ height:185px; width:260px; background-image:url(../images/prolist.jpg); margin-top:15px; padding-top:58px;}
.proList ul{list-style-type:none;list-style-position:inside; line-height:22px; margin-left:45px;}
.proPic{ height:133px; width:260px;background-image:url(../images/propic.jpg); margin-top:15px; }
.proPageRight{ float:right; margin-right:19px; width:648px;background:#f9f4e6 url(../images/proSub.jpg) no-repeat top;}
.proSub{ height:40px; font-size:30px; font:"微软雅黑", "幼圆"; font-weight:bold; color:#797878; padding-top:80px; }
.proSub p{margin-left:100px;}
.proContent{ /*height:280px;*/height:auto !important; height:280px;min-height:280px;border-left:1px solid #b1b0af; border-right:5px solid #b1b0af; padding:30px 20px 5px 20px; line-height:24px; text-align:justify; }
.proContent span{color:#cc3300;}
.proB{ height:65px; background-image:url(../images/proB.jpg);}

/*profilePage*/
.profilePage{width:920px; margin-left:20px;}
.profilePageLeft{ width:237px; height:530px; float:left;}
.profileItem{ height:74px; background:url(../images/probg1.gif) no-repeat;}
.profileList{ background:url(../images/probg.jpg) repeat-y;height:auto !important; height:180px;min-height:180px;}
.profileList ul{ list-style-type:circle;line-height:22px; margin-left:50px; padding-top:10px;}
.profileList ul li a:link{list-style-image:url(../images/active.gif);}
.profileList ul li a:active{ list-style-image:url(../images/active.gif);}
.profileList ul li a:hover{ list-style-image:url(../images/active.gif);}
.profileGist{ height:74px;background:url(../images/probg2.gif) no-repeat; }
.profileGistSpan{background:url(../images/probg.jpg) repeat-y;height:auto !important; height:27px;min-height:27px; text-align:center; font-size:18px; padding-top:13px; padding-right:10px;}
.profilePic{ height:55px;background:url(../images/probg3.gif) no-repeat;}
.profilePicSpan{ height:80px;background:url(../images/probg4.gif) repeat-y;}
.profilePicSpan ul{ list-style-type:none;}
.profilePicSpan li{ float:left; width:54px; height:25px; border:1px dotted #666; margin-left:14px; margin-top:8px;}
.profilePicSpan li img{ padding:2px 3px;display:block;border:0;}
.profilePageRight{ width:665px; float:right; margin-right:8px; margin-top:10px;}
.pprTop{ height:55px; background:url(../images/prortop.gif) no-repeat;}
.pprButtom{height:55px; background:url(../images/prorbuttom.gif) no-repeat;}
.pprMainSpan{height:auto !important; height:355px;min-height:355px; background:#f5f3f3 url(../images/prorbg.gif) no-repeat bottom right; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; padding:15px 20px;}
.pprSub{ height:64px; background:url(../images/prorbook.gif) no-repeat top left;font-size:30px; font-weight:bold;}
.pprSub p{margin-left:85px; padding-top:22px;}
.pprContent{line-height:24px; text-align:justify;margin-top:10px;}
.pprContent span{color:#cc3300;}

/*helpPage*/
.helpPage{ height:544px; width:920px; background:url(../images/libhelpbg.gif) repeat-x; margin-left:19px; margin-top:5px; color:#483329; }
.helpPageL{ height:544px; width:10px; background:url(../images/libhelpbgl.jpg) no-repeat; float:left;}
.helpPageR{ height:544px; width:10px; background:url(../images/libhelpbgr.jpg) no-repeat; float:right;}
.helpPageMain{width:900px; height:542px; float:left;background:url(../images/libhelpline.jpg) no-repeat; background-position:center;border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;line-height:24px;}
.helpPageMainL{width:450px; float:left;}
.helpPageMainR{width:445px; float:right; padding-top:50px; padding-left:5px;}
.helpPageLogo{ height:32px;background:url(../images/libhelp.jpg) no-repeat; margin-top:10px; margin-left:5px;}
.hpPreface{ margin-top:15px; padding:5px 10px; }
.hpPreface p{ text-indent:24px;}
.hpPreface p.hphello{ font-size:14px; text-indent:0px;}
.qSpan{ height:110px; width:400px; margin-top:10px; margin-left:10px;text-align:justify;}
.qSpan span{ color:#CC3300;}
.qSpan .qpic{ float:left; height:100px; width:100px;}
.qSpan .qcontent{ float:left; margin-left:5px; width:295px;}
.qSpan .qtitle{ border-bottom:1px dotted #CCCCCC;}


/*contactPage*/
.contactPage{height:544px; width:920px; background:url(../images/cbg.gif) repeat-x; margin-left:19px; margin-top:5px; color:#797c7c;}
.contactPageL{ height:544px; width:10px; background:url(../images/cbgl.jpg) no-repeat; float:left;}
.contactPageR{ height:544px; width:10px; background:url(../images/cbgr.jpg) no-repeat; float:right;}
.contactPageMain{width:900px;float:left;line-height:24px;}
.contactPageMainL{width:460px; float:left; margin-left:20px;}
.contactPageMainR{width:360px; float:right; padding-top:50px;}
.contactUs{ height:180px; border-bottom:1px dotted #797c7c; margin-top:20px;}
.conuPic{ width:100px; height:180px; float:left;}
.contactSpan{ width:360px; float:left;}
.contactTitle{ height:40px; border-bottom:1px dotted #797c7c; background:url(../images/contactus.gif) no-repeat;}
.contactContent{ margin-left:5px; margin-top:10px;}
.contactTraffic{ height:340px; background:url(../images/bus.jpg) no-repeat top right; margin-top:10px;}
.trafficTitle{ height:40px; background:url(../images/traffic.gif) no-repeat;}
.contactContent span{ color:#CC3300;}

/*aboutUsPage*/
.aboutPage{width:920px;margin-left:25px;}
.aboutPageLeft{ width:229px; float:left;height:auto !important; height:530px;min-height:530px;}
.aboutItem{ height:76px; background:url(../images/about1.gif) no-repeat;}
.aiLineSpan{ height:121px; background:url(../images/about2.gif) no-repeat; padding-left:20px;}
.aboutSuccess{ height:106px;background:url(../images/about3.gif) no-repeat;}
.asContent{ height:143px;background:url(../images/about4.gif) no-repeat; color:#767575; font-size:12px;text-align:center; line-height:24px; padding-top:15px; padding-right:10px;}
.aiLine{ float:left; width:100px; height:17px; margin-top:15px; margin-bottom:30px;}
.aiLine img{ float:left; margin-right:5px;}
.aboutPageRight{ width:664px;background-color:#f5f3f3; float:right; margin-right:10px; margin-top:10px;}
.aprtop{ height:10px; background:url(../images/altop.jpg) no-repeat;font-size:0;}
.aprbuttom{height:10px; background:url(../images/albuttom.gif) no-repeat;}
.aprMain{height:auto !important; height:450px;min-height:450px; border-left:1px solid #d8d5d5; border-right:1px solid #d8d5d5; }
.aprmPic{ margin:0 auto 5px auto; width:615px;}
.aprmSubject{ margin:20px 20px; border-bottom:1px dotted #797c7c; font-size:14px; font-weight:bolder;}
.aprmContent{ text-indent:24px; line-height:20px; padding:0px 20px; text-align:justify;}
p.tips{font-weight:bolder; text-indent:10px;}

/*picPage*/
.picPage{ width:920px;margin-left:19px;}
.ppTop{ height:73px; background:url(../images/picbg1.gif) no-repeat;}
.ppMain{ height:auto !important; height:365px; min-height:365px; background:url(../images/picbg.gif) repeat-y; padding:10px 40px;}
.ppBottom{ height:73px; background:url(../images/picbg2.gif) no-repeat;}
.ppMinPic{ height:150px; width:206px; background:url(../images/picshowbg.gif) no-repeat; float:left; margin-left:43px; margin-top:25px; padding:8px 9px; }