@charset "utf-8";
/* CSS Document */

body { margin: 0px; font: 12px Arial, Helvetica, sans-serif;  background: #222121; }
p {font: 12px Arial, Helvetica, sans-serif;}
ul,li { margin: 0px; padding: 0px; list-style: none; }
img { border: none; }

#wrap { width: 806px; height: auto; margin: 0px auto; }
a { color:#FFF; text-decoration:underline;}
a:hover { color:#FFF; text-decoration:none;}

/*=============== header style ==============*/

.header { width: 806px; height: 108px; }
.header .logo { width: 227px; float: left; }
.header .menu { width: 579px; height: 108px; background: #BCBEC0; float: left; }
.header .menu img { float: left; }
.header .menu a { width: 144px; height: 26px; float: left; background: #791D28; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 13px; font-weight:bold; padding-top: 5px; margin-top: 77px; }
.header .menu a:hover { background: #791D28; height:26px; margin-top:0; padding-top:82px; }
.header .menu .a2 { width: 144px; height: 26px; float: left; background: #791D28; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 13px; font-weight:bold; margin-top:0; padding-top:82px;}
.header .menu .a2:hover { background: #791D28; height:26px; margin-top:0; padding-top:82px; }

.menu_w { width:146px;}

/*=============== content style ==============*/

.content { width: 806px; }
.content .banner { width: 760px; height: 262px; background: url(../images/banner.jpg); font-size: 26px; color: #222121; padding: 89px 0px 0px 46px; }
.content .left { width: 483px; height:auto; float: left; }
.content .left .meun { width: 483px; height: 30px; background: #808284; }
.content .left .meun a { height: 24px; float: left; font-size: 12px; color: #FFFFFF; text-decoration: none; padding: 6px 8px 0px 8px; margin-left: 18px; }
.content .left .meun a:hover { background: #222121; }
.content .left .meun .a1 { height: 24px; float: left; font-size: 12px; color: #FFFFFF; text-decoration: none; padding: 6px 8px 0px 8px; margin-left: 18px; background: #222121; }
.content .left .meun .a1:hover { background: #222121; }
.content .left .list { width: 483px; height: auto; padding-top: 40px; }
.content .left .list li { width: 120px; text-align: center; float: left; }
.content .left .list li p { margin: 0px; padding-top: 8px; color: #808284; font-weight: bold; }
.content .right { width: 299px; height:auto; padding: 0px 12px; float: left; color: #FFFFFF; }
.content .right p { margin: 0px; padding-top: 14px; }
.content .right p a { color: #FFFFFF; } 
.content .right p a:hover { text-decoration: none; }
.content .right .title { font-size: 16px; font-weight: bold; }
.bottom_bg { width:806px; height:auto; background:url(../images/bg.gif) repeat-y; float:left; padding-bottom:10px;}

/*about*/
.about_m { width:806px; height:auto; float:left; background:url(../images/bg_m.gif) repeat-y;}
.about_fs0 { width:579px; height:auto; float:right; background:url(../images/pagesafe_img_right.gif);}
.about_left { width:227px; float:left;}
.about_right { width:558px; float:left; padding:0 10px 10px 10px;}
.about_img { float:left; padding:20px 10px 10px 15px;}
.about_right p { padding-top:15px; margin:0; font-weight:bold;}
.about_fs { color:#333;}
.about_fs1 { font-size:14px; color:#791d28;}
.about_fs2 { font-size:15px; padding-left:10px;}
.about_cor { color:#791d28;}
.about_p { padding:10px 10px 0 15px;}
.about_cor { color:#FFF; text-decoration:underline;}

/*contact*/
.contact_left_t { font-size:14px; color:#FFF; font-weight:bold;}
.contact_style { font-weight:bold; line-height:20px; color:#FFF;}
.contact_banner { width:533px; height:232px; float:left; background:url(../images/banner1.jpg); font-size: 26px; color: #222121; padding: 89px 0px 0px 46px;}

/**/
.current { width:550px; float:left; text-align:center; padding:20px 0; font-size:24px; font-weight:bold; color:#791d28;}
.current_img { width:540px; float:left; text-align:center; padding-bottom:10px;}
.project_img { width:250px; height:auto; float:left; padding-right:10px; text-align:right;}