/**
*在Position属性值为absolute的同时，
*如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）
*的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，
*这对精确定位是很有帮助的。
*/
*{
    margin: 0;
    padding: 0;
	list-style-type:none;
}
/*nav导航盒子*/
div.nav{
    width: auto; height:36px;
	text-align: center;
    position: relative;
}
/*nav-main*/

/*导航条设置*/
.nav-main{}
ul.nav-main>li{
    display: block;
    float: left;
    cursor: pointer;
}
.nav-main li a{ display:block; float:left; padding:0 30px; margin-bottom:27px; overflow:hidden; position:relative; height:36px; top:0; line-height:36px;}
.nav-main li a span{ display:block; position:relative; top:0; color:#010101;}
.nav-main li a:hover span, .nav-main li.nann span{ top:-100%; color:#320d6d;}
.nav-main li a b{ position:absolute; bottom:0; left:50%; margin-left:0px; width:0px; height:2px; background:#320d6d;}
.nav-main li a i{ position:absolute; top:12px; right:0; width:1px; height:16px; background:#bbb;}
.nav-main li a:hover b, .nav-main li.nann b{ left:50%; margin-left:-31px; width:62px;}
.nav-main li a.sy:hover b{ left:50%; margin-left:-16px; width:32px;}

/*隐藏盒子设置*/
.hidden-box{
    position: absolute !important;
    display:none;
    top:63px;
	z-index:999;
	background:#f7f7f7;
	border-top:1px solid #ddd;
}
.hidden-box>ul{
	background:#f7f7f7; height:100%;
    list-style-type: none; position:relative;
    color:#fff; float:left;
    cursor:pointer;
}
.hidden-box li{ display:block; clear:both; padding:0 22px; color:#000; font-size:14px; line-height:36px;}
.hidden-box li:hover{ color:#320d6d;}
/*隐藏盒子位置设置*/
.box01{
    left:100px;
}
.box02{
    /**left:217px;**/
	left:230px;
}

.box03{
    left:355px;
}
.box04{
	left:475px;
}
.box05{
	left:595px;
}
.natuk1{ display:block; padding:29px; background:#fefefe; width:360px; height:300px; }
.natuk{ display:block; width:300px; height: auto; float:left; line-height:26px; color:#000; font-size:16px; text-align:center;}
.natuk img{ display:block; margin:0 auto 12px; border:1px solid #ccc;}
.erj{ display:block; clear:both; width:200px; margin-bottom:10px; margin-right:30px; text-align:left; padding:0 15px; font-size:18px; line-height:30px; color:#222;}
.erj:visited{ color:#222;}
.erj img{ margin:0 auto;}
.sanl{ display:block; width:230px;}
.sanl a{ display:block; text-align: left; padding:0 15px; line-height:30px; font-size:12px; color:#555;}
.sanl a:visited{ color:#555;}
.cplk{ padding:30px 20px 25px; width:272px; height:360px; float:left; overflow:hidden; border-right:1px solid #ddd;}
.cplk:last-child{ border-right:none;}
.sanl a:hover{ background:#320d6d; color:#FFF;}

.box01 ul,.box02 ul, .box03 ul, .box04 ul, .box05 ul{padding:10px 0 20px;}
.box01 ul a, .box01 ul a:visited,.box02 ul a, .box02 ul a:visited, .box03 ul a, .box03 ul a:visited, .box04 ul a, .box04 ul a:visited, .box05 ul a, .box05 ul a:visited{ display:block; color:#000; line-height:44px;}
.box01 ul li,.box02 ul li,.box03 ul li, .box04 ul li, .box05 ul li{ border-bottom:1px solid #ddd;}
.box01 ul li:hover,.box02 ul li:hover,.box03 ul li:hover, .box04 ul li:hover, .box05 ul li:hover{ background:#320d6d;}
.box01 ul a:hover,.box02 ul a:hover, .box03 ul a:hover, .box04 ul a:hover, .box05 ul a:hover{ color:#fff;}



.tab{width:600px;position:relative; }
.tab .tab_menu{width:280px;float: left; z-index:1;}
.tab .tab_menu li{ clear:both; width:280px; padding:0 20px; cursor:pointer;text-align:center;}
.tab .tab_menu li a{ text-align:left !important;}
.tab .tab_box{width:280px;height:100px; float:left; }
.tab .tab_menu .selected{ cursor:pointer; background:#320d6d; color:#FFF;}
.tab .tab_menu .selected a{ cursor:pointer; color:#fff;}
.hide{display:none;}
.tab_box .div{ } 

.tab2{width:554px;position:relative; }
.tab2 .tab_menu{width:140px;float: left; z-index:1;}
.tab2 .tab_menu li{ clear:both; width:140px; cursor:pointer;text-align:left;}
.tab2 .tab_box{width:280px;height:100px; float:left; }
.tab2 .tab_menu .selected{ cursor:pointer; background:#320d6d; color:#FFF;}
.tab2 .tab_menu .selected a{ cursor:pointer; color:#fff;}
.hide{display:none;}
.tab2 .tab_box .div{ float:left;} 

.tab2 .alfl{ background:#FFF; width:414px; height:390px; padding:20px 30px;}
.tab2 .alfl a{ display:block; text-align:left; border-bottom:1px solid #ddd; line-height:40px; font-size:12px; color:#222; }
.tab2 .alfl a:visited{ color:#222;}
.tab2 .alfl a:hover{ color:#005197; padding-left:5px;}