@charset "utf-8";
/* CSS Document */
body{ line-height:20px; color:#494949; }
*{ margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
a, a:hover{ text-decoration:none; }
a{ color:#494949; }
a:hover{ text-decoration:underline; }
ul, li, ol{ list-style:none; }
img{ border:0; }
.clear1{ clear:both; margin:0 auto; overflow:hidden; height:0; } 
.clear2{ clear:both; overflow:hidden; height:8px; } 

#header, #content, #content2, #footer{ clear:both; width:1003px; margin:0 auto; position:relative; }

/* header */ 
.logo{ margin:22px 0 0 30px; height:49px; }
.language{ float:right; margin:5px 35px 0 0; display:inline; }
.language li{ float:left; padding-right:5px; }
.language li img{ vertical-align:middle; }
.nav{ position:absolute; left:270px; top:37px; }
.nav li{ float:left; padding:0 10px 0 11px; position:relative; z-index:1; line-height:35px; font-weight:bold; text-transform:uppercase; }
.nav li a:hover{ text-decoration:none; color:#e2001a; }
#current_nav1{ padding:0; }
#current_nav1 p{ float:left; background:url(../images/nav_bg02.png) repeat-x left top; height:48px; padding:0px 9px 0 8px; color:#fff; }
#current_nav2{ padding:0; }
#current_nav2 p{ float:left; background:url(../images/nav_bg05.png) repeat-x left top; height:48px; padding:0px 9px 0 8px; color:#fff; }
.float{ float:left; }

/*content*/
#content{ height:auto; min-height:400px; _height:400px; }
#content2{ height:auto; min-height:328px; _height:328px; }
/*content_left*/
.content_left{ padding:35px 0 0 30px; }
.content_left li{ background:url(../images/index_bg.jpg) repeat-x left top; width:210px; float:left; margin-right:21px; }
.content_left h2{ background:url(../images/arrow02.gif) no-repeat left 50%; padding-left:8px; margin:13px 0 0 8px; }
.content_left h2 a{ color:#1e57a7; }
.content_left p{ width:176px; height:100px; margin:13px 0 0 17px; overflow:hidden; }
.content_left p a{ color:#494949; }
.more{ margin:5px 0 21px 166px; }
.more a{ color:#00c2db; font-weight:bold; }
/*content_right*/
.content_right{ position:absolute; right:29px; top:-17px; width:240px; }
.sub_nav{ background:url(../images/sub_nav_bg01.gif) repeat-x left top; border:#e6dabe solid 1px; padding-bottom:8px; height:auto; min-height:144px; _height:144px; }
.sub_nav h2{ color:#fff; margin:6px 0 18px 15px; text-transform:uppercase; }
.sub_nav li a{ background:url(../images/arrow01.gif) no-repeat left 50%; margin-left:15px; padding-left:20px; text-transform:capitalize; }
.sub_nav li a:hover{ background:url(../images/arrow03.gif) no-repeat left 50%; }
.current_nav{ background:url(../images/arrow05.gif) no-repeat left 6px; margin-left:15px; text-indent:20px; text-transform:capitalize; }
.index_contact{ background:url(../images/sub_nav_bg02.gif) repeat-x left top; border:#e6dabe solid 1px; height:172px; margin-top:17px; }
.index_contact h2{ color:#fff; margin:7px 0 17px 15px; }
.index_contact p{ margin:0 15px; }
.sub_menu{ margin-left:-24px; }
*html .sub_menu{ margin-left:0; }
*+html .sub_menu{ margin-left:0; }
.sub_menu li a{ background:url(../images/arrow06.gif) no-repeat 10px 50%; text-indent:-4px; }
.sub_menu li a:hover{ background:url(../images/arrow02.gif) no-repeat 10px 50%; text-indent:-4px; }
#current_menu{ background:url(../images/arrow02.gif) no-repeat left 50%; text-indent:10px; margin-left:45px; }
*html #current_menu{ background:url(../images/arrow02.gif) no-repeat left 50%; text-indent:10px; margin-left:21px; }
*+html #current_menu{ background:url(../images/arrow02.gif) no-repeat left 50%; text-indent:10px; margin-left:21px; }
.current_sub_nav{ background:url(../images/arrow03.gif) no-repeat left 50%; display:block; margin-left:15px; text-indent:20px; height:20px; text-transform:capitalize; }

/*footer*/
#footer{ margin-top:25px; height:30px; background-color:#9297a7; border-top:#df0000 solid 4px; color:#fff; }
.link{ float:left; width:550px; margin-left:30px; display:inline; font-variant:small-caps; padding-top:5px; }
.link a{ color:#fff; }
.choose{ float:right; margin-right:30px; display:inline; padding-top:5px; }
.choose select{ vertical-align:middle; }

/*about*/
.about_left{ padding:17px 0 0 30px; width:673px; }
.about_left h2{ font-size:14px; text-transform:uppercase; line-height:30px; }
.icon01{ width:10px; height:25px; background-color:#e30119; display:block; float:left; margin-right:10px; display:inline; }
.about_text{ padding:10px 0 0 23px; width:650px; }
.about_text img{ float:left; margin:0 25px; }
.icon02{ padding:10px 0 0 23px; width:650px; }
.icon02 p{ background:url(../images/arrow04.gif) no-repeat left 7px; padding-left:15px; font-weight:bold; }
.icon03 p{ background:url(../images/arrow04.gif) no-repeat left 7px; padding-left:15px; }
.icon03{ margin-bottom:10px; width:250px; }
.icon05 p{ background:url(../images/arrow04.gif) no-repeat left 7px; padding-left:15px; }
.icon05{ margin-bottom:10px; }
.icon04 p{ background:url(../images/arrow04.gif) no-repeat left 7px; padding-left:15px; font-weight:bold; }
.active{ padding:10px 0 0 0px; width:660px; overflow:hidden; }
.active li{ float:left; margin:10px 10px 0 0; }
.active p{ border-bottom:#bdc3cb solid 1px; font-weight:bold; width:650px; }
.padding{ padding:10px 0 0 23px; width:650px; }
.img02{ width:660px; overflow:hidden; }
.img02 li{ float:left; margin:10px 50px 10px 10px; text-align:center;  }
.img02 li img{ border:#cfcfcf solid 1px; }
.img01{ width:660px; overflow:hidden; }
.img01 li{ float:left; margin:10px 8px 0 0; }
.img01 li img{ border:#cfcfcf solid 1px; }
.top{ float:right; padding-right:30px; }
.line{ border-bottom:#bdc3cb solid 1px; clear:both; margin:20px 0; height:20px; }
.line_forSitemap{ border-bottom:#bdc3cb solid 1px; clear:both; margin:20px 0; }

/*news*/
.news_list{ margin-top:10px; }
.news_list li{ line-height:30px; border-bottom:#bdc3cb solid 1px; padding-left:23px; }
.news_list_title{ background:url(../images/arrow02.gif) no-repeat left 50%; margin-left:15px; padding-left:10px; }
.news_top{ border-bottom:#bdc3cb solid 1px; padding:10px 0 0 23px; width:650px; }
.news_title{ font-weight:bold; float:left; width:650px; }
.date{ float:left; }
.back{ float:right; padding-right:30px; background:url(../images/arrow04.gif) no-repeat left 50%; text-indent:13px; }
.news_details{ margin:10px 23px; }
.num{ text-align:center; margin-top:10px; }
.num a { color:#666666; text-decoration:underline}
.num a:hover { color:#000; text-decoration:underline}

.solution li{ float:left; text-align:center; padding-right:20px; width:290px; }
.solution li p{ font-weight:bold; }
.solution li img{ margin-top:5px; }
.width{ width:656px; overflow:hidden; }
.design_pic li{ float:left; text-align:center; display:inline; margin:0 16px 10px 0; }
.design_pic li img{ border:#bdc3cb solid 1px; }
.inquirries li{ line-height:25px; clear:both; }
.inquirries span{ width:100px; display:block; float:left; }
.inquirries input{ float:left; width:200px; }
.inquirries textarea{ float:left; width:202px; }
.btn01{ margin-left:100px; margin-top:5px; }
.btn02{ background-color:#f4f6f9; border:#87909c solid 1px; width:50px; height:21px; }
.btn03{ background-color:#f4f6f9; border:#87909c solid 1px; width:100px; height:21px; }

.sub{ background:url(../images/arrow02.gif) no-repeat left 50%; margin-left:15px; text-indent:15px; }
.sub3{ background:url(../images/arrow02.gif) no-repeat left 50%; margin-left:30px; text-indent:15px; }
.line_forpw{border-bottom:#bdc3cb solid 1px; clear:both; height:10px}
.arrow{ background:url(../images/arrow04.gif) no-repeat 0 50%; padding-left:15px; font-weight:bold; margin-bottom:10px;}

<style type="text/css">
.table_forMess td{line-height:25px;}
.table_forMess input{ width:200px; }
.table_forMess textarea{ width:202px; }
</style>