﻿/* CSS Document */
body{
	margin:auto;
	padding:0;
	text-align:center;
	width:1002px;
	background:#fff;
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	}
	


a:link,a:hover,a:visited{ color:#666; text-decoration:none;}

img{ border:0;margin:0; padding:0;}

h1,h2,h3{margin:0;padding:0;line-height:1.68em; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif;}

p{ line-height:150%; margin:0; padding:0; text-align:justify;}

ul{ margin:0; padding:0;}

li{ list-style:none; display:block;}

input,textarea{ border:1px solid #ddd;}

table{ margin:0; padding:0; border:0;}

div{ margin:0; padding:0; display:table;}

*{ margin:0; padding:0; border:0;}





/*    Main     */

#center{
	width:942px; 
	font-size:11px;
	margin:0 auto;
	text-align:center;
	display:table;
}


#title{ width:942px; display:block;position:relative; clear:both;}

#topnav{ height:120px; width:942px; clear:both;}


#mainnav{ width:880px; display:table; height:20px; text-align:center; margin-top:20px; border-bottom:1px dashed #3F3F3F; padding-left:62px;}

#mainnav li{ display:block; float:left; text-align:center; font-weight:bold; font-size:12px; width:100px; margin:0 1px; line-height:20px;}

a.menu:link,a.menu:visited{ color:#0060B6; display:block; line-height:15px; height:15px; border-right:1px solid #0060B6;}
a.menu:hover{ background:#9AB6DA; color:#fff;}

a.current_menu:link,a.current_menu:visited,a.current_menu:hover{ background:#9AB6DA; color:#fff; display:block; line-height:15px; height:15px; border-right:1px solid #0060B6;}


#footer{ clear:both; width:942px; font-size:11px; display:table; text-align:center; color:#666; border-top:1px solid #3f3f3f; margin-top:10px;}
#footer p{ padding:10px 0; line-height:140%; text-align:center;}
#footer a:link,#footer a:visited{ color:#3f3f3f;}
#footer a:hover{ color:#3f3f3f; text-decoration:underline;}


#mainbody{ text-align:left; width:942px;  clear:both; display:table; margin-top:15px;}


#current{ background:#f4f4f4; color:#2E3192; width:930px; display:block; padding-right:12px; clear:both; text-align:right; line-height:20px;}
#current a:link,#current a:hover,#current a:visited{ margin:0px; padding:0px 5px 0px 0px; color:#2E3192;}


#left{ width:185px; float:left;}
#left h2{ display:block; padding-left:15px; color:#0060B6; font-size:16px;}


#left span a:link,#left span a:visited,#index_right span a:link,#index_right span a:visited{ color:#0060B6; display:block; text-align:left; padding-left:15px; font-weight:bold; clear:both; padding-bottom:5px;}
#left span,#index_right span a:hover{ text-decoration:underline;}


#subnav{ margin-top:2px; width:185px;}

#subnav h2{ padding-left:15px; font-size:18px;}
div#subnav span{ display:block; padding:0; color:#0060B6; font-size:16px; font-weight:bold; text-decoration:none;}

#subnav h3 a,#subnav h4 a{ display:block; border-bottom:2px solid #fff; line-height:20px; display:block; padding-left:15px;}
#subnav h4 a{ font-weight:normal; font-size:11px; line-height:18px; border-bottom:1px solid #F3F6FB;}

#subnav h3 a:link,#subnav h3 a:visited{ background:#9AB6DA url(../images/h3_link.gif) 170px
5px no-repeat; color:#fff; font-size:12px;}
#subnav h3 a:hover,#subnav h3.here a{ background:#585AA8 url(../images/h3_hover.gif) 170px 5px no-repeat;}

#subnav h4 a:link,#subnav h4 a:visited{ background:#EBF1F8; color:#3f3f3f;}
#subnav h4 a:hover{ background:#CBDEF1; color:#3f3f3f;}

a.current_h3:link,a.current_h3:visited,a.current_h3:hover{ background:#9AB6DA url(../images/h3_hover.gif) 170px 5px no-repeat; color:#fff; font-size:12px;}
a.current_h4:link,a.current_h4:visited,a.current_h4:hover{ background:#CBDEF; color:#3f3f3f;}


#search{ font-size:12px; height:23px; padding:10px 0 10px 15px; background:#9AB6DA; width:170px;}
#search input{ background:#fff; margin:0px; width:130px; border-color:#565759 #A5ABB3 #A5ABB3 #565759; border-width:2px 1px 1px 1px; border-style:solid; height:20px; padding:0; float:left; margin:0;} 
#search img{ margin:0 0 0 1px; float:left; padding:0;}


#index_news,#index_contact{ background:#DCE6F2; width:185px; padding:5px 0 10px 0;}

#index_contact p{ text-align:left; padding:2px 10px 2px 15px;}


#index_news{ margin:3px 0 15px 0;}
#index_news ul{ width:165px; margin:0 0 0 15px; clear:both;}
#index_news li{ display:block; width:165px; clear:both; padding:5px 0;}
div#index_news li span{ float:left; color:#3f3f3f; font-weight:bold; text-decoration:none;} #index_news li p{ float:right; width:100px; text-align:left; line-height:120%;}
#index_news a:link,#index_news a:visited{ color:#0060B6;}
#index_news a:hover{ text-decoration:underline;}
#index_news span a{ padding-top:10px !important; padding:0;}



/*    Index     */
#index_right{ width:740px; float:right;}
#index_right h2{ display:block; font-size:16px; color:#0060B6; padding-left:15px; margin:0; line-height:25px;}
#index_right div p{ padding:15px 10px; text-align:left; line-height:160%;}
#index_r_top{ width:740px; clear:both; height:60px; margin:5px 0 40px;}


#index_mid{ width:740px; clear:both;}

#mid_left{ float:left; width:454px;}
#mid_left h2{ background:#C3D3E9; color:#666;}
#mid_left div{ background:#EBF1F8; width:454px;}


div#index_com p{ padding-left:15px;}
#index_com img{ float:right; margin:20px 20px 30px 10px;}


#index_pro{ margin-top:10px;}
#index_pro ul{ display:block; width:454px; clear:both; margin:20px 0 0; }
#index_pro li{ float:left; width:150px; text-align:center;}
#index_pro p{ font-size:13px; color:#005BB1; font-weight:bold; display:block; margin-left:5px; clear:both;}



#mid_right{ float:right; width:260px;}

#index_view,#index_load,#index_honor{ border:1px dashed #9CB7DA;}
#index_load,#index_honor{ margin-top:7px;}

#index_view{ text-align:center;}
#index_view h2{ line-height:20px; margin-top:10px;}
#index_view h2 span{ display:block; font-size:14px; margin:0; padding:0;}
#index_view img{ margin-top:10px;}


#index_load{ padding:10px 0 0 !important; padding:10px 0; width:260px;}
div#index_load h2{ background:url(../images/arrow_blue.gif) 10px no-repeat; padding-left:35px;}
div#index_load p{ padding:0 0 0 15px;}
#index_load h3{ color:#0060B6; font-size:12px;}
#index_load li{ display:block; clear:both; width:240px; margin:5px 5px 5px 15px;}
#index_load li a{ background:url(../images/arrow_white.gif) left no-repeat; line-height:20px; padding-left:25px; font-weight:bold;}
#index_load li a:hover{ text-decoration:underline; color:#0060B6;}


#index_honor{ width:740px; display:table; padding:7px 0;}
#index_honor img{ float:left; margin:0 25px;}




/*    About us     */
#right{ width:746px; float:right; background:url(../images/right_h2_bg.gif) 0 20px no-repeat;}

#right h2{ display:block; font-size:20px; color:#2E3192; padding-left:25px; line-height:22px; margin-top:5px;}

#right p{ padding:10px 10px 10px 30px; text-align:left; line-height:200%;}


#banner{ width:746px; text-align:center; clear:both; margin:15px 0 0;}


#download,#link,#project,#sitemap,#view{ width:746px; clear:both; margin:10px 0;}


#download li{ width:340px; height:110px; overflow:hidden; display:table; float:left; margin:20px 10px;}
#download li p{ padding:0; line-height:160%;}
#download li img{ float:left; margin:0 20px 0 0; width:140px; height:110px;}
#download li h3{ font-size:12px; color:#0060B6; margin-top:10px;}
#download li span{ line-height:20px; display:block;}
#download li span img{ float:left; width:20px; height:20px; margin:0;}
#download a:link,#download a:visited{ color:#3f3f3f; text-decoration:none;}
#download a:hover{ color:#0060B6; text-decoration:underline;}



#link li{ width:730px; height:125px; margin:15px 0 15px 16px; display:table; float:left; overflow:hidden;}
#link li img{ height:100px; width:100px; float:left; margin-right:20px;}
#link li p{ line-height:150%; color:#666; padding:0 10px 0 0; margin:0;}
#link li p span{ font-weight:bold; display:block; color:#666;}
#link li p span a:link,#link li p span a:visited{ color:#0060B6; font-size:12px; line-height:40px;}
#link li p span a:hover{ text-decoration:underline;}


#sitemap{ width:700px; margin-left:30px;}
#sitemap li{ width:200px; float:left; margin-right:22px; display:table;}
#sitemap li h5 a,#sitemap li h6 a{ display:block; border-bottom:2px solid #fff; line-height:20px; display:block; padding-left:15px;}
#sitemap li h6 a{ font-weight:normal; font-size:11px; line-height:18px; border-bottom:1px solid #F3F6FB;}

#sitemap h4 a:link,#sitemap h4 a:visited,#sitemap h4 a:hover{ background:#f2f2f2; display:block; padding:0; color:#0060B6; font-size:16px; font-weight:bold; text-decoration:none; line-height:30px; padding-left:15px; border-bottom:2px solid #fff;}

#sitemap h5 a:link,#sitemap h5 a:visited{ background:#9AB6DA url(../images/h3_link.gif) 180px
5px no-repeat; color:#fff; font-size:12px;}
#sitemap h5 a:hover{ background:#585AA8 url(../images/h3_hover.gif) 180px 5px no-repeat;}

#sitemap h6 a:link,#sitemap h6 a:visited{ background:#EBF1F8; color:#3f3f3f;}
#sitemap h6 a:hover{ background:#CBDEF1; color:#3f3f3f;}


#view li h4,#project li h4{ font-size:12px; display:block; line-height:25px;}

#view li,#project li{ width:210px; float:left; overflow:hidden; display:table; margin:10px 15px; text-align:center; height:140px; }
#view li img{ width:210px; height:120px;}
#project li img{ width:210px; height:150px;}




/*     News     */
.news{ width:746px; clear:both; margin:0 0 20px;}

div.news h3{ margin-top:15px; font-size:14px; color:#2E3192;}

.news h1{ display:block; font-size:20px; color:#2E3192; padding-left:20px; line-height:22px; margin-top:5px; margin-bottom:5px;}

.news img{ margin:10px 0;}

.news span{ padding-left:20px; color:#8B8B8B;}

.news p{ line-height:180%; padding:10px 0 10px 25px;}

.news ul,.news li{ display:block;}

.news li{ float:left; width:673px; display:block; line-height:15px; padding:10px 0 10px 10px;}

.news li span{ color:#797979; display:block; padding:0; font-weight:bold;}

.news li a:link,.news li a:visited{ color:#3f3f3f;}
.news li a:hover{ color:#356CB4; text-decoration:underline;}




/*       Products       */
#pro_title{ width:746px; clear:both; border-bottom:1px dashed #0060b5;}
#pro_title p{ padding:20px 10px 5px 20px;}


#pro_search{ width:746px; text-align:center; padding:10px 0; margin:10px 0; clear:both; font-size:14px; color:#0060B5; font-weight:bold;}
#pro_search input{ width:120px; height:15px; border:1px solid #949494; margin:0 5px 3px 0;}
select{ margin:2px; border:1px solid #949494; width:200px;}
select option{ color:#666; background:#fff;}
#pro_search img{ margin:0;}
#pro_search span{ line-height:20px; color:#3f3f3f;}



#pro_list{ width:746px; clear:both; text-align:center; clear:both; padding-bottom:10px;}
#pro_list li{ width:248px; height:160px; text-align:center; float:left; overflow:hidden; margin:15px 0; border-bottom:1px solid #6F6F6F; padding-bottom:12px;}
#pro_list li img{ width:165px;}
#pro_list li h4 a{ color:#2E3192; font-size:12px; display:block; line-height:180%;}



#pro_info{ width:746px; clear:both;}
#pro_info h2{ display:block; font-size:20px; color:#2E3192; padding-left:20px; line-height:22px; margin-top:5px; margin-bottom:5px;}


#pro_pic{ width:706px; text-align:center; margin:20px 20px 10px; border-bottom:2px solid #666; padding-bottom:20px;}
#pro_pic img{ width:400px; height:300px; float:left; margin-right:20px;}
#pro_pic div{ float:right; width:270px; padding-bottom:10px; text-align:left;}
#pro_pic h2{ margin-top:30px; text-align:center; width:auto; font-size:16px;}
#pro_pic p{ line-height:180%; padding:5px 0;}
#pro_pic div div{ height:200px; overflow:hidden; border-left:0;}
#pro_pic p img{ width:247px; height:27px;}


#pro_word{ width:746px; color:#666; padding-bottom:10px; text-align:center;}
#pro_word p{ line-height:200%; padding:5px 20px; color:#3f3f3f;}
#pro_word img{ margin-top:20px;}



#btn{ width:285px; margin:20px auto 0; clear:both; padding:10px 200px 20px;}
#btn img{ width:80px; height:16px;}
.pre{ float: left;}
.next{float: right;}




/*       LeaveWord      */
.feed{ width:100%; text-align:left; font-size:12px; margin:20px 0;}

.feed td{ border:1px dashed #C6C8CA; padding:0 0 3px 10px; background:#F7F7F7;}

.feed input{
	margin-top:5px;
	height:20px; 
	padding:0;
	border:0;
	background:#F7F7F7;
}

.feed textarea{
	margin-top:5px;
	padding:0;
	border:0;
	background:#F7F7F7;
}

.feed span{ text-align:left; margin:0px 3px 0px; height:20px; line-height:20px; color:#666; font-weight:bold; font-size:11px; padding:0;}

a.join:link,a.join:visited,a.join:hover{ color:#3f3f3f;}
a.foot:link,a.foot:visited{ color:#666;}


.feed_table{ width:100%; margin:20px 0 20px 0;}

.feed_table font{text-align:right;display:block;margin:2px 5px 2px;}

.feed_list{ width:100%; margin:0px; padding:0px;}

.feed_list p{ line-height:150%; color:#666;}

.red{ color:#2E3192;}

.name{color:#666;display:block; font-size:14px; font-weight:bold;}

.feed_res{color:#ff0000;}

.grey{ color:#797979;}

.previous{ width:300px;margin:20px auto 20px; clear:both;}

.previous img{ margin:0px; padding:0px;}

.pre{ float: left;}

.next{float: right;}

#feedback img{ float:right;margin-top:10px;}

.feed_table{ width:100%; text-align:left;}

.feed_red{ width:200px;text-align:center; color:#fff; font-weight:bold; border-bottom:1px solid #fff;}

.feed_red td{ width:100px; background:#fff; margin-right:2px; line-height:25px;border:1px solid #C6C8CA;}

.feed_bottom{ width:100%; background:#fff; text-align:right; color:#fff;font-weight:bold; line-height:20px; text-align:right; border:1px solid #C6C8CA;}

.feed_bottom td span{ color:#fff;padding-right:10px;}

.feed_bottom td h6{ color:#fff;padding-right:10px;}

.leave{ background:#f7f7f7;  border-left:1px solid #C6C8CA;  border-right:1px solid #C6C8CA;}

.leave td,.response td{ margin:0px; padding:10px;}

.leave td span,.response td span{ text-align:left;font-size:normal;width:300px; float:left;}

.leave td h6,.response td h6{ font-size:11px; font-weight:bold; color:#666; margin:0px;}

.leave td img{float:right;}

.line{border-bottom:1px solid #C6C8CA; border-top:1px solid #C6C8CA;}

.line2{border-top:1px solid #C6C8CA;}

.response{ background:#fff; border-left:1px solid #C6C8CA;  border-right:1px solid #C6C8CA; text-align:left;}



a:link,a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }


#new_btn{
	width:740px; 
	margin:5px 0;
	overflow:hidden;
}

#new_btn span{ display:block; width:auto; height:auto; float:left; margin:0 8px 0 0; padding:0px; display:table; line-height:15px;}

#new_btn span.inquire_btn{float:right;}


a.page:link,a.page:visited{
	color:#fff;
	background:#4380C2;
	font-size:11px;
	display:block;
	margin:0px;
	padding:1px 5px 1px;
	float:left;
}
a.page:hover{
	color:#4380C2;
	background:#fff;
	display:block;
	padding:0px 4px 0px;
	border:1px solid #4380C2;
}
a.page2:hover,a.page2:link,a.page2:visited{
	color:#4380C2;
	background:#fff;
	font-size:11px;
	display:block;
	padding:0px 4px 0px;
	margin:0px;
	float:left;
	border:1px solid #4380C2;
}








/*询盘、站点地图等*/
/*      Leaveword Start      */
.post{ text-align:right; background:url(../images/ico_feed.png) no-repeat 5px center; margin:10px auto 5px; display:block; clear:both; float:right; margin-top:-25px; margin-right:5px; z-index:999; position:relative;}
.post a{cursor:pointer;}

#leave,#l_list{  padding-top:10px; margin:0 auto; clear:both;}
#leave li{float:left; width:100%;}
#leave span{ width:150px; text-align:right; color:#8B8B8B; padding:2px 0px; text-align:right; margin:5px 7px 0 0; display:block; float:left;}
#leave input,#leave textarea{ width:400px; border:solid 1px #46462F; padding:1px 3px; margin-top:3px;}

#submit{ text-align:center; padding:10px 0 20px 0; clear:both;}
#submit img,#submit input{ width:58px; height:18px; margin-left:15px; display:inline;}

#l_list li{ padding:10px;}
#l_list h3{ font-size:15px; font-weight:normal; background-image:none; padding-left:0;}
#l_list li p{ color:#666; line-height:180%; padding:5px 0;}
#l_list span{ color:#666;}
#l_list .red_bg{ background:#EaEaEa;}
#l_list .red_bg h3,#l_list .red_bg p,#l_list .red_bg span{ color:#3f3f3f;}
/*      Leaveword End      */

/*      Inquire Start      */
#inquire p{ padding:0; margin:0;}
#inquire input{ color:#898989;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #ccc; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #ccc;}
#inquire table img{ float:left;}
#inquire p input{ border:0; float:none; width:12px; height:12px;}
div#inquire table table input{ text-align:center;}

div#i_top{ border-bottom:1px solid #235D97; padding-bottom:30px; margin-bottom:20px;}
div#i_top div{ margin:0 auto; text-align:left;}
div#i_top div input{ float:left; margin:10px 5px; padding:0;}
div#i_top div p{ font-size:12px; line-height:12px; padding:5px 0 0;}
div#i_top div span{ font-size:10px; text-align:left;}

#i_top2{ border-bottom:2px solid #235D97; border-top:1px solid #235D97; display:table; margin:10px 0 50px; padding:30px 0 15px;}
#i_top2 img{ float:left; margin:0 10px; margin-top:-5px;}
#i_top2 p{ font-size:14px; color:#666; font-weight:bold; line-height:140%;}

#inquire table span{ font-size:11px; font-weight:bold; float:right; width:100px; text-align:right; padding-right:15px;}
#inquire table span a{ background:#235D97; display:block; color:#fff; line-height:22px; height:22px; text-align:center; width:120px;}

div#check{ text-align:left; width:420px; border:3px solid #235D97; padding:10px 0; display:table;}
div#check input{ border:0; margin:5px; float:left;}
div#check span{ font-size:10px; font-weight:normal; text-align:left; width:335px; margin:0; padding:0 0 0 10px; line-height:12px; display:block;}

div#i_btn1{ text-align:center; height:26px; margin:10px 0 0; width:270px;}

div#i_info table td{ padding:10px 0;}
div#i_info h3{ font-weight:bold; font-size:12px; color:#fff; float:left; margin:0; padding:0; border:0; line-height:12px;}
div#i_info h4{ line-height:30px;}
div#i_info input{ border:0; margin-left:10px;}
div#i_info p{ padding:0; margin:0; line-height:140%;}

.i_title{background:#235D97;}
.i_gray{ color:#3f3f3f; background:#CFEAFF;}
/*      Inquire End      */

.view{ padding-bottom:15px; display:table; clear:both; overflow:hidden; zoom:1; padding:10px 0;}
.view h4{padding-bottom:10px; height:35px; overflow:hidden; font-size:12px;}
.view li{ width:30%; text-align:center; float:left; margin:0 1%;}
.view li img{ width:100%; height:130px; margin-bottom:7px;}

.v_pic{text-align:center; padding:20px 0; display:table; clear:both;}
.v_pic p{padding:20px; text-align:left;}

#inquire_select{display:table; clear:both; overflow:hidden; zoom:1; margin-bottom:15px;}
#inquire_select span a{ font-weight:bold; background:#00377A; display:block; color:#fff; line-height:22px; text-align:center; margin-top:10px; width:120px; float:right;}	

.btn{ text-align:right; margin:30px 0;}
	.btn a{ cursor:pointer; margin-left:15px; width:45px; height:15px; border:0;}

#languages{position:absolute;right:50px;*right:10px;top:10px;}
#languages a{color:#fff;font-weight:bold;display:inline-block;margin-left:10px;}
#languages a img{margin-right:5px;}