@charset "gb2312";
/* CSS Document */
html{color:#333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; min-width:1196px; font-family:microsoft yahei,simhei}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; color:#444; font:12px "microsoft yahei";}
ol,ul,li {list-style:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{ color:#333; text-decoration:none;}
a:hover { color:#db0000; text-decoration:none;}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
.bgf { background:#fff;}
img{ border:none;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.MT20{ margin-top:20px}

/*往期回顾*/
.topbox{ width:1000px; margin:0 auto; position:relative}
.backtobox{ position:absolute; height:20px; top:70px; left:132px; }
.nums{ float:left; width:40px; margin-right:5px; font-size:12px; color:#005078; line-height:20px;}
.backto{ float:left; position:relative; height:20px; font-size:12px; color:#888; text-indent:5px; line-height:20px; cursor:pointer; border:1px solid #e4e4e4; background:url(../images/num.gif) no-repeat 60px -49px #fff; width:79px }
.backto ul{ background:#465a08; width:79px; position:absolute; top:20px; left:0}
.backto ul li a{height:20px; line-height:22px;text-decoration:none; color:#FFF;}
.backto li:hover{ background:#fff;}
.backto li:hover a {color:#465a08;}

#div1{ position:relative; overflow:hidden; width:1600px;}
.divCont{ width:100%; height:700px; float:left}
.top01,.top02,.top03,.top04,.top05{ width:100%; height:120px;}
.top01{ background:url(top01.jpg) no-repeat top center;}
.top02{ background:url(top02.jpg) no-repeat top center; }
.top03{ background:url(top03.jpg) no-repeat top center; }
.top04{ background:url(top04.jpg) no-repeat top center; }
.top05{ background:url(top05.jpg) no-repeat top center; }
.top06{ background:url(top06.jpg) no-repeat top center; height:100px; width:100% }

/*每一关背景*/
.mainDiv{ width:1000px; margin:0 auto;}
.conbox { float:left;width:1000px; position:relative;}
.partcon{ width:962px; height:300px; position:absolute; top:60px; left:5px;}
.beij01{ background:url(mainbg01.jpg) no-repeat; width:962px; height:611px;}
.beij02{ background:url(mainbg02.jpg) no-repeat; width:962px; height:611px;}
.bor01{ border:4px solid #71b09f}
.bg01,.bg02,.bg03,.bg04,.bg05{ width:100%; height:120px;}
.bg01{ background:url(bg01.jpg) no-repeat top center;}
.bg02{ background:url(bg02.jpg) no-repeat top center;}
.bg03{ background:url(bg03.jpg) no-repeat top center;}
.bg04{ background:url(bg04.jpg) no-repeat top center;}
.bg05{ background:url(bg05.jpg) no-repeat top center;}
.bg06{ background:url(bg06.jpg) no-repeat top center; height:100px}


/*第一关*/
.bt01{ background:#8aac20; height:25px; margin:30px 30px 0 40px;}
.bt01 strong{ font-size:44px; color:#597308; background:#fff7ed; display:inline-block; padding:0px 10px;margin-top: -18px}
.partcon p.sm{width:80%; margin:30px auto; font-size:14px; line-height:26px; text-indent:30px; background:#668112; text-align:center; color:#fff; font-weight:bold  }
.partcon p.sm1{width:540px; margin:30px auto 10px auto; font-size:14px; line-height:22px; text-indent:2em; background:#617d0b  url(nav_b.png) no-repeat 15px -60px; text-align:left; padding:0px 10px; color:#fff; font-weight:bold  }
.partcon p.sm2{width:650px; margin:40px auto 10px 180px; font-size:14px; line-height:26px; text-indent:24px; background:#617d0b; text-align:left; padding:0px 10px; color:#fff; font-weight:bold  }
.page{width:40px; padding:0 20px 0px 45px; height:auto}
.page ul li{width:36px; height:220px; font-size:22px; color:#fff; font-weight:bold; text-align:center; position:relative}
.page ul li span{width:36px; background:url(nav_b.png) no-repeat 10px -100px; height:57px; display:inline-block; margin:15px 0px 0px 0px}
.page ul li.bgcolor{ background:#96be19}
.page ul li.bgcolor i{ background: url(nav_b.png) left -190px no-repeat;width:34px; height:32px; position:absolute;top:90px; right:-40px}
.page ul li.bgcolor1 i{ background: url(nav_b.png) left -249px no-repeat;width:34px; height:32px; position:absolute; top:90px; right:-40px}
.page ul li.bgcolor1{ background:#668112}

.view{width:850px; margin:0px; position:relative; height:428px}
.part2_r{width:345px; height:532px; background: url(part2_rbg.gif) no-repeat; position:relative}
.view ul {float:left; position: absolute; left:0px; top:0px}
.view ul li{ float:left; width:186px; margin-bottom:10px; height:396px; margin-right:10px; margin-left:10px}
.view ul li.people1{width:186px; height:396px; background:url(people1.gif) no-repeat}
.view ul li b{width:100%; padding-top:120px; color:#fff; clear:both; display:inline-block; text-align:center; padding-bottom:10px}
.view ul li.people2{width:186px; height:396px; background:url(people2.gif) no-repeat}
.view ul li.people3{width:186px; height:396px; background:url(people3.gif) no-repeat}
.view ul li.people4{width:186px; height:396px; background:url(people4.gif) no-repeat}
.view ul li.people5{width:186px; height:396px; background:url(people5.gif) no-repeat}
.view ul li.people6{width:186px; height:396px; background:url(people6.gif) no-repeat}
.view ul li img{ display:block; float:left; margin-right:5px;}
.view ul li p b{ display:block; padding:0 5px; color:#fff; font-size:16px; line-height:40px; float:left; margin-top:5px}
.view ul li p.txt{ float:left; width:176px; font-size:12px; line-height:20px; margin-top:5px; text-indent:2em; padding:5px 8px; display:inline}
.view ul li p.txt a{ color:#81aa00}
.changeNav{width:7%; margin:0 auto; clear:both; height:19px}
.changeNav li{width:19px; height:19px; background:url(nav_b.png) no-repeat left top; float:left; margin:0 5px; cursor:pointer;}
.changeNav li.foucs{width:19px; height:19px; background:url(nav_b.png) no-repeat right top; float:left; margin:0 5px;}
/*第二关*/
.page2,.page3{ padding:0 20px}
.page2 .w560{ padding:0px 10px}
.page2 .fl p.tit{background:url(dp02.gif) no-repeat; width:111px; height:65px; color:#fff; font-size:18px; line-height:55px; text-indent:12px; font-weight:bold}
.page2 .fl p.txt{font-size:12px; line-height:24px; text-indent:30px; clear:both; margin-top:10px}
.page2 .fl p.txt a{ color:#81aa00}
.page2 .fl p.link{background:url(link02.gif) no-repeat; width:124px; height:51px; color:#fff; font-size:18px; line-height:40px; font-weight:bold; text-indent:15px}
.page2 .fl ul li{font-size:16px; font-weight:bold; line-height:30px;}
.page2 .fl ul li i{display:inline-block; background:url(icon02.gif) no-repeat; width:20px; height:20px; margin-right:5px; vertical-align:middle}
.page2 dl{ border-bottom:1px dashed #d0d0d0; display:inline-block; clear:both}
.page2 dl dt{width:130px; padding:5px 10px}
.page2 dl dd{width:400px; margin-top:10px}
.page2 dl dd b{ font-size:14px; color:#fff; background:#617d0b; display:inline-block; width:100%; text-align:center; height:30px; line-height:30px; height:30px;}
.page2 .page2_p{ height:440px; overflow-y:scroll}
.page2 .part2_r .NO1{width:145px; height:146px; position:absolute; top:25px; left:30px; cursor:pointer; display:inline-block}
.page2 .part2_r a:hover .NO1,.page2 .part2_r a.hover .NO1{width:145px; height:146px; background:url(part2_m1.gif) no-repeat center top; display:inline-block}

.page2 .part2_r .NO2{width:134px; height:134px; position:absolute; top:140px; left:167px;cursor:pointer; display:inline-block}
.page2 .part2_r a:hover .NO2,.page2 .part2_r a.hover .NO2{width:134px; height:134px; background:url(part2_m2.gif) no-repeat center top; display:inline-block}

.page2 .part2_r .NO3{width:159px; height:160px; position:absolute; top:232px; left:8px;cursor:pointer; display:inline-block}
.page2 .part2_r a:hover .NO3,.page2 .part2_r a.hover .NO3{width:159px; height:160px; background:url(part2_m3.gif) no-repeat center top; display:inline-block}

.page2 .part2_r .NO4{width:161px; height:160px; position:absolute; top:367px; left:158px;cursor:pointer; display:inline-block}
.page2 .part2_r a:hover .NO4,.page2 .part2_r a.hover .NO4{width:161px; height:160px; background:url(part2_m4.gif) no-repeat center top; display:inline-block}

.page3{ position:relative; height:450px}
.page3 ul{ margin:30px 0px; position:absolute; left:50px; top:120px}
.page3 ul li{ background:url(redbag.jpg) no-repeat; width:206px; height:216px;float:left; padding:60px 0px 10px 0px; margin:0px 9px; text-align:center}
.page3 ul li p{ margin:20px 10px 0px 10px; font-size:15px; color:#fff; font-weight:bold}
.w320{ width:320px}
.w560{width:580px;}
.mt30{ margin-top:30px}
a.pre { background:url(jiantou.png) no-repeat -172px -16px; left:2%; top:300px;  position:absolute; display:block; width:124px; height:124px; cursor:pointer;}
a.next { background:url(jiantou.png) no-repeat -172px -158px; right:2%; top:300px;  position:absolute; display:block; width:124px; height:124px; cursor:pointer;}
a.pre:hover{ background:url(jiantou.png) no-repeat -9px -16px;}
a.next:hover { background:url(jiantou.png) no-repeat -9px -158px;}
.nav{ padding:0}

.menubox { position:absolute; left:0px; bottom:0px; clear:both; text-align:center; z-index:-1}
.menubox ul{width:860px; margin:30px auto; background:url(images/menu_normal.gif) no-repeat; display:inline-block}
.menubox li{width:172px; height:75px;float:left;}












