@charset "utf-8";
/* CSS Document */
#banner img{
   height:300px;
 }
.ul_img li
{
	position: absolute;
}
.ul_text
{
	position: absolute;
	top: 250px;
	left:480px;
	width:200px;            
	z-index:1;                    
}
.ul_text li
{
	float: left;
	text-align:center;
	margin-left:3px;
	font-size:16px;	
　  color:#000000;
	opacity:0.3;
	filter:alpha(opacity=30);
	cursor:pointer;
}
.ul_text ul
{
	margin-left:380px;
	margin-top:10px;
	z-index:2;
}
.on
{
   color: #FFFFFF;	
   font-weight:bold;
}

 .per01
{
	width: 780px;
	margin: 20px auto;
	margin-top: 0px;
}
.mpart
{
	width: 238px;
	height: 170px;
	position: relative; *z-index:100;float:left;display:inline;margin-right:20px;}
.part
{
	width: 232px;
	overflow: hidden;
	float: left;
	height: 164px;
	border: 3px solid #fff;
}
.part01
{
	padding-left: 10px;
	float: left;
	padding-top: 6px;
	width: 212px;
	height: 150px;
}
.part01 h3
{
	height: 28px;
	float: left;
	margin-bottom: 8px;
	line-height: 28px;
	font-size: 12px;
	width: 212px;
	border-bottom: 1px solid #ccc;
}
.part01 h3 a
{
	color: #BB1612;
}
.part01 .grp01
{
	float: left;
	width: 38px;
	text-align: center;
}
.part01 .grp01 img
{
	margin: 0 auto;
	width: 21px;
}
.part01 .grp02
{
	float: left;
	width: 148px;
}
.part01 .grp02 a
{
	line-height: 28px;
	color: #646464;
	padding-right: 10px;
}
.part01 .grp02 a:hover
{
	color: #e00000;
	text-decoration: underline;
}
.part02
{
	width: 100%;
	padding-top: 10px;
	float: left;
	border-top: 1px dashed #ccc;
}
.part02 a
{
	line-height: 22px;
	margin-left: 7px;
	color: #369;
}
.block
{
	width: 232px;
	height: 234px;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	float: left;
	background: #f7faff;
	border: 3px solid #e2e5f4;
}
#main .main
{
	width: 365px;
}
#main .main .main_bottom
{
	width: 362px;
	padding-top: 8px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 15px;
}
#main .main .main_bottom li 
{
	border:1px solid #E6E7E7;
	margin-left: 10px;
	float:left;
	padding:2px;
	display:block;
}
#main .main .main_bottom li:hover
{
	border:1px solid #FF6600;
	display:block;
}       


   .wrap
    {
        width: 1002px;
        margin: 0 auto;
        text-align: left;
    }
    #top div#nav
    {
        float: left;
        clear: both;
        width: 1002px;
        height: 52px;
        margin: 22px 0 0;
    }
    #top div#nav ul
    {
        float: left;
        width: 700px;
        height: 52px;
        list-style-type: none;
    }
    #nav ul li
    {
        float: left;
        height: 52px;
    }
    #nav ul li a
    {
        border: 0;
        height: 52px;
        display: block;
        line-height: 52px;
        text-indent: -9999px;
    }
    #video-header
    {
        height: 683px;
        margin: -1px 0 0;
    }
    .wrap
    {
        height: 299px;
        background: url(../images/header-bg.png) no-repeat 50% 0;
    }
    #slide-holder
    {
        z-index: 40;
        width: 993px;
        height: 299px;
        position: absolute;
    }
    #slide-runner
    {
        top: 2px;
        left: 0px;
        width: 1002px;
        height: 300px;
        overflow: hidden;
        position: absolute;
    }
    #slide-holder img
    {
        margin: 0;
        display: none;
        width: 1002px;
        position: absolute;
    }
    #slide-controls
    {
        left: 0;
        top: 240px;
        width: 1002px;
        height: 46px;
        position: absolute;
        background: url(../images/slide-bg.png) 0 0;
    }
    #slide-controls p.text
    {
        float: left;
        color: #fff;
        display: inline;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin: 15px 0 0 20px;
        text-transform: uppercase;
    }
    #slide-nav
    {
        float: right;
        height: 24px;
        display: inline;
        margin: 11px 15px 0 0;
    }
    #slide-nav a
    {
        float: left;
        width: 24px;
        height: 24px;
        display: inline;
        font-size: 11px;
        margin: 0 5px 0 0;
        line-height: 24px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    #slide-nav a.on
    {
        background-position: 0 -24px;
    }
    #slide-nav a
    {
        background-image: url(../images/silde-nav.png);
    }
    #nav ul li a
    {
        background: url(../images/nav.png) no-repeat;
    }
    #links dl
    {
        float: left;
        border: 1px solid red;
        padding: 2px;
        margin-left: 10px;
        margin-top: 20px;
    }
    #links img
    {
        width: 230px;
        height: 54px;
    }
    #links dd
    {
        width: 228px;
        margin-top: 8px;
        text-align: center;
        color: #666;
    }