@charset "gb2312";
/* CSS Document */
 .menu ul {line-height:36px;background-color: #227fc4}
	.menu li {border-bottom:1px solid #298bd3;text-align: center;}
        .menu li:last-child {border-bottom-style: 0;}
	.menu a {display:block; color:#fff; font-weight:bold; background-color: #ff660;}
        .menu a:hover{background-color: #ffb200;color: #ffffff;display: block;}
body, th, td, input, select, textarea {color:#333; font-family:Microsoft YaHei, WenQuanYi Micro Hei; font-size:14px}
body {margin:0;padding:0}

th,td {border-collapse:collapse;padding:0;}
a {color:#333; text-decoration:none}
a,button { behavior:url(htc/select.htc);}   
a:hover {color:#f00}
img {border:0}
input, select {vertical-align:middle}
ul, ol, li, dl, dt, dd, form {margin:0; padding:0; list-style:none}
hr { height:1px; border:0; border-top:solid #ccc 1px;}
.pageer {width:1005px; margin:0 auto; overflow:hidden; }
.m40{margin-top: 40px}
#about{ width:250px; padding-top:25px;line-height:20px; color:#333333; }
#pro{ width:500px; height:170px; background-image:url(images/protitle.gif); margin:0}
#contact{ line-height:25px; padding-top:10px; padding-left:15px;}
#foot{ margin:5px; padding-left:60px; padding-right:20px; margin-top:15px;}
.mabout{background: url("images/abouttitle.gif") no-repeat center top; margin-top: 40px}

#bb{width:277;}
#bb ul{ list-style:none; margin:0; padding:0;}
#bb ul li{ background-image:url(images/casebg.jpg);height:35px; line-height:20px; text-align:center; font-size:12px; padding-top:5px;}
#bb ul li a:hover{ background-image:url(images/casebb.jpg); display:block; color:#FFFFFF; height:35px; width:277; height:28px; line-height:20px; text-align:center;}


/* Main */
.mpage {width:1005px; margin:0 auto; overflow:hidden}
.mmain {background:url(images/left_bg.jpg) repeat-y}
.mguide {width:200px; display:inline; padding:30px 4px 0 0; margin-left:7px; background:url(images/left_bg_top.jpg) no-repeat -6px 0; float:left}
.mdetail {width:780px; padding-bottom:20px; margin-right:2px; float:right; overflow:hidden}
.mdetail hr {clear:both; margin:0; padding:0; height:0px; border-top:1px solid #e3e3e3}

.mguide_title {width:200px; height:32px; overflow:hidden; line-height:500px; background:url(images/guide_title.gif) no-repeat}
.mguide_ul ul {margin:0; padding:0; list-style:none; line-height:32px}
.mguide_ul li {border-bottom:1px solid #e3e3e3}
.mguide_ul a {display:block; padding-left:30px; background:url(images/bg.gif) no-repeat 13px -66px}
.mguide_ul a:hover {background-color:#eee; color:#000}
.mguide_ul ul ul {background:url(images/left_bt_top.jpg) no-repeat; line-height:26px; padding:5px 0}
.mguide_ul ul ul li {border:none}
.mguide_ul ul ul li a {padding-left:33px; background:url(images/bg.gif) no-repeat -410px 4px}
.g_about {}
.g_engineering {background-position:0 -32px}
.g_solutions {background-position:0 -64px}
.g_products {background-position:0 -96px}
.g_news {background-position:0 -128px}
.g_service {background-position:0 -160px}
.g_job {background-position:0 -192px}
.g_contact {background-position:0 -224px}
.g_law {background-position:0 -288px}
.g_guest {background-position:0 -320px}


.gengineering {margin-top:10px}
	.gengineering a {display:block; width:170px; height:50px; margin:0 auto; overflow:hidden; line-height:500px; background:url(images/engineering.gif) no-repeat}
.gcontact {margin:10px 0}
	.gcontact a {display:block; width:170px; height:50px; margin:0 auto; overflow:hidden; line-height:500px; background:url(images/contact.gif) no-repeat}

.mhere {height:32px; line-height:32px; text-align:right; color:#999}
	.mhere a {color:#999}
	.mhere strong {color:#666; font-weight:normal}

.mtitle {height:40px; line-height:40px; padding-left:23px; color:#227fc4; font-size:14px; font-weight:bold; border-top:1px solid #e3e3e3; border-bottom:1px dashed #e3e3e3; background:url(images/bg.gif) no-repeat 0 -94px}
.mbody {margin:15px 15px; line-height:21px; overflow:hidden; clear:both}
.mbodyb {clear:both; width:100%; overflow:hidden}
.minfo {line-height:24px; border-top:1px dashed #e3e3e3; text-align:right; overflow:hidden; clear:both}
.mpnpage{ text-align:left }
.mpnmessage { text-align:right}
.mlist {}
.mlist ul {margin:0; padding:0; list-style:none; line-height:32px}
.mlist li {background:url(images/bg.gif) no-repeat -30px 7px; padding-left:10px; border-bottom:1px solid #eee}
.mlist span {font-weight:bold; color:#5887c2; font-size:10px; padding-left:5px}


.sider {float:left; width:277px}
	.sider ul {line-height:35px; background-image:url(images/casebg.jpg);}
	.sider li {border-bottom:3px solid #fff;}
	.sider a {display:block; color:#fff; font-weight:bold; padding-left:30px}
	.sider a:hover {background-image:url(images/casebb.jpg); color:#fff;}
	.sider01 { border-bottom:solid #FFF 1px;}
	
	
	.pimgbox { width:150px; height:120px; float:right; position:relative; margin:0px 0px 0 20px}
.onbig {195px top no-repeat; color:#FFF; display:block; width:205px; height:24px; margin:0 5px; line-height:24px; position:absolute; bottom:5px; text-align:right; padding-right:15px; }/*filter:alpha(opacity=20); opacity:0.2;*/
.onbiga { display:block; width:219px; height:24px;}
.prodimg { border:solid #f0f0f0 5px;}
	

.bannerbg{ background:url(bannerbg.jpg) center top; width:100%; height:337px; margin:0 auto;}