﻿@charset "utf-8";
/* 全局样式 */
*{margin:0;padding:0}
h1,h2,h3,h4,h5{font-size:100%;}
h1{display:none;}
li{list-style:none}
button,img{border:none;}
button,input,select{vertical-align:middle}
body{font:68.75%/1.63 Arial,Verdana, Helvetica, sans-serif;color:#2C2C2C;margin:0;padding:0;} /* 如果定位出现问题，就加上以下属性position:relative;*/
a:link,a:visited{ color:#F70000;text-decoration:none}

/*
a:link,a:visited{ color:#5A5A5A;text-decoration:none}
*/
a:hover,a:active{text-decoration:underline}
table{border-collapse:collapse;}
td{padding:0.3em;}

/* 公共样式 */
.clear{clear:both;font-size:0;height:0px;overflow:hidden;}
table.tbl_border td{border:#CCCCCC 1px solid;}
table.tbl_center{margin-left:auto;margin-right:auto;clear:both}
.title{font-weight:bold;line-height:1;}
span.more,span.time{display:block;}
.content{line-height:1.9em; font-size:1.1em;}
#pro_txt .inner p,.content p{padding:5px 0;}
#pro_txt li,.content li{display:list-item;list-style:inside disc;margin-left:1.4em;}


/* 网站整体布局样式 */
#box{}
#header{ overflow:hidden; width:960px; margin:0 auto;}
#header_top{ background:url(../images/header_bg.gif) no-repeat left top; overflow:hidden;}
#header_top_inner{ position:relative; overflow:hidden;zoom:1;}
#main{overflow:hidden; width:960px; margin:0 auto; padding-top:13px;}
	#sideBar{float:left;overflow:hidden; width:694px; margin-right:13px;}
	#mainContent{float:right;overflow:hidden; width:252px;}
#footer{ background:#DADADA; overflow:hidden; width:960px; margin:0 auto;}
	#footer .inner{ padding:15px 0; text-align:center; font-size:12px; color:#464646; line-height:22px;}
	#footer .inner strong{ color:#222222;margin-bottom:5px; font-weight:normal;}

#footer_mainnav{ width:960px; margin:0 auto; overflow:hidden; background:#5A5A5A; height:25px; line-height:25px; margin-top:10px;}
	#footer_mainnav ul{ margin-left:140px; overflow:hidden;}
	#footer_mainnav li{ background:url(../images/bg7.gif) no-repeat left center; display:inline; float:left; padding:0 7px; overflow:hidden;margin-left: -1px;}
	#footer_mainnav li a{ font-size:12px; color:#FFF; font-weight:normal;}
	
#footer_list{ width:960px; margin:0 auto; overflow:hidden; padding:14px 0;}
	#footer_list ul{text-align: center;overflow: hidden;padding: 0 140px;}
	#footer_list li{background:url(../images/bg8.gif) no-repeat left center; display:inline;padding:0 7px; overflow:hidden;margin-left: -1px;}
	#footer_list li a{ color:#464646;}
	
#footer_search{ width:996px; margin:0 auto; overflow:hidden; padding:15px 0; text-align:center;}
	#footer_search select{ width:200px; font-size:12px; color:#666666;}

/* 其它板块样式 */

#home_list{ position:absolute; top:15px; right:330px; overflow:hidden;}
	#home_list li{ float:left; display:inline; background:url(../images/bg1.gif) no-repeat left center; padding:0 15px; margin-left:-1px;}
	#home_list li a{ color:#555555;}
	#home_list li.mail{ background:url(../images/bg2.gif) no-repeat 0 4px; padding-left:20px;}
	
#i_sitmap{position:absolute; right:320px; top:49px; background:url(../images/bg3.gif) no-repeat 50px 0; height:38px; display:block; width:130px;}
	#i_sitmap a{ font-size:12px; color:#000;display:block;padding-top:5px;}

#logo{height: 101px;}
	#logo img{position:absolute; left:13px; top:6px;}
	.logo_txt{ position:absolute; top:43px; left:125px; background:url(../images/logo_txt.jpg) no-repeat; width:346px; height:38px; display:block; text-indent:-9999px;}
	.logo_txt h1{ display:block;}
	
#languages{ position:absolute; top:15px; right:0; overflow:hidden;}
	#languages a{ margin-left:10px; color:#555555; display:inline-block;}
	#languages img{ margin-right:6px;}
	
#mainnav{ background:url(../images/main_bg1.jpg) no-repeat; height:26px; line-height:26px;overflow:hidden; padding-left:111px;}
	#mainnav ul{ overflow:hidden; float:left}
	#mainnav li{ display:inline; float:left; background:url(../images/main_bg2.gif) no-repeat left center; overflow:hidden; padding:0 13px;margin-left: -2px;}
	#mainnav li a{ font-size:12px; color:#464646; font-weight:bold;}
	#mainnav li.here a,#mainnav li a:hover{ color:#FE0000; text-decoration:none;}
	
#new_pro{ background:#464646; width:920px; margin:0 auto; overflow:hidden; padding:16px 20px 15px 20px; position:relative;}
	#new_pro p.title{ font-size:29px; color:#F70000;}
	#new_pro p.title b{ color:#FFF;}
	#new_pro strong{ background:url(../images/bg5.gif) no-repeat right center; position:absolute; top:22px; left:270px; font-size:14px; color:#BEBEBE;display:block;padding-right:10px;}
	#new_pro span.more a{ background:url(../images/bg4.gif) no-repeat; display:block; width:126px; height:31px; text-indent:-9999px; float:right; overflow:hidden;margin-top:-28px;}
	#new_pro li{ float:left; overflow:hidden; display:inline; margin:15px 12px 0 0; width:80px;}
	
#banner_grid{ position:relative; overflow:hidden; height:225px;}
	#banner_grid p.title{ position:absolute; top:46px; left:23px; font-size:25px; color:#FFF;}
	#banner_grid span.more a{ position:absolute; top:185px; left:23px; font-size:20px; color:#FFA912;}

#i_pro{ overflow:hidden; padding-top:14px; font-size:12px; color:#464646; line-height:16px;}
	#i_pro img{ float:left; margin-right:10px; padding-top:5px;}
	
#grid{ margin-top:12px; overflow:hidden; border:1px solid #DADADA;zoom:1;}

#i_qua{ width:343px; overflow:hidden; float:left; border-right:1px solid #DADADA; padding-bottom:5px; position: relative;}
	#i_qua p.title,#i_tean p.title{ background:#5A5A5A; height:26px; line-height:26px;  padding-left:14px; font-size:16px; color:#FFF;}
	#i_qua .inner,#i_tean .inner{ padding:12px 14px 0 14px; overflow:hidden; font-size:12px; color:#464646;}
	#i_qua img,#i_tean img{ float:right; margin-left:10px;}
	
#i_tean{ position: relative;float:right; width:348px; overflow:hidden; border-left:1px solid #DADADA;margin-left: -1px; padding-bottom:5px;}
	
.subnav,#i_news,#i_faq,#app{ padding-top:8px; overflow:hidden;}
	.subnav p.title,#i_news p.title,#i_faq p.title,#app p.title{ background:url(../images/sub_bg.jpg) no-repeat; height:46px; line-height:46px; font-size:16px; color:#44AF52; padding-left:42px;}
/*
	.subnav .inner,#i_news ul,#i_faq ul,#app .inner{ background:#F8F8F8; border-bottom:1px solid #44AF52; overflow:hidden;}
*/
.subnav,#i_news,#i_faq,#app{ background:#F8F8F8; border-bottom:1px solid #44AF52; overflow:hidden;}

	.subnav h2{ height:28px; line-height:28px;overflow: hidden;}
	.subnav h3{}
	#main .subnav h2 a{ background:url(../images/sub_bg3.gif) no-repeat 21px center; font-size:12px; color:#464646; padding-left:43px; font-weight:bold;}
	#main .subnav h3 a{padding-left:43px;color:#464646; font-weight:normal;}
	#main .subnav h2.here a,#main .subnav h2 a:hover{ background:url(../images/sub_bg2.gif) no-repeat 21px center; color:#FE0000; text-decoration:underline;}
#main .subnav h3.here a,#main .subnav h3 a:hover{color:#FE0000; text-decoration:underline;}
	
#i_faq ul{ padding:0 15px 0 17px;overflow: hidden;}
	#i_faq li{ background:url(../images/faq_bg.gif) repeat-x center bottom; padding-bottom:10px; margin-top:10px;margin-bottom: -1px; overflow:hidden;}
	#i_faq h3{ padding-bottom:2px;}
	#i_faq h3 a{ font-size:12px; color:#464646; font-weight:bold; line-height:16px;}
	#i_faq .summary{ color:#464646; line-height:16px;}
	
#app .inner{ padding:5px 12px 5px 15px; font-size:12px; color:#464646; line-height:16px;}
	#app img{ padding-bottom:10px;}

	
/* 新闻样式 */
#i_news{}
	#i_news p.title{}
	#i_news li{ padding:8px 14px 10px 17px;}
	#i_news h3{ padding-left:7px;}
	#i_news h3 a{ font-size:12px; color:#464646; line-height:16px; }
	#i_news h3 a:hover{ color:#FE0000;}
	#i_news .summary{ color:#464646;padding-left:7px; line-height:16px;}
	#i_news span.time{ background:url(../images/news_bg1_03.gif) no-repeat; height:23px; line-height:23px; color:#666666; padding-left:10px; font-size:12px; margin-bottom:6px;}
	
#news_list li{height:1%;margin-bottom:15px;}
	#news h2{color:#343434;font-size:13px;}
	#news_list h2 a{color:#343434;}
	#news span.time{color:#BA0A00;font-size: 12px;}
	#news_list li p{font-size: 12px;}
	#news .content span.time{margin-bottom:10px;}
	
/* 产品样式 */
#pro_txt{}
	#pro_txt p.title,#relative_pro p.title,#pro_info .colm_title{ font-size:18px;color:#44AF52;}
	#pro_txt .inner{overflow: hidden;padding-top: 8px;}
	
#i_Prolist{ padding-top:13px; overflow:hidden;}
	
#pro_list{ background:#F8F8F8; overflow:hidden; padding-bottom:13px;zoom:1;}
#pro_list,#relative_pro{clear:both;overflow:hidden; position:relative;}
	#pro_list li{float:left; display:inline;overflow:hidden; margin:12px 0px 0 13px; width:157px}
	#pro_list img{width:157px;height:112px; display:block;}
	#pro_list h2{overflow:hidden; height:18px; line-height:18px; padding-top:5px; }
	#pro_list h2 a{color:#464646; font-size:12px;}
	#pro_list p.summary{ height:43px;line-height:13px; overflow:hidden; color:#666666;}
	#pro_list span.more a{ font-size:12px; color:#464646;}
	#pro_list span.more a:hover{ color:#FE0000; text-decoration:underline;}
	
#tex_i{font-size:12px;overflow:hidden;padding-top:10px; zoom:1;}

.opp {margin-top:5px; text-align:center;}
	#pro_list li input{width:12px;height:12px;margin-right:3px;}
	#pro_list .inq_btn a,.pages button{background:#44AF52;border:#466E07 solid 1px;font-weight:bold;color:#FFFFFF; cursor:pointer;}
	#pro_list .inq_btn a{display:inline-block;padding:0 5px;text-decoration:none;vertical-align: middle;}
	.pages button{ height:22px; line-height:17px;}

#pro_info{ margin-bottom:20px; overflow:hidden;zoom:1;}
	#pro_info .colm_title{ padding-bottom:5px;}
	#pro_list .info{overflow:hidden;line-height:15px;height:46px;}
	
#big_pic{text-align:center;width:340px;height:340px;border:1px solid #C1C1C1;float:left;overflow:hidden; position:relative;}
	#big_pic img{width:340px;height:340px;}
	#big_pic em{position:absolute; bottom:10px; right:10px; width:35px; height:35px;_FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg1.png',sizingMethod='scale');background:url(../images/bg1.png)!important;background:none;cursor:pointer; display:none;}
	#big_pic em.large{display:block;}
#small_pics{width:81px;height:342px;padding:0 25px 0 15px;float:left;overflow:hidden;}
	#small_pics img{width:79px;height:79px;border:1px solid #C1C1C1;margin-bottom:6px;}
	
.pic_list ul{height:1%;overflow:hidden;}
	.pic_list li{padding:6px 0;font-size:12px;}
	.pic_list input{width:157px;height:30px;border:0;margin-top:20px;background:url(../images/inquire_btn.jpg) no-repeat;color:#FFFFFF;}
	
#products #leaveBox {border: 2px solid #CEDDE6; margin:10px 0; overflow:hidden;}
	#products #leaveBox li{border-bottom:1px dashed #CEDDE6;padding:5px;}
	#products #leaveBox li input{cursor:pointer;}
	
#relative_pro{ margin-top:30px;}
	#relative_pro p.title{border-bottom:#555555 1px solid; padding-bottom:0.3em;}
	
/* 栏目样式 */
#company p.title,#news p.title{color:#44AF52; font-size:18px; margin-bottom:10px;}
	#company .content span img{ float:right; margin-left:10px;}
	
#i_name{}
	#i_name p.title{}
	
#i_about{ overflow:hidden; margin-top:15px;position:relative;}
	#i_about p.title{ background:#5A5A5A; height:25px; line-height:25px; font-size:16px; color:#FFF; padding-left:20px;}
	#i_about .inner{ padding-top:20px; overflow:hidden; font-size:12px;}
	#i_about span img{ float:left; margin-right:10px;}
		
#i_downloan{ overflow:hidden;}
	#i_downloan p.title{ background:url(../images/cer_bg1.jpg) no-repeat; height:29px; line-height:29px; font-size:16px; color:#44AF52; padding-left:10px; font-style:italic;}
	#i_downloan .inner{ margin-top:8px; background:url(../images/bg6.gif) repeat-x #47A1C4; font-size:12px; padding:12px; color:#FFF; line-height:17px;}
	#i_downloan img{ float:right; margin-left:5px; padding-top:5px;}
	#i_downloan strong{ font-size:11px; line-height:16px;}
	
#i_contact{}
	#i_contact p.title{}
	#i_contact .inner{}
	
#sitemap{padding-top:10px;}
	#sitemap li{ width:210px;margin:0 7px;float:left;display:inline;list-style:none}
	#sitemap li p.title{margin-bottom: 0;}

/* 常见BUGS的处理样式 */
#main .view li{ display:block; list-style:none}
#leave li{list-style:none;margin:0;display:block;clear:both;}
.view h4{ font-size:12px;}
#main #i_top2{ display:block}
#inquire table{margin:0;}
#main .post,#main .post img{ float:none;}
.gv_chat_sidebar_top input{vertical-align:baseline !important}/*处理外贸通工具在IE浏览器中的BUG*/
/*#i_contact{word-wrap:break-word;overflow:auto;}*/

/* 常用功能模块样式 */
#search_form{ position:absolute; top:55px; right:0; font-size:12px; color:#555555;}
	#search_form input{ background:url(../images/search.gif) no-repeat; width:148px; border:none; font-size:11px; padding:5px 2px 3px 19px;}
	#search_form button{width:58px;height:21px;margin:0 0 0 7px;background:url(../images/go_btn.gif) no-repeat; text-indent:-9999px; cursor:pointer;}
	
#location{text-align:right;color:#414141;border-bottom:#555555 1px solid; margin:15px 0;}
	#location a{color:#414141; display:inline-block;}
	
.pages{ text-align:center; clear:both; font-size:12px; padding:20px 11px;}
	#main .pages a{ color:#3F3F3F; padding:0 5px; text-decoration:none; cursor:pointer;}
	#main .pages .current{ font-weight:bold;}
	#main .pages .page,#main .pages .current{ border:1px solid #333; margin:0 3px;}
	#main .pageNav a:hover,#main .pages .current{ background:#85C324; color:#f2fcf1;}
	.pageNav a.here{background-color:#3567C0 !important;border:1px solid #5E90C3;color:#FFFFFF !important;font-weight:bold;}
	
.pages img{ vertical-align:middle;}
	
#pro_search{text-align:center; padding-top:10px;}
	#pro_search input{width:150px; padding:2px; border:#ccc 1px solid;}
	#pro_search label{margin:0 6px;}
	#pro_search select{width:150px;padding:2px; border:#ccc 1px solid;}
	#pro_search button{background:#85C324;font-size:1.1em;font-weight:bold;text-transform:uppercase;color:#FFFFFF;margin-left:6px; height:22px;border:1px solid #466E07; cursor:pointer;}
	
#inquire_wrap{display:inline;padding-right:15px;}
#inquire_wrap button{font-size:11px;height:18px;cursor:pointer;}
.page404{font-size:19px;color:#DA251C;display:block;padding:77px 0;}




#feedbackbox{ clear:both; padding-top:5px; overflow:hidden}
	#feedbackbox li{ margin:5px 0;}
	#feedbackbox li label{height:18px; display:inline-block;color:#8B8B8B;width:150px; vertical-align:top; text-align:right; line-height:24px; margin-right:5px;}
#feedbackbox li span{display:inline-block;}
	#feedbackbox li input,#feedbackbox li textarea{margin-top:3px;padding:1px 3px;width:400px;}
#inquire_step2{}
.width_400{ width:420px;}
.td_left{ width:100px; text-align:right}
.span_80{ display:inline-block; width:80px;}
.span_120{display:inline-block; width:120px;}
.span_150{display:inline-block; width:150px;}
.span_170{display:inline-block; width:170px;}
/*询盘、站点地图等*/
/*      Leaveword Start      */
.post{ text-align:right; background:url(../images/ico_feed.png) no-repeat 5px center; margin:-25px auto 5px; display:block; clear:both; float:right;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;}
#company #inquire table span a{color:#FFF; text-decoration:none;}

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{height:26px; margin:10px 0 0; width:270px;}
#a_submit{background-color:#6292C6;color:#fff;display:inline-block;padding:0 1em;}
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%;}
#inquire #i_info h3{color:#FFF;}

.i_title{background:#235D97;}
.i_gray{ color:#3f3f3f; background:#CFEAFF;}
/*      Inquire End      */

.view{ padding-bottom:15px;clear:both; overflow:hidden; zoom:1; padding:10px 0;}
.view h4{margin-bottom:10px; line-height:1.4em; height:2.8em; overflow:hidden;}
.view li{ width:30%; text-align:center; display:inline; float:left; margin:0 1%;}
.view li img{ 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;}
	
	
#BtbDiv{text-align:center;}
#BtbDiv a{padding:5px;}	



#leaveBox{margin-top:20px; clear:both;border:#E5E5E5 solid 1px;padding:0 5px 15px;}
#leaveBox li{float:none;border-bottom:#CCCCCC dashed 1px;padding:5px 10px 5px 20px;}
#leaveBox li.re{background-color:#ECFBFF;}
#leaveBox li span{display:block; padding:5px; padding-left:0; font-weight:bold;}
#leaveBox li label{float:left; width:50px; text-align:left;}
#leaveList li span{font-size:12px;}
#leaveList li{}
#leaveBox #pages{padding:3px 10px;background-color:#E5E5E5; margin:10px 0;}
#leaveBox #pages a{padding:5px; cursor:pointer;text-decoration:underline;}

#page2{ text-align: center;margin: 10px 0;overflow: hidden;}

#pro_info li {font-size: 1.1em;padding: 0.5em 0;}
#pro_info ul { height: 1%;overflow: hidden;}
#pro_info li input {background: url("../images/inquire_btn.jpg") no-repeat scroll 0 0 transparent;border: 0 none;color: #FFFFFF;cursor: pointer;height: 30px;margin-top: 1.8em;width: 157px;}

#relative_pro #pro_list{background: none;}
#relative_pro #pro_list h2{ text-align: center;}

#i_news span.more a,#i_faq span.more a,#app span.more a{display:block;text-align:right;padding-right: 15px; color: #2C2C2C;}

#i_qua span.more a,#i_tean span.more a,#i_about span.more a{color:#fff;position: absolute;right: 15px;top: 5px;}


#floatBox{position:absolute;top:0; right:0; width:190px; background:#CC0000 url(/images/MsgFloat_btm.gif) no-repeat bottom center; padding-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#floatBox a{ color:#666}
#floatBox dl{}
#floatBox dt{ padding:1px 5px 0; text-align:right; background:url(/images/MsgFloat_top.gif) no-repeat 100% 0px; height:30px;}
#floatBox dt img {cursor:pointer;vertical-align:baseline;}
#floatBox dd{ border:#CC0000 1px solid; padding:5px 8px; margin:0 5px; background:#fff url(/images/MsgFloat_CntBg.gif) repeat-x top;}
#floatBox dd img{ vertical-align:middle;margin-right:5px;}
#floatBox li{ list-style:none; margin:5px 0;}
