﻿@import url("base.css");
@import url("Dialog_Box.css");
#warp{ width:1004px; margin:0 auto; overflow:hidden; background:url(../images/warp.jpg) repeat-y;}
#head{ height:118px; background:url(../images/head.jpg) no-repeat;}
#center{ margin:0 0 20px;}
#sidebar{ width:229px;float:left;}
#main{ width:761px; float:left;}
#foot{ font-size:12px; padding:8px 0; text-align:center; background:url(../images/foot.jpg) no-repeat 50% 0; margin:0 0 20px;}
.clear{ height:0px; overflow:hidden; clear:both;}

#head{ background:url(../images/index2_head.jpg) no-repeat;}
.q_nav{ width:331px; height:34px; line-height:34px; float:right; background:url(../images/q_nav.jpg) no-repeat 100% 0; margin:0 80px 10px 8px; display:inline; text-align:center;color:#560301;}
.q_nav a{ margin:0 3px;}
.q_nav a:link,.q_nav a:visited{color:#560301;}
.lx_logo{float:right;}
/*#head a{ width:59px; height:22px; margin:12px 5px; display:inline-block;background:url(../images/index2_head_ico.gif) no-repeat;}
#head .dengru{ width:46px;}
#head .dengru:hover{ background-position:0 -22px;}
#head .swsy{ background-position:0 -44px;}
#head .swsy:hover{ background-position:0 -66px;}
#head .scby{ background-position:0 -88px;}
#head .scby:hover{ background-position:0 -110px;}*/
#head .lqxbd{ clear:both; text-align:right; margin-right:110px;}
.side_1{ height:160px; overflow:hidden; background:url(../images/index2_side1.jpg) no-repeat;}
.side_1 ul{ margin:70px 0 0 115px; line-height:12px;}
.side_1 li{ margin-bottom:3px;}
.side_2{ width:203px; height:153px; background:url(../images/index2_side_2.jpg) no-repeat; margin:0 auto; padding:10px 0 0;}
.side_2 h2{ text-align:center; margin:0 0 10px;}
.side_2 ul{ margin:0 0 10px 10px; line-height:20px; font-size:14px;}
.side_2 a:link,.side_2 a:visited{color:#cdcdcd;}
.side_2 .more{ text-align:center;}
.side_4{ width:218px; height:284px; margin:0 auto 10px; padding:16px 0 0; background:url(../images/index2_side_4.jpg) no-repeat;}
.side_4 h2{ margin:0 0 40px 55px;}
.side_4 ul{ font-size:14px; font-weight:700; margin:0 0 10px 30px;}
.side_4 .more{ text-align:center; margin-right:10px;}
.side_ad{ text-align:center; margin:0 0 20px;}
.mcul_1{ width:532px; height:189px; margin:0 0 10px; background:url(../images/mcul_1.jpg) no-repeat; float:left;}
.mcul_1 h3{ text-align:center;margin:0 0 10px;}
.mcul_1 p{ margin:0 50px; line-height:20px;overflow:hidden;zoom:1;}
.mcul_1 .time{ float:right;}
.mcul_1 .tabnav{ height:32px; overflow:hidden; padding:1px 0 0; margin:0 0 28px;}
.mcul_1 .tabnav a{width:87px; height:32px;blr:expression(this.onFocus=this.blur());outline:none; float:left;background:url(../images/index2_tabnav.jpg) no-repeat;}
.mcul_1 .tabnav #tabnav_1{margin:0 45px 0 92px; background-position:0 0;}
.mcul_1 .tabnav #tabnav_1.vis,.mcul_1 .tabnav #tabnav_1:hover{ background-position:0 -32px;}
.mcul_1 .tabnav #tabnav_2{background-position:0 -64px;}
.mcul_1 .tabnav #tabnav_2.vis,.mcul_1 .tabnav #tabnav_2:hover{background-position:0 -96px;}
.mcul_1 .tabnav #tabnav_3{margin:0 0 0 40px;background-position:0 -128px;}
.mcul_1 .tabnav #tabnav_3.vis,.mcul_1 .tabnav #tabnav_3:hover{background-position:0 -160px;}
.mcul_2{ width:222px; height:189px; background:url(../images/mcul_2.jpg) no-repeat; float:right;position:relative;}
.mcul_2 p{voerflow:hidden;padding:0 0 0 35px; margin:0 0 15px; text-align:center;position:absolute;top:55px;}
.mcul_2 p img{float:left;}
.mcul_2 .lyb{ text-align:center;clear:both;position:absolute;top:85px;left:55px;}
.mcul_2 .number img{width:15px;height:21px;overflow:hiden;vertical-align:top;}
.mcul_2 .number{vertical-align:top;height:21px;}
.mcul_3{ width:759px; height:745px; margin:0 0 10px; background:url(../images/mcul_3.jpg) no-repeat; position:relative;}
.mcul_3 .nav a{ display:block; position:absolute;}
.nav_1{ width:115px; height:95px; top:49px; left:323px;}
.nav_1:hover{ background:url(../images/index2_nav1.jpg) no-repeat;}
.nav_2{ width:92px; height:122px; top:102px; left:604px;}
.nav_2:hover{ background:url(../images/index2_nav2.jpg) no-repeat;}
.nav_3{ width:154px; height:116px; top:410px; left:554px;}
.nav_3:hover{background:url(../images/index_nav3.jpg) no-repeat;}
.nav_4{ width:137px; height:84px; top:529px; left:315px;}
.nav_4:hover{background:url(../images/index2_nav4.jpg) no-repeat;}
.nav_5{ width:137px; height:136px; top:427px;left:62px;}
.nav_5:hover{background:url(../images/index2_nav5.jpg) no-repeat;}
.nav_6{ width:103px; height:122px; top:92px;left:63px;}
.nav_6:hover{background:url(../images/index2_nav6.jpg) no-repeat;}


.mcul_3 .textbox{ position:absolute; bottom:50px; left:80px; line-height:18px; font-weight:700;color:#361906;}
.index2 .banner{ float:right; margin-right:20px; display:inline;}


/*show_div--新手教程*/
#show_div{ position:absolute;top:100px; left:120px;}
.position_relative{ position:relative;}
#picbtn{ position:absolute; left:0; top:280px; cursor:pointer;}
#picbtn img{ width:86px; height:132px;}
.show_bg{width:717px; height:340px; position:absolute; left:70px; top:0; background:url(../images/show_div.gif) no-repeat;}
#show_conter{ width:717px; height:340px; position:absolute; left:70px; top:0; z-index:100;}
#show_conter .colose{ width:44px; height:44px;float:right;background:url(../images/show_colose.gif) no-repeat; cursor:pointer;}
#show_conter .text{ padding:30px 0 0 ; margin:0 20px 0 50px;}
#show_conter .font1{ font-size:18px; font-weight:700;color:red;}
#show_conter .font2{ font-weight:700;color:#00ccff;}
.conter_btn a{ display:inline-block; width:183px; height:32px; margin:15px 0 0 80px; text-align:center; line-height:32px; font-weight:700; background:url(../images/show_div_btn.gif) no-repeat;}
.conter_btn a:link,.conter_btn a:visited{color:#fff;}
.conter_btn a:hover{ text-decoration:none;}
