﻿@charset "utf-8";
/*---------- import ---------*/
@import url("qq.css");
*{margin: 0px;padding: 0px;}
body{background: #e8f5f8 url(/images/bg.png) repeat-x;color:#626262;font-family:Arial, Verdana, Sans-serif; font-size:12px;}
div,ul,ol,li,dl,dt,dd,form,h1,h2,h3{padding:0;margin:0;	border:0;list-style:none;text-align:left;}
.clearfix{clear: both; } 
img{ border:0}
h1,h2{ font-size:14px}

/* 链接 */
a:link,a:visited{ color:#626262; text-decoration:none}
a:hover,a:active{ color:#f00; text-decoration: underline}

/* 通用 */
#wrap{height: auto; width:100%;margin:0 auto; text-align:center}
#content{ height:auto; text-align:left; background: #fff url(/images/content-bg.gif) repeat-y left top; float:left}
#container{ width:950px; margin:0 auto; height:auto; overflow:hidden; background:#FFF}
#leftSide{ width:226px;}
#rightSide{ width:715px; margin-left:8px}
.fLeft{ float:left}
.fRight{ float:right}
.mT10{ margin-top:10px}
.mT5{ margin-top:5px}
.width360{ width:360px}
.width667{ width:667px; overflow:hidden}
.content-box{ padding:10px 28px 10px 20px; line-height:200%}
.content-font{ font-family:"宋体",Arial, Helvetica, sans-serif; font-size:14px}
/* 通用背景 */
ul.nav li,ul.nav li a,.top-bar-l,.top-bar-r,.contact-nav span,.category-nav span,.recommend-nav span,.about-nav span,.product-nav span,.related-nav span,.news-nav-c span,.news-nav-k span,.standard-nav span,.service-nav span,.honor-nav span{ background:url(/images/main.png) no-repeat;}
/*英文版*/
.contact-nav-en,.category-nav-en,.recommend-nav-en,.about-nav-en,.product-nav-en,.related-nav-en,.news-nav-en,.service-nav-en,.honor-nav-en{ border-bottom:solid 1px #d0eaf0; display:block; height:32px; overflow:hidden}
.contact-nav-en span,.category-nav-en span,.recommend-nav-en span,.about-nav-en span,.product-nav-en span,.related-nav-en span,.news-nav-en span,.service-nav-en span,.honor-nav-en span{ background:url(/images/main-en.png) no-repeat 8px -92px;height:14px; display:block; margin:9px 0;}
.category-nav-en span{ background-position:8px -106px}
.recommend-nav-en span{ background-position:8px -120px}
.about-nav-en span{ background-position:8px -134px;text-align:right; overflow:hidden}
.about-nav span a,.about-nav span a:visited,.product-nav-en span a,.product-nav-en span a:visited{ margin-right:8px; color:#2f5190}
.product-nav-en span{ background-position:8px -148px;text-align:right; overflow:hidden}
.related-nav-en span{ background-position:8px -226px}
.news-nav-en span{ background-position:8px -240px;}
.service-nav-en span{ background-position:8px -254px;}
.honor-nav-en span{ background-position:8px -268px;}



/* 商标 */
.logo{ width:388px; height:85px; float:left}
.logo a{ display:block; height:85px;background:url(/images/logo.gif) no-repeat; text-indent:-10000px }
/* 头部 */
#header{ height: auto; background:url(/images/hd-bg.gif) no-repeat right top; float:left}
.top-nav{width:562px; float:left; text-align:right; height:30px; line-height:30px}
.top-nav span{ padding-right:20px}
/*搜索*/
.search-bar{height:24px; width:562px; float:left; margin-top:10px}
.search-bar-l{ margin-left:200px!important; margin-left:100px}
.search-bar-l,.search-bar-r{ width:12px; display:block; height:24px; background:url(/images/search_01.gif) no-repeat}
.search-bar-r{ background:url(/images/search_04.gif) no-repeat;}
.search-input{ height:24px;  width:240px; line-height:24px; background:url(/images/search_02.gif) repeat-x; border:0}
.search-submit{ width:26px; height:24px; background:url(/images/search_06.gif) no-repeat; border:0; margin-left:5px}

/* 主导航 */
ul.nav{ height:30px; background: url(/images/nav-bg.gif) repeat-x; overflow:hidden; padding-left:80px; color:#000}
ul.nav-en{ padding-left:155px; font-family:Verdana, Geneva, sans-serif}
ul.nav li{ float:left; height:30px; padding-left:6px; margin-right:3px}
ul.nav li a,ul.nav li a:visited{ display:block; height:12px; padding:9px 18px 9px 12px;background-position:100% -30px; _float:left; color:#000; outline:none;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */}
ul.nav li a:hover{ text-decoration:none}

/* 顶部产品分类 */
.top-bar{ height:32px; overflow:hidden; background: url(/images/top-bar.png) repeat-x; color:#FFF; font-weight:bold}
.top-bar-l,.top-bar-r{ display:block; height:32px;width:6px}
.top-bar-l{ background-position:0 -60px;}
.top-bar-r{ background-position:100% -60px;}
.top-bar-box{ width:938px; line-height:32px}
.top-bar-box ul{ padding:0 12px}
.top-bar-box li{ float:left; padding:0 10px;}
.top-bar-box li a,.top-bar-box li a:visited{ color:#FFF}
.top-bar-tips{ padding-left:20px}
/*联系*/
.contact-nav,.category-nav,.recommend-nav,.about-nav,.product-nav,.related-nav,.news-nav-c,.news-nav-k,.standard-nav,.service-nav,.honor-nav{ border-bottom:solid 1px #d0eaf0; display:block; height:32px; overflow:hidden}
.contact-nav span,.category-nav span,.recommend-nav span,.about-nav span,.product-nav span,.related-nav span,.news-nav-c span,.news-nav-k span,.standard-nav span,.service-nav span,.honor-nav span{height:14px; background-position:8px -92px; display:block; margin:9px 0;}

.contact-bg{ width:202px; height:174px; margin:8px 12px; background:url(/images/contact-bg.gif) no-repeat}
.contact-bg p{ line-height:24px; padding:12px 0 0 10px}
/* 广告 */
.slide{ width:715px; height:194px; overflow:hidden}

/*产品分类*/
.category-nav span{ background-position:8px -106px}
ul.category-list{ margin:8px 12px}
ul.category-list li{ background:url(/images/ico.gif) no-repeat left center; border-bottom:solid 1px #e4f2f3; height:28px; line-height:28px}
ul.category-list li a{ padding-left:10px}
/*产品推荐*/
.recommend-nav span{ background-position:8px -120px}
.recommend-box{ width:200px; height:150px; margin:8px 12px; text-align:center; overflow:hidden; border:solid 1px #f0f0f0}
/*销售网络*/
.standard-nav span{background-position:8px -268px}
/*客户咨询*/
.service-nav span{background-position:8px -282px}
.mess-border{ background:#C5E9EB;}
.mess-border td{ background:#FFF;}
.mess-border td.tips{ background:#e5f5ff;font-weight:bold; text-align:center}
.mess-border td.item{ padding-left:15px; height:32px}
.mess-input{ border: #d3e2eb solid 1px; width:280px; height:20px; line-height:20px}
.mees-require{ color:#F00; padding-left:5px}
.mess-txt{ border: #d3e2eb solid 1px; margin:10px 0}
.mess-submit{ background:url(/images/submit.gif) no-repeat; width:53px; height:22px; line-height:22px; border:0}
.mess-code{ width:60px;border: #d3e2eb solid 1px; height:20px; line-height:20px}

/*首页简介*/
.about-nav span{ background-position:8px -134px; text-align:right; overflow:hidden}
.about-nav span a,.about-nav span a:visited,.product-nav span a,.product-nav span a:visited{ margin-right:8px; color:#2f5190}
.about-box{ padding:10px 8px 0 8px; line-height:20px}
/*首页产品*/
.product-nav span{ background-position:8px -148px; text-align:right; overflow:hidden}
/*首页新闻*/
.index-news{ width:355px}
ul.news-nav{ height:32px;border-bottom:solid 1px #d0eaf0; overflow:hidden; margin:0 0 0 16px; padding-left:6px}
ul.news-nav li{ float:left;  height:24px; background:url(/images/main.png) no-repeat 0 -202px; padding-left:5px;margin:8px 6px 0 0}
ul.news-nav li a,ul.news-nav li a:visited{ display:block;background:url(/images/main.png) no-repeat 100% -202px; height:24px; line-height:24px; _float:left; padding:0 15px 0 10px;outline:none;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ }
ul.news-nav li a:hover,ul.news-nav li a:active{ text-decoration:none}
ul.news-nav li.current{ background-position:0 -170px}
ul.news-nav li.current a,ul.news-nav li.current a:visited{ background-position:100% -170px}
ul.news-list{ margin:8px 8px 0 20px}
ul.news-list li,ul.news-list-m li{ background: url(/images/newsico.gif) repeat-x left bottom; height:24px; line-height:24px}
ul.news-list li a,ul.news-list-m li a{ background:url(/images/arr.gif) no-repeat left 10px; display:block; height:18px; padding-left:10px; overflow:hidden;}
ul.news-list-m{ margin:8px 0 0 0;}
ul.news-list-m small{ float:right}
#tabContent1{ display:none}
/*新闻导航*/
.news-nav-c span{ background-position:8px -240px}
.news-nav-k span{ background-position:8px -254px}
/*产品列表*/
ul.products{ padding:8px 0 0 10px;}
ul.products li,ul.product-list li,ul.honor-list li{ margin-right:10px; float:left; display:inline;margin-bottom:10px}
ul.products li a img,ul.products li a:visited img,ul.product-list li a img,ul.product-list li a:visited img,ul.honor-list li a img,ul.honor-list li a:visited img{ width:125px; height:94px; padding:2px; border:solid 1px #e3e3e3}
ul.products li a:hover img,ul.product-list li a:hover img,ul.honor-list li a:hover img{ border:solid 1px #8cd3e3}
ul.products li p,ul.product-list li p,ul.honor-list li p{ display:block; width:131px; height:30px; overflow:hidden; text-align:center; margin-top:4px}

ul.product-list,ul.honor-list{ margin-top:20px}
ul.product-list li,ul.honor-list li{ margin-left:20px; margin-right:9px}
ul.product-list li a img,ul.honor-list li a img{ width:139px; height:109px}
ul.product-list li p,ul.honor-list li p{ width:145px}
.product-page{ margin:10px 28px 20px 20px}
/* 荣誉列表 */
.honor-nav span{ background-position:8px -296px}

/*通用分页*/
.pagelist{height:30px; line-height:30px; text-align:center; background:#f5fbfc;}
/*通用详情*/
.contentTitle{ text-align:center;padding:5px 0; border:#feb697 dashed 1px; background:#fffaf9; color:#565656}
.contentTime{ text-align:center; height:30px; line-height:30px; color:#ccc}
.contentTime a:link,.contentTime a:visited{ color:#ccc}
.contentDetails{ line-height:200%; min-height:300px; height:auto !important; height:300px; overflow:visible;
}
.contentDetails p{ padding-bottom:10px}
.contentImg{height: auto; text-align:center}
.contentDetails img,.contentImg img
{ 
width: expression(this.width > 600 ? 600: true); max-width: 600px;
} 
.contentRelated{ background:#f7f7f7}
.contentRelated li{ padding-left:10px}

/*相关产品*/
.related-nav span{ background-position:8px -226px}
/*信息提示*/
.errorInfor{ background: #ffffcc url(/images/failure.gif) no-repeat 8px center;font-size:14px; font-weight:bold; text-align:left; line-height:30px;border:solid 1px #ccced2; color:#F30; padding:8px 0 8px 48px }


/*底部*/
#footer{ height: auto; background:url(/images/foot-bg.gif) repeat-x left bottom; text-align:center }
.foot-box{ background:url(/images/foot-box-bg.gif) repeat-x left bottom; width:950px; height:187px; margin:0 auto;border-top:solid 1px #d0eaf0}
.foot-l,.foot-r{ background:url(/images/foot-l.gif) no-repeat left bottom; width:12px; height:187px;}
.foot-r{ background:url(/images/foot-r.gif) no-repeat left bottom;}
.copyright{ width:926px; text-align:center; font:Verdana, Geneva, sans-serif 12px/20px;}
.copyright p{ line-height:20px; padding-top:10px}



