﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
body{font:14px/1.5em Verdana,Tahoma,Simsun,Microsoft YaHei,Arial Unicode MS,Mingliu,Arial,Helvetica; background:#5c0202; color:#c98604;}
h1,h2,h3,h4,h5{font-size:1em;font-weight:400;}
table{border-collapse:collapse;}
legend{display:none;}
address,caption,em,th,i{font-style:normal; font-weight:400;}
ol,ul{list-style-type:none;}
input,textarea{ font:12px/1.5em Verdana,Tahoma,Simsun,Microsoft YaHei,Arial Unicode MS,Mingliu,Arial,Helvetica; color:#666;}
input{ padding:0 3px;}
textarea{ padding:3px;}

/* 颜色属性 */
.cRed,a.cRed:link,a.cRed:visited{color:Red;}
.cDRed,a.cDRed:link,a.cDRed:visited{color:#DB3105;}

/*链接*/
a{outline:none;}
a:link,a:visited{text-decoration:none;color:#c98604;}
a:hover{ color:#c98604; text-decoration:underline;}

/*layout*/
#header,#content,#content1,#navBar,#footer{ margin:0 auto;}
.clearFix{overflow:hidden; _zoom:1; clear:both;}
.paddingBottom{ _padding-bottom:20px;}

/*头部*/
.skiplink{display:none}
#header{ width:980px; height:330px; background:url(images/topPIC.jpg) no-repeat 0 0; text-indent:-9999px;}

/*导航*/
#navBar{ width:980px; margin-bottom:6px;}
#navBar,#navBar .left,#navBar .main{ background:url(images/BG.png) no-repeat 100% -49px;}
#navBar .left{ margin-right:95px; background-position:0 0;}
#navBar .main{ background-position:0 -98px; background-repeat:repeat-x; margin-left:95px;}
#navBar li{ float:left;}
#navBar li a{ display:block; height:49px; text-indent:-9999px; background:url(images/navBar.png) no-repeat;}
#navBar li.home a{ background-position:0 0; width:102px;}
#navBar li.history a{ background-position:-102px 0; width:137px;}
#navBar li.photo a{ background-position:-239px 0; width:138px;}
#navBar li.story a{ background-position:-377px 0; width:140px;}
#navBar li.blessing a{ background-position:-517px 0; width:137px;}
#navBar li.activities a{ background-position:-654px 0; width:136px;}

#navBar li.home a:hover,#navBar li.home a.now{ background-position:0 -49px;}
#navBar li.history a:hover,#navBar li.history a.now{ background-position:-102px -49px;}
#navBar li.photo a:hover,#navBar li.photo a.now{ background-position:-239px -49px;}
#navBar li.story a:hover,#navBar li.story a.now{ background-position:-377px -49px;}
#navBar li.blessing a:hover,#navBar li.blessing a.now{ background-position:-517px -49px;}
#navBar li.activities a:hover,#navBar li.activities a.now{ background-position:-654px -49px;}

/*footer*/
#footer{ width:900px; background:url(images/BG.png) no-repeat 100% -183px;}
.footerLeft{ background:url(images/BG.png) no-repeat 0 -147px; margin-right:20px;}
.footerMain{ background:#711d01; margin-left:20px; height:36px;}
#footer p{ text-align:center; line-height:36px; color:#c88600; font-size:12px;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇        首页         ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
#content{ width:936px; margin-bottom:8px;}
#mainVideo{ width:351px; height:271px; float:left; background:url(images/videoBG.jpg) no-repeat 0 0; padding:31px 0 0 31px; position:relative;}
#mainVideo h2{ position:absolute;top:23px; left:34px; background:url(images/videoTitle.png) no-repeat; width:127px; height:42px; text-indent:-9999px;}

#TeamPhotos{ width:543px; height:302px; float:right; background:url(images/photoBG.jpg) no-repeat 0 0; position:relative;}
#TeamPhotos .photo{ width:437px; height:232px; overflow:hidden; margin:24px 0 0 25px;}
#caption{ position:absolute; top:210px; left:25px; background:#000; width:437px; height:40px; filter:alpha(opacity=50,Style=0); -moz-opacity:0.5; opacity:0.5;}
#TeamPhotos p{ position:absolute; top:210px; left:25px; width:417px; height:40px; line-height:40px; color:#fff; font-size:16px; padding:0 10px;}
.number{ padding:5px 0 0 200px;}
.number li{ float:left;}
.number li a{ display:block; width:18px; height:18px; text-indent:-9999px; background:url(images/buttonPhoto.png) no-repeat; margin-right:8px; overflow:hidden; _zoom:1;}
.number li.no1 a{ background-position:-18px 0;}
.number li.no2 a{ background-position:-18px -18px;}
.number li.no3 a{ background-position:-18px -36px;}
.number li.no4 a{ background-position:-18px -54px;}
.number li.no5 a{ background-position:-18px -72px;}
.number li.no6 a{ background-position:-18px -90px;}
.number li.no7 a{ background-position:-18px -108px;}
.number li.no8 a{ background-position:-18px -126px;}
.number li.no9 a{ background-position:-18px -144px;}
.number li.no10 a{ background-position:-18px -162px;}

.number li.no1 a:hover,.number li.no1 a.now{ background-position:0 0;}
.number li.no2 a:hover,.number li.no2 a.now{ background-position:0 -18px;}
.number li.no3 a:hover,.number li.no3 a.now{ background-position:0 -36px;}
.number li.no4 a:hover,.number li.no4 a.now{ background-position:0 -54px;}
.number li.no5 a:hover,.number li.no5 a.now{ background-position:0 -72px;}
.number li.no6 a:hover,.number li.no6 a.now{ background-position:0 -90px;}
.number li.no7 a:hover,.number li.no7 a.now{ background-position:0 -108px;}
.number li.no8 a:hover,.number li.no8 a.now{ background-position:0 -126px;}
.number li.no9 a:hover,.number li.no9 a.now{ background-position:0 -144px;}
.number li.no10 a:hover,.number li.no10 a.now{ background-position:0 -162px;}

#content1{ width:900px; margin-bottom:10px;}
#news,#activities{ width:330px; float:left; margin:0 20px 20px 0;}
#news .box,#activities .box{ height:180px;}
#news h2{ background:url(images/title_news.gif) no-repeat 0 0;}
#activities h2{ background:url(images/title_activities.gif) no-repeat 0 0;}

#special{ float:left; width:180px; height:216px; background:url(images/specialBG.gif) no-repeat; padding:10px;}
#special .meeting1{ margin-bottom:10px;}
#special .meeting1 a,#special .meeting2 a{ display:block; width:180px; height:103px; background:url(images/special.png) no-repeat; text-indent:-9999px;}
#special .meeting1 a{ background-position:0 0;}
#special .meeting1 a:hover{ background-position:-180px 0;}
#special .meeting2 a{ background-position:0 -103px;}
#special .meeting2 a:hover{ background-position:-180px -103px;}

#photo h2{ background:url(images/title_photo.gif) no-repeat 0 0;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇        内页         ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
#historyMenu{ background:url(images/history_titleBG.jpg) #711d01 no-repeat 100% 0; margin:16px 0 20px 0;}
#historyMenu ul{ margin-left:23px; padding-top:7px;}
#historyMenu li{ float:left; margin-right:44px;}
#historyMenu li a{ display:block; width:100px; height:36px; background:url(images/historyMenu.png) no-repeat; text-indent:-9999px;}
#historyMenu li.year2006 a{ background-position:0 0;}
#historyMenu li.year2007 a{ background-position:-100px 0;}
#historyMenu li.year2008 a{ background-position:-200px 0;}
#historyMenu li.year2009 a{ background-position:-300px 0;}

#historyMenu li.year2006 a:hover,#historyMenu li.year2006 a.now{ background-position:0 -36px;}
#historyMenu li.year2007 a:hover,#historyMenu li.year2007 a.now{ background-position:-100px -36px;}
#historyMenu li.year2008 a:hover,#historyMenu li.year2008 a.now{ background-position:-200px -36px;}
#historyMenu li.year2009 a:hover,#historyMenu li.year2009 a.now{ background-position:-300px -36px;}

.historyList{ background:url(images/data_yy.jpg) no-repeat 0 0; margin-bottom:35px;}
.historyInfo h2{ font-weight:700; color:#f7ba11; line-height:30px; margin-bottom:5px;}
.historyInfo p{ font-size:12px; color:#b67000; text-indent:2em;}
.historyInfo p b{ color:#f7ba11;}
.January,.February,.March,.April,.May,.June,.July,.August,.September,.October,.November,.December{ float:left; width:137px; height:106px; background:url(images/date.png) no-repeat; text-indent:-9999px; margin:0 25px 0 0;}
.February{ background-position:0 -106px;}
.March{ background-position:0 -212px;}
.April{ background-position:0 -318px;}
.May{ background-position:0 -424px;}
.June{ background-position:0 -530px;}
.July{ background-position:0 -636px;}
.August{ background-position:0 -742px;}
.September{ background-position:0 -848px;}
.October{ background-position:0 -954px;}
.November{ background-position:0 -1060px;}
.December{ background-position:0 -1166px;}
.photoList{ width:810px; height:119px; overflow:hidden; float:left; padding:0 10px;}
.photoList ul{ width:9999px;}
.photoList ul li{ margin-right:10px;}
.historyList .buttonPrev,#newsDetails .buttonPrev{ float:left; margin-top:40px;}
.historyList .buttonNext,#newsDetails .buttonNext{ float:right; margin-top:40px;}
.historyList .box1,#newsDetails .box1{ padding:15px 0 0 0;}
.historyList h3{ font-weight:700; color:#f7ba11; text-indent:2em; margin-top:20px;}

.story .pic1{ float:left; margin-right:30px;}
.story a{ display:block; _float:left;}
.story a p{ text-indent:2em; padding-top:6px;}
#storyDetails{ padding:5px 0 20px 0;}
#storyDetails h2{ background:url(images/story_titleBG.jpg) no-repeat 50% 0; text-align:center; color:#f7ba11; font-size:16px; font-weight:700; height:73px; line-height:73px; margin-bottom:20px;}
#storyDetails h2 span{ font-size:12px;}
#storyDetails .pic2{ float:left; margin:0 40px 20px 0; padding-bottom:0;}
#storyDetails .pic2 p{ text-align:center; color:#f7ba11; line-height:30px; _line-height:27px; margin-bottom:0; text-indent:0;}
#storyDetails p{ text-indent:2em; margin-bottom:15px;}

#newsPhoto{ width:198px; float:left; margin:10px 0 20px 0; _padding-bottom:20px; padding:10px 0; background:#762201;}
#newsPhoto ul{ height:680px; overflow:hidden; _zoom:1; background:url(images/photoBG1.gif) repeat-y 0 0;}
#newsPhoto ul li{ width:150px; height:113px; margin:0 auto 8px auto; _margin:0 auto 4px auto;}
#newsList{ float:right; width:674px; margin-top:10px;}
#newsList h2{ font-weight:700; margin-bottom:10px;}
#newsList h2 a{ color:#f7ba11;}
#newsList p{ font-size:12px; text-indent:2em;}
#newsList p a{ color:#b67000;}
#newsList .box3{ margin-bottom:20px;}
#newsList .lastBox{ padding-bottom:25px;}
#newsDetails h2{ text-align:center; color:#f7ba11; font-size:16px; font-weight:700; height:35px;}
#newsDetails p{ text-indent:2em; margin-top:15px;}

.blessingInfo{ margin-top:25px;}
.blessingInfo h2{ background:url(images/box_top.gif) no-repeat 0 0; height:48px; line-height:48px; text-align:center; color:#f7ba11; font-weight:700;}
.blessingInfo .box{ padding:25px; background:url(images/box_bottom.gif) #711d01 no-repeat 0 100%;}
.blessingInfo .box p{ text-indent:2em;}
.blessingInfo .photo{ background:url(images/box_picBG.gif) no-repeat; width:182px; height:142px; float:left; margin-right:35px; padding:18px 0 0 20px;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇       common       ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*title*/
.title{ background:url(images/line.gif) repeat-x 0 100%; height:38px;}
.title span{ float:right; margin:9px 8px 0 0;}
.title h2{ text-indent:-9999px; margin:8px 0 0 8px;}
.button a{ display:block; width:55px; height:17px; background:url(images/buttonMore.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
.button a:hover{ background-position:0 -17px;}
.box{ padding:10px 8px; background:url(images/yy.jpg) no-repeat 0 100%;}
.box1{ padding:25px 8px 0 8px; *padding:25px 8px; _padding:25px 8px 0 8px;}
.box2{ padding:25px 0; background:url(images/yy_long.jpg) no-repeat 0 100%;}
.box2Last{ padding:25px 0;}
.box3{ padding-bottom:25px; background:url(images/yy_middle.jpg) no-repeat 0 100%;}

/*列表*/
.doc li{ background:url(images/doc.gif) no-repeat 0 10px; padding-left:13px; line-height:30px;}

.pic li{ float:left; margin:0 26px 25px 0;}
.pic li.last{ margin-right:0;}

/*图片*/
.pic a{ display:block; background:#b35d00; padding:3px;}
.pic a:hover{ background:#c98604;}
.pic1{ padding:11px 12px; background:#762201;}
.pic2{ padding:8px; background:#762201;}

/*表单/按钮*/
.buttonPrev a,.buttonNext a{ background:url(images/tuttonList.png) no-repeat; width:29px; height:29px; display:block; text-indent:-9999px;}
.buttonPrev a:hover{ background-position:0 -29px;}
.buttonPrev a.none,.buttonPrev a:hover.none{ background-position:0 -58px;}
.buttonNext a{ background-position:-29px 0;}
.buttonNext a:hover{ background-position:-29px -29px;}
.buttonNext a.none,.buttonNext a:hover.none{ background-position:-29px -58px;}

.back{ text-align:center; padding:15px 0;}
.back a{ background:url(images/icon_back.gif) no-repeat 0 4px; *background-position:0 2px; padding-left:25px;}

/*分页*/
.page{ padding:10px 12px; text-align:center; background:url(images/line.gif) repeat-x 0 0;}
.page span.custom{ margin-right:25px;}
.page span{ margin:0 5px;}
.page a{ margin:0 5px;}
.page a:hover{ color:#f7ba11; text-decoration:none;}
.page span.now{ color:#f7ba11; font-weight:700;}