@charset "utf-8";
.aboutBanner { background:url(../images/about/banner.jpg) no-repeat center top; height:200px;}
.aboutWrap { padding-bottom:50px;}
.aboutWrap .pageMenu { height:60px; line-height:60px; background:url(../images/common/dot_line.gif) repeat-x center bottom;}
.aboutWrap .pageMenu li { float:left; font-size:15px; width:88px; margin:0 18px; text-align:center;}
.aboutWrap .pageMenu li a { display:block; width:88px; height:60px;}
.aboutWrap .pageMenu li.new { background:url(../images/snav_new.gif) no-repeat right 6px;}
.m1 .menu1 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m2 .menu2 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m3 .menu3 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m4 .menu4 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m5 .menu5 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m6 .menu6 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m7 .menu7 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.m8 .menu8 { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.comIntroBox { padding:40px 60px 30px 60px; border-bottom:1px solid #efefef;}
.comIntroBox p { font-size:14px; text-indent:2em; line-height:2em; margin-bottom:2em;}
.comIntroBox img { margin-right:30px;}
.eventsBox { padding:40px 0;}
.eventsBox h2 { font-size:30px; margin-bottom:10px; text-align:center; color:#333;}
.eventsBox h2 span { color:#cd3335;}
.eventsBox h3 { font-size:18px; margin-bottom:20px; text-align:center; color:#999;}
.aboutWrap .movie { text-align:center; margin-bottom:10px;}
.aboutWrap .movie a { display:inline-block;*display:inline;*zoom:1; width:100px; cursor:pointer;}
.aboutWrap .movie .play { display:inline-block;*display:inline;*zoom:1; width:88px; height:88px; background:url(../images/about/play.gif) no-repeat; margin-bottom:10px; cursor:pointer;}
.aboutWrap .movie a:hover span.play {background:url(../images/about/play2.jpg) no-repeat;}
.aboutWrap .movie a:hover { text-decoration:none;}
.aboutWrap .movie .txt { font-size:14px; cursor:pointer;}
.timeline { background:url(../images/about/timeline.gif) repeat-y center center; position:relative;}
.timeline .eventRig {  background:url(../images/about/dot_timeline.gif) no-repeat 0 10px; position:absolute; left:491px; padding-left:40px;}
.timeline .eventLef {  background:url(../images/about/dot_timeline.gif) no-repeat 491px 10px; position:absolute; left:0; padding-right:529px;padding-left:40px;}
.timeline .eventRig .date { width:115px; float:left; text-align:left;}
.timeline .eventRig .txt { width:310px; float:left; font-size:14px; color:#888; line-height:1.8em; padding-top:4px;}
.timeline .eventLef .date { width:115px; float:right; text-align:right;}
.timeline .eventLef .txt { width:310px; float:right; font-size:14px; color:#888; line-height:1.8em; padding-top:4px;}
.timeline .date .d1 { font-size:30px;}
.timeline .date .d2 { font-size:18px;}
.timeline .lasted { color:#cd3335;}
.timeline a.btn_view { width:172px; height:48px; line-height:48px;display:inline-block;*display:inline;*zoom:1; background:url(../images/about/btn_events.jpg) no-repeat center top; font-size:16px; color:#fff; text-align:center;}
.timeline a.btn_view:hover { text-decoration:none; background-position:center bottom;}
.timeline .btnBar { text-align:center;}

.timeline2 { background:url(../images/about/timeline.gif) repeat-y center center;}
.timeline2 .eventRig {  background:url(../images/about/dot_timeline.gif) no-repeat 491px 10px; padding-left:533px; margin-bottom:15px;}
.timeline2 .eventLef {  background:url(../images/about/dot_timeline.gif) no-repeat 491px 10px; padding-right:529px;padding-left:40px; margin-bottom:15px;}
.timeline2 .eventRig .date { width:115px; float:left; text-align:left;}
.timeline2 .eventRig .txt { width:310px; float:left; font-size:14px; color:#888; line-height:1.8em; padding-top:4px;}
.timeline2 .eventLef .date { width:115px; float:right; text-align:right;}
.timeline2 .eventLef .txt { width:310px; float:right; font-size:14px; color:#888; line-height:1.8em; padding-top:4px;}
.timeline2 .eventLef .txtRig { text-align:right;width:310px; float:right; font-size:14px; color:#888; line-height:1.8em; padding-top:4px;}
.timeline2 .date .d1 { font-size:30px;}
.timeline2 .date .d2 { font-size:18px;}

.leaderBox {padding:45px 70px 0 70px;}
.leaderBox .leader { margin-bottom:50px;}
.leaderBox .leader.line { background:url(../images/about/line.jpg) no-repeat center top; padding-top:50px;}
.leaderBox .leader .photo { text-align:left; padding-top:10px; margin-bottom:20px;}
.leaderBox .leader .photo img { width:195px; height:238px;}
.leaderBox .leader .txt p { font-size:14px; text-indent:2em; line-height:2em; margin-bottom:1em;}
.leaderBox .leader .txt .photo p { text-indent:0; line-height:normal; margin-bottom:10px; color:#333;}
.leaderBox .leader .txt .photo .txt1 { font-size:28px; font-weight:bold;}
.leaderBox .leader .txt .photo .txt1 span { font-size:16px; margin-left:15px; font-weight:normal;}
.departmentBox { padding:30px 0; text-align:center;}
.comNewsBox { padding-bottom:30px;}
.comNewsBox .mainNews { padding:35px; border-bottom:1px solid #eee;}
.comNewsBox .mainNews .newsimg { width:271px; float:left; margin-right:40px;}
.comNewsBox .mainNews .newsimg img { width:271px; height:174px;}
.comNewsBox .mainNews .txt { width:600px; float:left;}
.comNewsBox .mainNews .txt .t1 { font-size:24px; margin-bottom:15px;}
.comNewsBox .mainNews .txt .t2 { font-size:14px; line-height:24px; margin-bottom:20px;}
.comNewsBox .mainNews .txt .date { color:#999; font-size:12px; background:url(../images/about/dot_date.jpg) no-repeat left center; padding-left:25px;}

.comNewsList { padding:40px 30px;}
.comNewsList ul li { margin-bottom:50px; clear:both;}
.comNewsList .date { width:50px; height:90px; background:url(../images/about/icon_date.jpg) no-repeat center top; text-align:center;}
*+html .comNewsList .date { width:50px; height:90px; background:url(../images/about/icon_date.jpg) no-repeat center top; text-align:center; margin-top:-18px;}
.comNewsList .date .d1 { height:50px; line-height:50px; color:#cd3335; font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.comNewsList .date .d2 { height:26px; line-height:26px; color:#999; font-size:12px;}
.comNewsList .newstxt { width:860px; float:right;}
.comNewsList .newstxt .t { font-size:18px; margin-bottom:12px;}
.comNewsList .newstxt .txt { color:#999; line-height:2em;}
.comNewsBox .btnStyle_max { clear:both; width:100%;}

.noticeList { padding:20px 30px 0 30px;}
.noticeList ul { padding-bottom:30px;}
.noticeList ul li { font-size:16px; border-bottom:1px dashed #eee; padding:20px 20px 20px 40px;background:url(../images/icon_news.gif) no-repeat 20px 28px;}
.noticeList ul li:hover { background:#f9f9f9 url(../images/icon_news.gif) no-repeat 20px 28px;}
.noticeList ul li span.date { color:#999; font-size:12px; float:right;}
.noticeList .new {display:inline-block;*display:inline;*zoom:1; width:21px; height:9px; background:url(../images/dot_new.gif) no-repeat; margin-left:10px; vertical-align:middle;}

.branchBox .province { padding:20px; margin-bottom:10px;}
.branchBox .province ul li { width:240px; float:left; margin-bottom:10px;}
.branchBox .province .letter {display:inline-block;*display:inline;*zoom:1; width:20px; height:20px; line-height:20px; font-size:14px; background:#cd3335; color:#fff; text-align:center; margin-top:5px;}
.branchBox .province .pr { width:180px; padding-right:20px; float:right; text-align:left; font-size:14px; line-height:2em;}
.branchBox .province .pr a { margin-right:15px;}
.branchBox .province .pr a.cur {color:#cd3335; font-weight:bold;}
.branchTit { font-size:24px; padding:0 20px 15px 20px; border-bottom:1px solid #ddd;}
.branchTit span { color:#cd3335;}
.branchList { padding:40px;}
.branchList .brCont { width:450px; height:210px; overflow:hidden; float:left; margin-bottom:30px;}
.branchList .brCont .name { font-size:20px;  margin-bottom:15px;}
.branchList .brCont .name span { background:#cd3335; color:#fff; font-size:12px; padding:2px 5px; margin-right:10px;}
.branchList .brCont .txt { margin-bottom:10px; font-size:14px; line-height:20px; padding-right:40px;}
.branchList .brCont .btn a {display:inline-block;*display:inline;*zoom:1; width:76px; height:27px; line-height:27px; padding-left:40px; background:url(../images/common/btn_branch.jpg) no-repeat center top;}
.branchList .brCont .btn a:hover { background-position:center bottom; text-decoration:none;}

.branchDetailed { padding-top:20px;}
.branchDetailed .branchInfo { padding:20px;}
.branchDetailed .branchInfo .name { font-size:24px; color:#333; margin-bottom:20px;}
.branchDetailed .branchInfo .name span { background:#cd3335; color:#fff;display:inline-block;*display:inline;*zoom:1; padding:3px 10px; font-size:14px; margin-right:10px;}
.branchDetailed .branchInfo .txt { font-size:14px; line-height:2em; text-indent:2em;}
.tabsBox .tabsBar { height:60px; line-height:60px; background:url(../images/common/dot_line.gif) repeat-x center bottom;}
.tabsBox .tabsBar li { float:left; font-size:15px; width:88px; margin:0 18px; text-align:center;}
.tabsBox .tabsBar li a { display:block; width:88px; height:60px;line-height:60px;}
.tabsBox .tabsBar .active a { background:url(../images/common/dot_line2.gif) repeat-x center bottom; font-weight:bold;}
.tabsBox .tabsCont { padding:20px;}
.tableStyle1 { border-collapse:collapse;}
.tableStyle1 th {empty-cells:show; font-weight:normal; background:#f2f2f2; padding:10px; font-size:14px; text-align:center; border:1px solid #ddd; line-height:2em;}
.tableStyle1 td {empty-cells:show; text-align:center; padding:10px; font-size:14px; border:1px solid #ddd; line-height:2em;}
.tableStyle1 td.txtLef { text-align:left; padding-left:10px;}
.branchDetailed .features { border:1px solid #eee; font-size:14px; background:#f8f8f8 url(../images/about/features.jpg) no-repeat 50px center; padding:25px 20px 25px 138px; line-height:2em; margin-bottom:20px;}
.branchDetailed .stt { font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; background:url(../images/about/dot_stt.jpg) no-repeat left 5px; padding:0 0 10px 15px;}
.photoList { padding:20px 0;}
.photoList li { width:280px; height:180px; float:left; margin:0 16px 30px 16px;}

.branchnoticeList { padding:0 20px;}
.branchnoticeList ul { padding-bottom:20px;}
.branchnoticeList ul li { font-size:14px; border-bottom:1px dashed #eee; padding:15px 20px 15px 40px;background:url(../images/icon_news.gif) no-repeat 20px 22px;}
.branchnoticeList ul li:hover { background:#f9f9f9 url(../images/icon_news.gif) no-repeat 20px 22px;}
.branchnoticeList ul li span.date { color:#999; font-size:12px; float:right;}
.branchnoticeList .new {display:inline-block;*display:inline;*zoom:1; width:21px; height:9px; background:url(../images/dot_new.gif) no-repeat; margin-left:10px; vertical-align:middle;}
.elite { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.elite .photo { width:120px; height:149px; float:left;}
.elite .photo img { width:120px; height:149px;}
.elite .info { width:770px; float:left; margin-left:30px;}
.elite .info .name { margin-bottom:10px;font-size:20px; font-weight:bold;}
.elite .info .add { font-size:14px; margin-bottom:10px;}
.elite .info .number { margin-bottom:15px; }
.elite .info .number span {background:#e6e6e6; font-weight:bold; padding:3px 10px; font-size:12px;}
.elite .info .txt { line-height:1.8em;}

.comFileBox { padding:40px 30px;}
.filelist {}
.filelist .img { margin-bottom:10px;}
.filelist .img img { width:280px;}
.filelist li { text-align:center; float:left;width:280px; margin:0 15px 25px 15px;}
.filelist .txt { font-size:14px; line-height:1.2em; height:40px;}
.filelist li a:hover {text-decoration:none;}
.filelist li a:hover img { opacity:.9;}