@import "style.css";


body{
    margin:0px;
	padding:0px;
	OVERFLOW:auto ;
	background:#fff;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
#main {

	POSITION: relative; 
	WIDTH:100%;
	HEIGHT:515px;
	Z-INDEX: -1;
	TOP:0px;
	text-align:center; background:#dee2e5 url(image/m_bg.gif) repeat-x top;

}
#main_bg {
	POSITION: relative; 
	WIDTH:100%;
	HEIGHT:515px;
	Z-INDEX: -1;
	TOP:0px;
	text-align:center; background:url(image/main1.jpg) no-repeat center top;
}
#main_txt {position:absolute; top:70px; margin-left:40px; left:50%; text-align:left;}
/***ÄÜÅÙÃ÷***/
#content:after {clear:both;display:block;content:"";}
#content {
	clear:both;
    Z-INDEX:11;
	POSITION:relative;
	WIDTH:100%;
	min-height:630px;
	TOP:0px;
	text-align:center; background:#dee2e5;
	
}


#m_pro {
	POSITION:relative;
	WIDTH:1000px;
	min-height:670px;
	text-align:left;
	top:0px;
	margin:0 auto;
}
#m_pro h1 {padding:10px 0 40px 0; text-align:center; font-size:32px; color:#2b2b2b; line-height:32px; font-weight:700; font-family:Arial, Helvetica, sans-serif}

/*-------------------------¸ÞÀιè³Ê------------------------------*/

.oe_overlay{
	background:#000;
	opacity:0;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:162px;
}
.oe_wrapper {position:absolute; width:1000px; margin:0px 0; left:0px;}


ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px auto;
	width:1000px;
	clear:both;
	top:0px;
}
ul.oe_menu > li{
	width:234px;
	height:266px;
	padding-bottom:0px;
	float:left;
	position:relative;
	margin:0 21px 21px 0px ;
	
}
ul.oe_menu > li.last {margin:0  0 21px 0;}
ul.oe_menu > li a span {margin:0px 0 10px  0; display:block; font-size:13px; color:#979797;}
ul.oe_menu > li a span.t1 {margin:55px 0 0 0; color:#8c8c8c; line-height:16px; font-size:12px;}	
ul.oe_menu > li > a{
	display:block;
	color:#424242;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	width:234px;
	
	padding:215px 0 51px 0;
	margin:0;
	text-align:center;
	line-height:15px;
	/*text-shadow:0px 0px 1px #000;
	opacity:0.8;*/
	}

	
ul.oe_menu > li > a.m1  {background:url(image/m_pro01.png) no-repeat left top;}
ul.oe_menu > li > a.m2	{background:url(image/m_pro02.png) no-repeat left top;}
ul.oe_menu > li > a.m3	{background:url(image/m_pro03.png) no-repeat left top;}
ul.oe_menu > li > a.m4	{background:url(image/m_pro04.png) no-repeat left top;}
ul.oe_menu > li > a.m5	{background:url(image/m_pro05.png) no-repeat left top;}
ul.oe_menu > li > a.m6	{background:url(image/m_pro06.png) no-repeat left top;}
ul.oe_menu > li > a.m7	{background:url(image/m_pro07.png) no-repeat left top;}
ul.oe_menu > li > a.m8	{background:url(image/m_pro08.png) no-repeat left top;}
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	
		color:#424242;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	/*background:#fff;
	text-shadow:0px 0px 1px #FFF;*/
}
ul.oe_menu div {
	position:absolute;
	top:0px;
	left:0px;
	/*background:url(image/m_pro_on.png) no-repeat center top;*/
	width:234px;
	height:266px;
	padding:0px;
	display:none;
	margin:0px;
}
ul.oe_menu div.ms2 {background:url(image/m_pro02_on.jpg) no-repeat center top;}
ul.oe_menu div.ms3 {background:url(image/m_pro03_on.jpg) no-repeat center top;}
ul.oe_menu div.ms4 {background:url(image/m_pro04_on.jpg) no-repeat center top;}
ul.oe_menu div.ms5 {background:url(image/m_pro05_on.jpg) no-repeat center top;}
ul.oe_menu div.ms6 {background:url(image/m_pro06_on.gif) no-repeat center top;}
ul.oe_menu div ul ul{float:left; width:50%;}

ul.oe_menu div ul li a{
	
	text-decoration:none;
	color:#f0f5ff;
	padding:0px;
	margin:0px;
	display:block;
	font-size:12px;
	font-weight:700;
	 text-align:center;
}
ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	background:url(image/bt_icon2.png) no-repeat 23px 9px;
	color:#ffe674;
}

li.oe_heading{
	color:#fff;
	font-size:25px;
	padding-top:0px; margin:0px auto 0px auto;top:0px;
    text-align:center;font-weight:700;
}



