@import url("base.css");
@charset "utf-8";

/* layout */
body { background:url('../images/index/top_bg.jpg') repeat-x;}
#wrap {margin:0 auto; width:1016px;}
#header {width:1016px;}
#header dl {float:right; margin-top:23px; margin-bottom:18px}
#header dd {float:left;}
#header ul {clear:both;}
#header li {float:left;}
.topmenu{clear:both;height:39px;background:url('../images/sub/tomenubg.gif') repeat-x top;}
.topleft{float:left; width:600px; height:39px; z-index:1;}
.topright { float:right;}
.topright ul li img{vertical-align:top; margin:0}
.logo{float:left}
.logo img{padding-top:41px;}
.toplink{float:right; width:400px}


/* top menu */
ul.dropdown{position:relative; z-index:1;width:892px; height:45px;}
ul.dropdown li{float:left; }
ul.dropdown li ul{position:absolute; width:892px; z-index:2; overflow:hidden;}
ul.dropdown li ul.sub01{left:2px; top:45px; display:none;}
ul.dropdown li ul.sub02{left:2px; top:45px; display:none;}
ul.dropdown li ul.sub03{left:563px; top:45px; display:none;}
ul.dropdown li ul li{float:left;}
ul.menu_line{float:left; width:892px;}

#middle				{width:1016px; clear:both; height:291px; border-bottom:1px solid #248dcb;}
.middle_left		{float:left;width:537px;}
.con				{margin-top:70px;margin-left:70px;}
.tit				{padding:21px 0px 12px 0px;}
.middle_right		{float:right; width:479px; height:310px;}

#container { width:1016px; _zoom:1; }
#container:after {display:block; clear:both;content:''; }
#container_left{float:left;width:212px; height:292px; border-right:1px solid #acd4eb;}
.news {width:212px;height:120px;margin-top:26px;overflow:hidden;}
.news li {width:210px;}
.news li a {display:block;background:url('../images/index/news_dot.gif') 0px 11px no-repeat;padding:3px 0px 3px 9px;line-height:18px;text-decoration:none;word-spacing:-1px;overflow:hidden;color:#666;font-size:12px;}
.news li a:hover {text-decoration:underline;color:#437dcc;}
.company{margin-top:15px;}
.company li a {line-height:18px;text-decoration:none;word-spacing:-1px;overflow:hidden;color:#666;padding:0px 3px 0px 0px;}
.company li a:hover {text-decoration:underline;color:#437dcc;}
.title {padding-bottom:7px;}

#feature			{float:left;width:550px;height:292px;margin-left:20px;}
.feature_content	{clear:both;width:550px;margin:0 auto;}
.feature_box		{width:164px;height:200px;float:left;margin:0px;text-align:center;margin-top:10px;}
.featurebox_title	{height:35px;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;font-weight:bold;line-height:15px;color:#5895b9;}
.feature_image		{width:145px;height:102px;border:1px solid #d5d6d8;background:#FFF;text-align:center;margin:0 auto;}
.feature_desc		{width:145px; text-align:left; margin:10px auto;}
.feature_arrow	{float:left;padding:80px 5px 0px 5px;}
.feature_tit	{float:left;margin-top:26px;margin-bottom:6px;}

#container_right{float:right;width:221px; height:292px; border-left:1px solid #acd4eb;}
.inqury {margin-top:26px; margin-left:20px;}
.btn {margin-top:5px;}
.contacus{margin-top:30px; margin-left:20px;}
#icon{margin-top:6px;float:left;width:200px;}
.icon_left{float:left; margin-right:5px;width:35px;}
.icon_right{float:right;width:150px;}
.icon_right li{display:block;height:13px;background:url('../images/index/dot_line.gif') 0px 11px no-repeat;padding:2px 0px 2px 9px;line-height:15px;text-decoration:none;word-spacing:-1px;color:#666;font-size:11px;}

/* footer */
#footer				{clear:both; height:95px;background:url(../images/index/footer_bg.jpg) repeat-x;color:#FFF; font-size:11px;padding-top:15px;}
#footer a:link, #footer a:visited{color:#FFF;}
.footer_inside		{width:933px;margin:0 auto;}
.footer_left		{width:340px;float:left;padding-top:25px;font-weight:bold;}
.footer_right	{float:right;padding-top:5px;text-align:right;font-size:10px;line-height:17px;}