@charset "utf-8";
.container { width: 100%; margin: 0 auto; }

.dTitle { height: 57px; border-bottom: 1px solid #c7c6c6; line-height: 57px; }
.dTitle h2 { display: block; width: 278px; height: 56px; margin: 0 auto; border-bottom: 4px solid #088336; color: #333; font-size: 30px; font-weight: normal; text-align: center; }

.box01 { margin: 55px 0 0; }
.box01 .wrap { position: relative; }
.box01 .tempWrap { width: 1162px!important; }
.box01 .bd { margin: 40px 0 0; }
.box01 .bd ul { width: 1200px; }
.box01 .bd li { float: left; width: 261px; margin: 0 39px 0 0; }
.box01 .bd .pic { width: 260px; height: 200px; margin: 0 0 2px; }
.box01 .bd dl { /*padding: 0 9px 9px;*/ padding: 0 9px 0px; background: #088336; }
.box01 .bd dl dt { /*border-bottom: 1px dashed #7daa88;*/ text-align: center; font-size: 16px; line-height: 30px; }
.box01 .bd dl dt a { color: #fff; }
.box01 .bd dl dt a:hover { text-decoration: underline; }
.box01 .bd dl .i { margin: 5px 0 0; color: #deeae1; line-height: 20px; }
.box01 .bd dl .m { color: #deeae1; }
.box01 .bd dl .m:hover { color: #fff; text-decoration: underline; }
.box01 .prev,.box01 .next { position: absolute; left: -80px; top: 38%; display: block; width: 42px; height: 105px; background: url(arr_02.png) 0 0 no-repeat; cursor: pointer; }
.box01 .next { left: auto; right: -80px; background-position: -45px 0; }

.box02 { margin: 75px 0 0; }
.box02 .more { display: block; width: 110px; height: 54px; margin: 0 auto; background: url(more_01.png) no-repeat; font-size: 13px; text-align: center; line-height: 77px; }
.box02 .more a { color: #fff; }
.box02 .more a:hover { text-decoration: underline; }
.box02 .picBg { position: relative; left: 50%; width: 1920px; height: 808px; margin: 0 0 0 -960px; text-align: center; }
.box02 .picBg .bd { position: absolute; left: 0; top: 0; width: 100%; }

.box02 .tits { position: absolute; left: 50%; top: 74px; width: 1162px; height: 230px; margin: 0 0 0 -581px; z-index: 99; }
.box02 .tits a { display: inline; float: left; width: 105px; height: 160px; margin: 0 44px; background: url(tit_01.png) 0 0 no-repeat; }
.box02 .tits .t01 { background-position: 0 0; }
.box02 .tits .t02 { background-position: -144px 0; }
.box02 .tits .t03 { background-position: -287px 0; }
.box02 .tits .t04 { background-position: -431px 0; }
.box02 .tits .t05 { background-position: -576px 0; }
.box02 .tits .t06 { background-position: -719px 0; }
.box02 .tits .t01:hover,.box02 .tits .on .t01 { background-position: 0 -177px; }
.box02 .tits .t02:hover,.box02 .tits .on .t02 { background-position: -144px -177px; }
.box02 .tits .t03:hover,.box02 .tits .on .t03 { background-position: -287px -177px; }
.box02 .tits .t04:hover,.box02 .tits .on .t04 { background-position: -431px -177px; }
.box02 .tits .t05:hover,.box02 .tits .on .t05 { background-position: -576px -177px; }
.box02 .tits .t06:hover,.box02 .tits .on .t06 { background-position: -719px -177px; }
.box02 .prev,.box02 .next{ display:block; position:absolute; top:45%; left:18%; width:30px; height:30px; background:url(arr_01.png) 7px center no-repeat #fff; border-radius: 5%; cursor:pointer; display:none; filter:alpha(opacity=50); opacity:0.5; z-index: 999; }
.box02 .next{ left:auto; right:18%; background-position: -44px center; }
.box02 .prev:hover,.box02 .next:hover { filter:alpha(opacity=80); opacity:0.8; }

.box03 { margin: 90px 0 0; }
.box03-l { float: left; width: 630px; }
.box03 .dCon { margin: 32px 0 0; }
.box03 .dCon .pic { float: left; width: 289px; }
.box03 .dCon dl { margin: 5px 0 0; padding: 0 0 0 9px; border-left: 3px solid #088336; }
.box03 .dCon dl dt { color: #6f6e6e; font-size: 24px; font-family: 'impact'; line-height: 24px; }
.box03 .dCon dl dd { color: #6f6e6e; }
.box03 .dCon .con { float: right; width: 320px; color: #848383; font-size: 14px; line-height: 24px; }
.box03-r { position: relative; float: right; width: 476px; margin: 30px 0 0; }
.box03-r .bd li span { display: block; height: 40px; padding: 0 0 0 50px; background: #f9f9f9; color: #434744; font-size: 18px; line-height: 40px; }
.box03-r .hd { position: absolute; right: 5px; bottom: 12px; z-index: 5; }
.box03-r .hd ul { display: inline-block; *display: inline; zoom: 1; margin: 4px 0 0; vertical-align: top; }
.box03-r .hd ul li { float: left; display: inline-block; width: 12px; height: 12px; margin: 0 15px 0 0; background: #c7c6c6; border-radius: 100%; text-indent: -9999px; cursor: pointer; }
.box03-r .hd ul li.on { background: #088336; }

.box04 { margin: 70px 0 0; }
.dList { margin: 45px 0 0; }
.dList ul { width: 1225px; }
.dList li { float: left; width: 553px; margin: 0 58px 0 0; padding: 30px 0; border-top: 1px solid #7f7f7f; }
.dList li .date { float: left; width: 72px; height: 80px; padding: 24px 0 0; border: 1px solid #8c8c8c; color: #8c8c8c; font-size: 30px; text-align: center; line-height: 30px; }
.dList li .date span { display: block; margin: 17px 0 0; border-top: 1px solid #8c8c8c; font-size: 12px; }
.dList dl { float: right; width: 456px; }
.dList dl dt a { color: #323030; font-size: 16px; line-height: 30px; }
.dList dl dt a:hover { color: #088336; text-decoration: underline; }
.dList dl dd { color: #8e8b8b; font-size: 13px; line-height: 20px; }
.dList dl dd .m { margin: 0 0 0 10px; color: #088336; }
.dList dl dd .m:hover { text-decoration: underline; }