/*---------------------¸ÞÀιè³Ê end-------------------------------------------*/
#content_in:after {clear:both;display:block;content:"";}
#content_in {
	POSITION:relative;
	WIDTH:100%;
	min-height:290px;
	text-align:center;
	top:0px;
	margin:0 auto;
	background:#0075c1;
}
#content_in_lay {
	POSITION:relative;
	WIDTH:1000px;
	min-height:290px;
	text-align:left;
	top:0px;
	margin:0px auto; 
}
/**»ý»êÁ¦ÀÛ°úÁ¤**/
#m_b01 {position:absolute;width:249px; height:230px;text-align:center;left:0px;top:30px; border-left:1px solid #53a9e0;border-right:1px solid #53a9e0;}
#m_b01 h1 {color:#fff; font-weight:700; font-size:16px; line-height:17px; text-align:center;margin:30px 0 20px 0px;}

#m_b01 p.rollover01 {float:left; width:249px; min-height:230px;  margin:0px 0px 0 0px; list-style:none; }
#m_b01 p.rollover01  a {display:block; width:117px; height:134px;text-indent:-3000px; background:url(image/m_b01.png) no-repeat; background-position:0 0; margin:0px auto 0 auto  }
#m_b01 p.rollover01  a:hover {background-position:0 -134px;}

/**°øÁ¤µ¿¿µ»ó**/
#m_b02 {position:absolute;width:249px; height:230px;text-align:center;left:250px;top:30px;border-right:1px solid #53a9e0;}
#m_b02 h1 {color:#fff; font-weight:700; font-size:16px; line-height:17px; text-align:center;margin:30px 0 20px 0px;}

#m_b02 p.rollover01 {float:left; width:249px; min-height:230px;  margin:0px 0px 0 0px; list-style:none; }
#m_b02 p.rollover01  a {display:block; width:117px; height:134px;text-indent:-3000px; background:url(image/m_b02.png) no-repeat; background-position:0 0; margin:0px auto 0 auto  }
#m_b02 p.rollover01  a:hover {background-position:0 -134px;}

/**»ó´ã¹®ÀÇ**/
#m_b03 {position:absolute;width:249px; height:230px;text-align:center;left:500px;top:30px;border-right:1px solid #53a9e0;}
#m_b03 h1 {color:#fff; font-weight:700; font-size:16px; line-height:17px; text-align:center;margin:30px 0 20px 0px;}

#m_b03 p.rollover01 {float:left; width:249px; min-height:230px;  margin:0px 0px 0 0px; list-style:none; }
#m_b03 p.rollover01  a {display:block; width:117px; height:134px;text-indent:-3000px; background:url(image/m_b03.png) no-repeat; background-position:0 0; margin:0px auto 0 auto  }
#m_b03 p.rollover01  a:hover {background-position:0 -134px;}



/**°í°´¼¾ÅÍ**/
#m_tel {position:absolute;width:248px; height:230px;text-align:center;left:750px;top:30px;border-right:1px solid #53a9e0;}
#m_tel h1 {color:#fff; font-weight:700; font-size:16px; line-height:17px; text-align:center;margin:30px 0 20px 0px;}
#m_tel p { font-size:13px; color:#979797;}

/**ºí·Î±×**/
#m_blog {position:absolute;width:200px;text-align:left;left:1000px;top:30px;}

/*-------------------------Çϴܹè³Ê-----------------------------*/


#bottom_banner {
	position:absolute;
	WIDTH: 1200px; 
	HEIGHT:145px;
	text-align:left;
	TOP:479px;
	left:0px;
	background:#f0f0f0;
}
#bottom_banner h1 {margin:25px 0 15px 28px; font-size:16px; font-weight:700; color:#2d2d2d;}
#bottom_banner ul { margin:0 28px;}
#bottom_banner ul li {float:left; margin-right:3px;}
#bottom_banner ul li.last {margin-right:0px;}


/***ÇÏ´Ü***/
#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 120px;
	text-align: center;
	TOP:0px;
	background:#222222 url(image/tail_bg.gif) repeat-x top; 
}

#bottom_lay {
	WIDTH:1000px;
	HEIGHT: 120px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
}
#bottom_lay li.taillogo {float:left; width:200px; padding:35px 0 30px 50px ;}
#bottom_lay li {padding:30px 0 0 10px;font-size:12px;color:#868686;line-height:160%; text-align:left; }
#bottom_lay li span.torange {font-size:13px; font-weight:700; color:#f26822;}
#bottom_lay li span { display:block;font-family: Verdana, Geneva, sans-serif;font-size:10px;color:#5b5b5b; line-height:200%; }