﻿@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:baseline;}

body{ font:11px/18px Arial,Verdana, Helvetica, sans-serif;color:#575757;margin:0 0 10px;padding:0; background-color:#E5E5E5;direction:rtl;} /* 如果定位出现问题，就加上以下属性position:relative;*/
a:link,a:visited{ color:#EB3D00;text-decoration:none}
a:hover,a:active{color:#CC0000;text-decoration:underline}
table{border-collapse:collapse;}
td{padding:3px;}

/* 公共样式 */
.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}
p.title{font-weight:bold;line-height:1; font-size:18px;}
span.more,span.time{display:block;}
.content{line-height:20px; font-size:12px;}
#pro_txt .inner p,.content p{padding:5px 0;}
#pro_txt li,.content li{display:list-item; list-style:inside disc;margin-left:15px;}


/* 网站整体布局样式 */
#box{}
#header{ background-color:#fff; overflow:hidden; padding:10px 0 5px;}
#header_top{width:984px;margin:0 auto; background:url(../images/top_bg.jpg) no-repeat right top; overflow:hidden; position:relative;zoom:1;direction:ltr;}
#main{width:984px;margin:10px auto 0;background:url(../images/main_bg.gif) repeat-y 0 0;}
	#left{float:left; width:231px;direction:ltr;}
	#right{float:right; width:739px;}
	#grid{overflow:hidden; padding:10px; border-bottom:#E5E5E5 5px solid;zoom:1;}
#footer{ color:#000000; text-align:center;width:984px;margin:15px auto 0;direction:ltr;}

/* 其它板块样式 */
#logo{}
#info{ padding-left:25px; background:url(../images/dot1.jpg) no-repeat left; float:right; display:inline; margin:-80px 25px 0 0; color:#000; font-size:14px;}
	#info span{ font-size:20px; color:#EB3D00}
#languages{direction:rtl; float:right; display:inline; margin:15px 25px 15px 0;}
	#languages a{ margin-right:10px; color:#FFFFFF; display:inline-block;}
	#languages img{ margin-left:5px;}
#mainnav{ height:28px;width:984px;overflow:hidden; margin:10px auto;}
	#mainnav ul{ overflow:hidden;}
	#mainnav li{ line-height:28px; float:left; display:inline; padding-left:1px; background:url(../images/bg.gif) no-repeat left center; margin-left:-1px;}
	#mainnav li a{color:#000000; text-decoration:none; display:inline-block; font-size:12px;font-family:Tahoma,Geneva,sans-serif; text-transform:uppercase; font-weight:bold; padding-left:9px; cursor:pointer;}
	#mainnav li a span{ display:inline-block; padding:0 25px 0 16px;}
	#mainnav li.here a,#mainnav li a:hover{ position:relative; background:url(../images/bg1.gif) no-repeat 0 0;}
	#mainnav li.here a span,#mainnav li a:hover span{ background:url(../images/bg2.gif) no-repeat right top;}
#banner{ position:relative;width:984px;margin:0 auto;}
	#banner img{ display:block;}
	#banner .inner{ color:#fff; position:absolute; top:25px; left:10px;}
	#banner h3{ font-size:20px;line-height:30px;text-align:left}
	#banner h3 span{ font-weight:normal}
	#banner .inner ul{ margin:30px 0 0 30px;}
	#banner .inner li{ padding-right:10px; background:url(../images/dot1.gif) no-repeat right;}
.subnav{ padding-bottom:20px;direction:rtl;}
	.subnav p.title{ margin-bottom:10px;}
	.subnav p.title,#i_contact p.title{ height:37px; color:#3E3E3E !important; line-height:37px; background:url(../images/bg3.jpg) repeat-x top;}
	.subnav p.title span{ display:block; padding-right:30px; background:url(../images/dot2.gif) no-repeat 95%}
	.subnav h2{ margin:1px 0;}
	#main .subnav a{ color:#585858; display:block; margin:0 7px; line-height:23px; height:23px; text-decoration:none; border-bottom:#9A9A9A 1px dashed; overflow:hidden;}
	.subnav h2 a span{ background:url(../images/dot4.gif) no-repeat 94% 8px; padding-right:23px;display:inline-block;}
	.subnav h3{ font-weight:normal}
	.subnav h3 a span{background:url(../images/dot16.gif) no-repeat 23px 6px; padding-left:33px;}
	#main .subnav h2.here a,#main .subnav h2 a:hover{ border-bottom:none; height:24px; line-height:24px;background:url(../images/bg4.gif) no-repeat; overflow:hidden; color:#EB3D00}
	#main .subnav h2.here a span,#main .subnav h2 a:hover span{ background-image:url(../images/dot5.gif);}
	#main .subnav h3.here a,#main .subnav h3 a:hover{ color:#EB3D00}
	
/* 新闻样式 */
#i_news{ width:358px; float:left;border-right:#484848 1px dashed}
	#i_news p.title,#faq p.title,#i_cert p.title{ color:#3E3E3E;padding-right: 5px;}
	#i_news p.title span,#faq p.title span,#i_cert p.title span{ padding-right:42px; line-height:32px; background:url(../images/dot2.jpg) no-repeat right; display:inline-block;}
	#i_news p.title b,#faq p.title b,#i_cert p.title b{ color:#EB3D00}
	#i_news .pic_list{ width:58px; float:left;}
	#i_news .pic_list img{ margin-top:15px;}
	#i_news ul{ float:left; width:280px; padding:0 10px;}
	#i_news ul li{ margin-top:10px;}
	#i_news ul li p{ line-height:15px; overflow:hidden; height:30px;}
	#i_news h2{ display:inline; font-size:12px;}
	#i_news h2 a{ color:#575757}
	#i_news .inner{ overflow:hidden}
	#i_news span.time{ color:#6D9900; font-weight:bold; display:inline; margin-left:5px;}
#news_list li{height:1%;margin-bottom:15px;}
	#news h2{color:#343434;font-size:14px;}
	#news_list h2 a{color:#343434;}
	#news span.time{color:#BA0A00;font-size:11px;}
	#news .content span.time{margin-bottom:10px;}
	
/* 产品样式 */
#pro_wrap{direction:ltr; clear:both;overflow:hidden;zoom:1;padding:10px 0 15px; border-bottom:#E5E5E5 5px solid;width:739px;}
#products #pro_wrap{ border-bottom:none}
	#pro_wrap p.title{ padding:0 10px 0 0px;text-align:right}
#pro_txt{ margin:0 10px;}
	#pro_txt p.title{ font-size:16px; margin-bottom:5px; color:#EB3D00}
#pro_list{width:780px;}
	#pro_list li{float:left; width:167px; display:inline; margin:15px 0 0 14px;direction:rtl}
	#pro_list li input{width:12px;height:12px;margin-right:3px;}
	.opp {margin-top:5px; text-align:center}
	#pro_list .inq_btn a {background-color:#CFCFCF;border-color:#AEAEAE;border-style:solid;border-width:0 2px 2px 0;
color:#444444;display:inline-block;font-weight:bold;padding:0 5px;text-decoration:none;}
	#pro_list img{width:165px;height:165px; display:block;border:1px solid #ccc}
	#pro_list h2{overflow:hidden; height:24px;word-wrap:break-word;line-height:24px; background-color:#7F7F7F; text-align:center; margin-bottom:4px;}
	#pro_list h2 a{color:#fff; font-size:12px; background:url(../images/dot6.gif) no-repeat 0 8px; padding-left:15px;display:inline-block;}
	#pro_list p{overflow:hidden; line-height:14px; height:42px;}
#pro_info{ margin:0 10px 30px;}
	#pro_info .colm_title{ padding:0 0 15px; color:#439400; font-size:14px;}
#big_pic{text-align:center;width:340px;height:340px;border:1px solid #C1C1C1;float:right;overflow:hidden; position:relative;}
	#big_pic img{max-width:340px;max-height:340px;_zoom:0.630;}
	#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.hover{ display:block; }
#small_pics{ width:81px;height:342px;padding:0 25px 0 15px;float:right;overflow:hidden;}
	#small_pics img{width:79px;height:79px;border:1px solid #C1C1C1;margin-bottom:6px;}
#pro_info ul{width:256px;float:left;}
	#pro_info ul li{padding:5px 0;font-size:12px;}
	#pro_info ul input{width:157px;height:29px;border:0;margin-top:10px;background:url(../images/inquire_btn.jpg) no-repeat;color:#FFFFFF;}
#relative_pro{ margin-top:10px; overflow:hidden;width:739px;direction:ltr;}
	#relative_pro p.title{border-bottom:#555555 1px solid;font-size:16px;color:#EB3D00; margin:0 10px; padding-bottom:3px;text-align:right;}
	
/* 栏目样式 */
#company,#news{ padding:0 10px 10px;}
#products{ padding-bottom:10px;}
#company p.title,#news p.title{ color:#EB3D00;margin-bottom:10px; text-transform:capitalize}
	#company .content span img{ float:right; margin-left:10px;}
#i_project{margin-bottom:10px;zoom:1;}
	#i_project p.title{ position:relative; width:238px; height:64px; text-indent:-9999px; background:url(../images/bg3.gif) no-repeat top center; margin-left:-3px;}
#i_project .inner{text-align:left;direction:ltr;zoom:1;}
	#i_project .inner img{}
#faq{width:345px; float:left; padding-left:15px;}
	#faq p.title{ margin-bottom:10px;}
	#faq p.title span{ background-image:url(../images/dot3.jpg);}
	#faq h3,#faq h3 a{ color:#EB3D00}
#i_cert{ padding:10px 10px 0;}
	#i_cert .inner{ text-align:center}
	#i_cert p.title span{ background-image:url(../images/dot4.jpg);}
#i_about{zoom:1; overflow:hidden; padding:0 0 15px; background-color:#E5E5E5;}
	#i_about p.title{ color:#7F7F7F;font-family:Verdana, Geneva, sans-serif; background:url(../images/line.gif) repeat-x center; margin-bottom:15px; line-height:24px;}
	#i_about p.title span{ background-color:#E5E5E5; padding-right:5px;}
	#i_about p.title i{ font-size:24px; color:#EB3D00}
	#i_about span img{ float:right; margin:-10px 0 0 10px;}
	#i_about span.more{ text-align:right;}
	#i_about span.more a{ width:38px; height:13px; display:inline-block; background:url(../images/more.gif) no-repeat; text-indent:-9999px; text-align:left}
#i_contact{ margin-top:10px;direction:rtl;}
	#i_contact p.title span{ padding-right:40px; background:url(../images/dot3.gif) no-repeat 95%;display:inline-block;}
	#i_contact .inner{font-size:12px; padding:15px; line-height:24px;}
	#i_contact h3{color:#EB3D00}
#sitemap{padding-top:10px;}
	#sitemap li{ width:224px;margin:0 7px;float:left;display:inline;list-style:none}

/* 常见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 .view li img{ width:auto;}
#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{ height:25px; width:215px; position:absolute; right:25px; bottom:20px; background:url(../images/bg1.jpg) no-repeat 0 0;}
	#search_form input{width:133px; border:0 none; padding:2px; font-size:11px; margin:3px 0 0 30px;}
	#search_form button{font-size:11px;font-weight:bold;line-height:16px;color:#FFFFFF;width:27px;height:16px;margin:0  0 0 7px;background:url(../images/go_btn.gif) no-repeat;}
#location{text-align:right;color:#414141;font-size:11px;border-bottom:#555555 1px solid; margin:3px 10px 15px 10px;}
	#location a{color:#414141; display:inline-block;}
#page2{text-align:center;padding:10px 0 0;}
	#page2 img{margin-right:20px;}
	
#page3{padding:10px 0;text-align:center; clear:both;font-family:verdana;}
#page3 a.pagePre,#page3 a.pageNext {background:transparent url(../images/ProductGroupNavBg.gif) repeat-x 0 0;border:1px solid #849CC6;color:#3468B4;font-size:0.85em;font-size-adjust:none;font-weight:bold;line-height:120%;margin:0 15px 0 0; padding-left:10px; padding-right:10px;}
#page3 a{ padding-top:5px; padding-bottom:5px;}
#page3 a.pageNext {margin:0 0 0 15px;}
.pageNav a {border:1px solid #849CC6;color:#203558 !important;padding:2px 5px;margin:0 2px;}
.pageNav a:hover{background-color:#358def;color:#f2fcf1!important;}
.pageNav a.here{background-color:#3567C0 !important;border:1px solid #5E90C3;color:#FFFFFF !important;font-weight:bold;}
#pages{font-size:11px;text-align:right;padding:0 0 0 10px;clear:both;}
	#products #pages{ margin-top:15px;}
	#main #pages a{color:#3F3F3F;text-decoration:none;padding:0px 3px;}
	#main #pages .current{font-weight:bold;color:#FFFFFF;}
#pages .current,#pro_search button,#inquire_wrap button{background-color:#E9E9E9;}
#pro_search{text-align:center;padding:15px 0 0px;}
	#pro_search input{width:150px; padding:2px; border:#ccc 1px solid;}
	#pro_search label{ margin:0 5px;}
	#pro_search select{width:150px;padding:2px; border:#ccc 1px solid;}
	#pro_search button{font-size:11px;font-weight:bold;text-transform:uppercase;color:#444444;margin-left:5px; height:22px;}
#inquire_wrap{display:inline;padding-right:15px;}
#inquire_wrap button{font-size:11px;font-weight:bold;color:#444444;height:18px;cursor:pointer;}
.page404{font-size:18px;color:#DA251C;line-height:30px;display:block;padding:80px 0;}

/*询盘、站点地图等*/
/*      Leaveword Start      */
.post{ text-align:left; background:url(../images/ico_feed.png) no-repeat 5px center; margin:10px auto 5px; display:block; clear:both; float:left; margin-top:-40px; 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;color:#8B8B8B; padding:2px 0px; text-align:left; margin:5px 0 0 7px; display:block; float:right;}
#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{direction:ltr;}
#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{ 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%;}
#inquire #i_info h3{color:#FFF;}

.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{margin-bottom:10px;}
.view li{ width:30%; text-align:center; 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;}	

#Proj2 h4{height:36px;overflow:hidden;}

#fav{position:absolute;right:240px;top:15px;font-size:11px;}
#fav a{background:url("/images/star.jpg") no-repeat left center;
padding-left:20px;margin-left:5px;display:inline-block;color:#fff;}
