@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body{ font-size:13px; font-family:Microsoft Yahei,Arial,"Î¢ÈíÑÅºÚ","ËÎÌå"; color:#bdbec0; background-color:#000;}
ul, li{ list-style:none;}
img{ border:0px;}
a{ color:#bdbec0; text-decoration:none; outline:none;}
a:hover{ color:#bdbec0; text-decoration:none;}
em,th,i{ font-weight:normal; font-style:normal;}
table{ border-collapse:collapse; border-spacing:0;}
td,th{ font-size:13px; font-family:Microsoft Yahei,"Î¢ÈíÑÅºÚ",Arial,"ËÎÌå";}

/* header */
.header{ width:100%; height:31px; background:url(header.png) repeat-x; border-bottom:1px solid #cecece; font-size:12px;}
.header_box{ width:1010px; height:31px; line-height:31px; margin:0px auto;}
.header_box .logo{ float:left; width:166px; height:31px; background:url(logo.png) no-repeat;}
.header_box .logo a{ width:166px; height:31px; display:block;}
.header_box .nav{ float:right; height:31px; overflow:hidden;}
.header_box .nav span{ padding:0px 20px;}
.header a{ color:#000; text-decoration:none;}
.header a:hover{ color:#4c9101; text-decoration:none;}

/* box */
.box{ width:100%; height:692px; background:url(box.jpg) top center no-repeat;}

/* wp */
.wp{ width:1140px; height:692px; margin:0px auto; position:relative;}

/* qk */
.qk{ width:201px; height:152px; position:absolute; cursor:pointer; overflow:hidden;}
.icon{ width:77px; height:106px; position:absolute; left:62px; top:14px;}
.text{ width:201px; height:152px; left:0px; top:120px; position:absolute; background:url(text.png) repeat-y;}
.text a{ width:201px; height:152px; display:block; cursor:pointer;}
.text a .title{ width:201px; height:32px; line-height:32px; text-align:center; font-size:16px;}
.text a .info,.text a:hover .info{ width:189px; height:120px; padding:0px 6px; line-height:26px; font-size:13px; text-decoration:underline;}
.text a .info p{ text-indent:26px;}
.a1{ top:55px; left:500px;}
.a1 .i1{ background:url(a1.png) 0px 0px no-repeat;}
.a1 .i2{ background:url(a1.png) 0px -106px no-repeat; display:none;}
.a2{ top:55px; left:936px;}
.a2 .i1{ background:url(a2.png) 0px 0px no-repeat;}
.a2 .i2{ background:url(a2.png) 0px -106px no-repeat; display:none;}
.a3{ top:160px; left:730px;}
.a3 .i1{ background:url(a3.png) 0px 0px no-repeat;}
.a3 .i2{ background:url(a3.png) 0px -106px no-repeat; display:none;}
.a4{ top:315px; left:578px;}
.a4 .i1{ background:url(a4.png) 0px 0px no-repeat;}
.a4 .i2{ background:url(a4.png) 0px -106px no-repeat; display:none;}
.a5{ top:315px; left:850px;}
.a5 .i1{ background:url(a5.png) 0px 0px no-repeat;}
.a5 .i2{ background:url(a5.png) 0px -106px no-repeat; display:none;}
.a6{ top:491px; left:480px;}
.a6 .i1{ background:url(a6.png) 0px 0px no-repeat;}
.a6 .i2{ background:url(a6.png) 0px -106px no-repeat; display:none;}
.a7{ top:491px; left:930px;}
.a7 .i1{ background:url(a7.png) 0px 0px no-repeat;}
.a7 .i2{ background:url(a7.png) 0px -106px no-repeat; display:none;}

/* bottom */
.bottom{ width:100%; height:58px; line-height:58px; text-align:center; color:#fff;}
.bottom a{ color:#fff;}
.bottom a:hover{ color:#fff; text-decoration:underline;}