@charset "utf-8";
/* CSS Document */
@import url('../css/reset.css');

body {
background:url(../images/bg.gif) repeat;
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}


/*  -----------------------------  top   -------------------------   */
#wrap{
width:970px;
margin:0px auto auto auto;
}
.top_corner{
width:970px;
height:40px;
background:url(../images/top_bg.png) no-repeat center bottom;
padding-top:1px;
}
.top_text {color:white; width:120px; height:20px; margin:10px 10px auto auto;}
.top_text a { text-decoration:none; color:white; font-size:14px; line-height:20px;}
.top_text a:hover{ text-decoration:underline;}
#main_container{
width:970px;
background:url(../images/---center_bg_repeat.png) repeat-y center;
}
#header{
width:970px;
margin:auto;
height:90px;
}
#logo{
padding:10px 0 0 10px;
float:left;
}




/* -------------------------------- 菜单栏  ------------------- */


#nav  {background: url(../images/slice.png) repeat-x;width:100%;height:40px;}
#navigation { margin-left:0px; width:961px;}
#navigation li{ float: left; display:block;}
#navigation li a { background-image:url(../images/menu.png); display: block; outline: none; position: relative; height: 40px;
	text-decoration: none; width: auto; }
#navigation .home 
	{
	background-position:0px 0px;
	width:160px;
	height:40px;
	}
#navigation .services 
	{
	background-position:-160px 0px;
	width:160px;
	height:40px;
	}
#navigation .portfolio 
	{
	background-position:-320px 0px;
	width:160px;
	height:40px;
	}
#navigation .about 
	{
	background-position:-480px 0px;
	width:160px;
	height:40px;
	}
#navigation .contact 
	{
	background-position:-640px 0px;
	width:160px;
	height:40px;
	}
#navigation .down 
	{
	background-position:-800px 0px;
	width:161px;
	height:40px;
	}
#navigation a .hover {
	background: transparent  url(../images/menu.png) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}
#navigation .home .hover {
	background-position: -0px -42px;
    }
#navigation .services .hover{
	background-position: -160px -42px;
	}
#navigation .portfolio .hover {
	background-position: -320px -42px;
	}
#navigation .about .hover {
	background-position: -480px -42px;
	}
#navigation .contact .hover {
	background-position: -640px -42px;
	}
#navigation .down .hover {
	background-position: -800px -42px;
	}
	
	
	
	
/* ----------------- 主图片  切换 -----------------------  */


/*-----------------middle_banner----------------------------*/
.middle_banner{
width:987px;
height:314px;
background:url(../images/middle_banner_bg.png) no-repeat center;
}

/*----------------------slider---------------------------*/
.featured_slider { width:975px;  float:left; margin:18px 0 0 6px; }
ul, li{
padding:0px;
margin:0px;
list-style:none;
}

/** ----------------------------------------------------- **/
#featured_border { position: relative; border: none; padding:0px; height:290px; margin: 0px; }
#featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
#featured_images { position: absolute; left: 0; top: 0; }
#featured_images li { float: left; }
#featured_positioner_desc { width:975px; height: 290px; position: absolute; top: 0px; left: 0px; }
#featured_wrapper_desc { width: 100%; height:290px; position: relative; overflow: hidden; }
#featured_desc { position: absolute; left: 0; bottom: 0;  padding:0px; margin:0px; }
#featured_desc li { width: 975px; float: left;padding:0px; margin:0px; }
#featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:955px;  background: url(../images/featured-desc-bg.png); }
#featured_desc li h2 {
color:#FFFFFF;
font-size:18px;
padding:0px 0 5px 0;
margin:0px; 
}
#featured_desc li p {
color:#FFFFFF;
font-size:16px;
padding:0px 0 5px 0;
margin:0px;

line-height:20px;
}

#featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
#featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
#featured_buttons li.clicked { background: url(../images/featured-button-on.png); }
/**/	




/*-----------------    main    content          ---------------------------------*/

.main_content
{ width:980px; margin:0 auto;}
.in_content { width:980px; background:url(../images/center_bg_repeat.png) repeat-y center; height:425px; padding-top:10px;}
.in_content ul { width:950px; margin-left:18px;}
.in_content ul li { width:465px; float:left; display:block;}
.box_top { float:left; display:block; width:50px; height:60px; margin-top:5px; margin-left:40px;}
.box_top img { width:50px; height:60px;}
.box_top2 { height:25px; width:320px; background: #1275DB; font-size:20px; display:block; float:left; text-align:center; font-weight:bold; margin:15px auto auto 20px; padding-top:6px; line-height:20px; }
.box_top2 a{ color:#FFFFFF; text-decoration:none; font-weight:bold; letter-spacing:2px;}
.box_down { width:390px; height:110px; font-size:16px; margin:10px auto auto 50px; display:block; float:left; }
.more { text-align:right; width:420px; display:block; float:left; margin:auto 10px; font-size:14px; }
.more a{ text-decoration:none; color:#FF0000; font-weight:bold;}
.more a:hover{ text-decoration:underline;}

#first
{ width:318px; display:block; float:left; border:#FFFFFF solid 1px;}




/*  ----------------------------------------- foot   --------------------------*/

.foot_out { background:url(../images/foot.png) repeat-x; width:100%;}
.foot{  height:60px; width:960px; margin:0 auto; color:#FFFFFF;}
.foot_nav{ float:left; color:#FFFFFF; padding:10px 0; line-height:18px;}
.foot_nav a{ color:#FFFFFF; padding:0 5px; text-decoration:none;}
.foot_nav a:hover{ text-decoration:underline;}
.foot_bar{ float:right; line-height:18px; font-size:12px; padding:10px 0 0 0; text-align:right;}