/*
-----------------------------------------------
Author: Jiang Jichao (infostorm@163.com)
Version: 2009.06.02
----------------------------------------------- */

/* 公共布局
----------------------------------------------- */
.cls{ clear:both;}
.wrapper{ width:950px; margin:0 auto 7px auto;}
.barLeft230{ float:left; width:230px;}
.barRight710{ float:right; width:710px;}
/* 栏目模型 */
.column1 .title{ overflow:hidden; height:30px; background:url(../Images/columnC.gif) repeat-x; line-height:30px;}
.column1 .title h1,.column1 .title h2{ float:left; color:#fff; font:600 14px/30px "宋体";}
.column1 .title h1{ padding-left:20px; background:url(../Images/columnLR.gif) no-repeat;}
.column1 .title h2{ padding-left:40px; background:url(../Images/columnLR.gif) no-repeat 0 -30px;}
.column1 .title span{ float:right; background:url(../Images/columnLR.gif) no-repeat right -60px;}
.column1 .body{ overflow:hidden; border:1px solid #B3B3B3; border-top:0;}

.column2 .title{ overflow:hidden; height:30px; background:url(../Images/columnC.gif) repeat-x 0 -30px; line-height:30px;}
.column2 .title h1{ float:left; width:110px; background:url(../Images/columnLR.gif) no-repeat 0 -90px; color:#fff; font:600 14px/30px "宋体"; text-align:center;}
.column2 .title h2{ float:left; padding-left:10px; color:#d00; font:600 14px/30px "宋体";}
.column2 .title span{ float:right; background:url(../Images/columnLR.gif) no-repeat right -120px;}
.column2 .body{ overflow:hidden; border:1px solid #B3B3B3; border-top:0;}
/* 翻页 */
.page{ display:block; margin:0 20px 20px; padding:10px 0; background:#FFF7F7; font-size:14px; text-align:center; color:#999;}
.page a:link,.page a:visited{ padding:2px 2px 1px 2px; color:#d00; font-size:14px;}
.page a:hover{ padding:2px 2px 1px 2px; background-color:#d00; color:#fff; text-decoration:none;}

/* header 页首
----------------------------------------------- */
/* 顶部导航 */
.topNav{ height:30px; background:url(../../../Images/topBg.gif) repeat-x;}
.topNav h1{ float:left; font:100 12px/30px "宋体";}
.topNav h2{ float:right; font:100 12px/30px "宋体";}
.topNav a{ background:url(../../../Images/ico.gif) no-repeat -1000px 0;}
.topNav a.logoNav{ padding-left:20px; background-position:0 -9px;}
.topNav a.favNav{ padding-left:20px; background-position:0 -39px;}
.topNav a.msgNav{ padding-left:20px; background-position:0 -69px;}
.topNav a.addNav{ padding-left:20px; background-position:0 -99px;}
.topNav a.loginNav{ padding-left:20px; background-position:0 -129px;}
/* 顶部信息 */
.userTop{ margin-top:7px;}
.userTop .userLogo{ float:left; width:180px; height:60px;}
.userTop .userLogo img{ width:180px; height:60px;}
.userTop .userName{ float:left; width:580px; height:40px; margin-left:10px; padding-top:20px; color:#666; font:100 20px/20px "黑体";}
.level{ float:right; width:165px; height:60px; background:url(../../../Images/level.gif) no-repeat 0 20px;}
#level{ float:right; overflow:hidden; width:50px; height:60px; padding-left:15px; font:14px/60px "宋体"; text-align:center;}
#level span{ color:#f00; font:14px/60px Arial,"宋体";}
/* 店铺会员头部 */
.userHeader{ position:relative; overflow:hidden; width:950px; height:210px; background:url(../Images/banner.gif) no-repeat;}
.userHeader .userNav{ position:absolute; top:5px; left:0; width:900px; height:26px; padding-left:50px;}
.userHeader img,
.userHeader object{ width:950px; height:210px;}
.userHeader .userNavBg{ position:absolute; top:0; left:0; width:950px; height:36px; background:#fff; filter:Alpha(Opacity=50);/* IE透明度 */ -moz-opacity:0.5;/* Moz+FF透明度 */ opacity:0.5;/* 支持CSS3的浏览器(FF1.5也支持)透明度 */}
.userNav li{ float:left; width:90px; height:26px; margin-right:5px; background:url(../Images/nav.gif) no-repeat; text-align:center;}
.userNav li.on{ background-position:0 -26px;}
.userNav li a:link,.userNav li a:visited{ color:#000; font:600 14px/26px "宋体";}
.userNav li a:hover,.userNav li a:active{ color:#f00;}
.userNav li.on a:link,.userNav li.on a:visited{ color:#f00;}
.userNav li.on a:hover,.userNav li.on a:active{ color:#000;}

/* body 主体
----------------------------------------------- */
/* 联系我们 */
.userContact .body{ padding:10px 1em 10px 1.2cm;}
.userContact li{ text-indent:-1cm; font:12px/20px "宋体"; word-break:break-all;}
.userContact li.bt{ padding:10px 0 12px 18px;}
.userContact li.bt a{ text-indent:0;}
/* 产品分类 */
.proSort .body{ padding:10px 1em;}
.proSort li{ padding:0 5px 0 20px; border-bottom:1px dashed #B3B3B3; background:url(../Images/icoSort.gif) no-repeat 5px 9px;}
.proSort li a:link,.proSort li a:visited{ color:#d00; font:14px/26px "宋体";}
.proSort li a:hover,.proSort li a:active{ color:#f30;}
.proSort li.child{ padding-left:30px; background:url(../Images/icoSort.gif) no-repeat 15px -84px;}
.proSort li.child a:link,.proSort li.child a:visited{ color:#666; font-size:12px;}
.proSort li.child a:hover,.proSort li.child a:active{ color:#f30;}
/* 站内搜索 */
.search .body{ height:32px; padding-top:10px; text-align:center;}
.search .key{ width:140px; margin-right:10px; border:1px solid #d00;}
.search .bt{ cursor:pointer; width:47px; height:21px; border:0; background:url(../Images/button.gif) no-repeat; color:#fff; font:600 14px/21px "宋体"; vertical-align:bottom;}
/* 友情链接 */
.links .body{ padding:6px 9px;}
.links li{ line-height:21px;}
/* 产品展厅 */
.proAd ul{ zoom:1; padding:0 20px 30px 0;}
.proAd li{ display:inline; float:left; overflow:hidden; width:152px; height:210px; margin:30px 0 0 20px; text-align:center;}
.proAd img{ width:145px; height:145px; border:1px solid #eee;}
.proAd ul a{ display:block;}
.proAd ul a:link,.proAd ul a:visited{ font:600 12px/26px "宋体";}
.proAd ul span{ display:block; cursor:default; color:#666;}
/* 产品详细 */
.pro{ height:auto !important; min-height:0; height:0; padding:20px;}
.pro .pic{ float:left; width:310px; height:310px;}
.pro .pic img{ width:300px; height:300px; padding:4px; border:1px solid #ccc;}
.pro .parameter{ float:right; width:330px;}
.pro .parameter li{ display:inline; float:left; width:310px; padding-left:20px; border-bottom:1px dashed #ccc; background:url(../Images/ico3.gif) no-repeat 0 12px; font:14px/30px "宋体";}
.pro .parameter li span{ color:#999; font-size:12px;}
.pro .parameter li.noIco{ height:31px; margin-top:10px; border:0; background:none;}
a.proBt{ display:block; cursor:pointer; float:left; width:75px; height:30px; padding-left:35px; border:0; background:url(../Images/button.gif) no-repeat 0 -31px;}
a.proBt:link,a.proBt:visited{ color:#fff; font:600 14px/30px "宋体";}
a.proBt:hover,a.proBt:active{ color:#ff0; font:600 14px/30px "宋体";}
.pro .msg{ float:left; cursor:pointer; width:84px; margin-left:15px;}
.pro .msg .ico{ float:left; width:23px; padding:3px 3px 3px 0;}
.pro .msg .text{ float:right; width:56px; font:normal 14px/30px "宋体";}
.pro .save{ float:left; margin-left:15px;}
.pro .save a:link,.pro .save a:visited{ line-height:30px;}
.pro label{ float:left;}
.pro .heart{ float:left; width:78px; padding:8px 0;}
.pro .proAll{ margin-top:20px; padding:10px; border:1px solid #FFE4E4; font:14px/24px "宋体";}
/* 产品图片轮显 */
.container{ position:relative; overflow:hidden; width:310px; height:310px;}
.slider{ /*position:absolute;*/}
.slider li{ display:inline;}
.slider img,.slider object{ display:block; width:300px; height:300px;}
.num{ position:absolute; right:10px; bottom:10px;}
.num li{ float:left; cursor:pointer; margin:2px; padding:2px 5px; border:1px solid #d00; background:#fff; color:#d00; font:12px/14px Arial;}
.num li.on{ margin:0 1px; border:0; background:#d00; color:#fff; font:600 14px/18px Arial;}
/* 产品详细参数扩充 */
.infor{ width:631px;}
.inforTit ul{ float:left; width:100%; height:30px; margin:0 0 10px 0; padding:0 0 0 15px; border-bottom:1px solid #ccc;}
.inforTit ul li{ position:relative; top:1px; float:left; width:90px; height:28px; margin-right:2px; background:url(../images/tags.gif) no-repeat 0 -30px; text-align:center;}
.inforTit ul li.off{ font:14px/28px "宋体";}
.inforTit ul li.on{ cursor:pointer; height:30px; background-position:0 top; font:600 14px/30px "宋体";}
.pro_basic ul{ clear:both; width:643px; border:0 solid #FFE4E4; border-width:2px 1px 1px 2px;}
.pro_basic li{ overflow-y:auto; height:24px; padding:4px 9px; border:1px solid #FFE4E4; border-width:0 1px 1px 0; font:12px/24px "宋体";}
.pro_basic .TT{ float:left; width:180px; background:#FFF7F7; font-weight:600; text-align:right;}
.pro_basic .CC{ float:right; width:425px;}
.dis{ display:block;}
.undis{ display:none;}

/*服务图片及详细*/
.service { width:658px; height:auto;padding:10px 0; text-align:center; font:bold 12px/34px "宋体"; }
.service img {margin:0 auto;display:block;max-weight:560px; max-height:420px;}
.service1 { width:658px; height:auto;padding:10px 0; text-align:center; border-top:#999 1px solid;}

/* 公司简介 */
.corporation .body{ height:182px; padding:10px; font:12px/20px "宋体";}
.corporation img{ float:left; width:240px; height:180px; margin-right:15px; border:1px solid #ccc;}
.txt{ padding:10px 15px; font:14px/24px Arial;}
.txt .co{ width:240px; padding:1px; border:1px solid #ccc; margin-right:10px;}
.table .body{ padding:15px;}
.table table{ border:0 solid #FFE4E4; border-width:2px 1px 1px 2px;}
.table th,.table td{ padding:4px 0.5em; border:1px solid #FFE4E4; border-width:0 1px 1px 0; font:12px/18px "宋体";}
.table th{ width:11em; padding:4px; background:#FFF7F7; font-weight:600; text-align:right;}
/* 资讯分类 */
.articleSort .body{ padding:10px 1em;}
.articleSort li{ padding:0 5px 0 20px; border-bottom:1px dashed #B3B3B3; background:url(../Images/icoSort.gif) no-repeat 5px -84px;}
.articleSort li a:link,.articleSort li a:visited{ color:#d00; font:14px/26px "宋体";}
.articleSort li a:hover,.articleSort li a:active{ color:#f30;}
/* 企业资讯 */
.article{ margin-bottom:10px; padding:20px 0 0 20px;}
.article li{ width:670px; height:32px; border-bottom:1px solid #FFE4E4; color:#999;}
.article li h2{ float:left; width:550px; font:100 14px/32px "宋体";}
.article li a:link,.article li a:visited{ font:100 14px/32px "宋体";}
.article li span{ float:right; width:100px; font:12px/32px Arial; text-align:center;}
/* 资讯详细 */
.artTxt{ padding:20px 20px 0; font:14px/24px "宋体";}
.artTxt div{ font:14px/24px "宋体";}
.artTxt h4{ margin-bottom:15px; font:600 22px/30px "宋体"; text-align:center;}
.artTxt .time{ height:22px; padding-right:10px; border-top:1px solid #ddd; background:#f5f5f5; color:#999; font-size:12px; text-align:right;}
.artTxt .mainTxt{ margin-top:10px; padding:10px; border:1px solid #FFE4E4; background:#FFF7F7; color:#666;}
.artTxt #txtAll{ margin:15px 0; line-height:1.7em;}
.artTxt #txtAll img{ margin:10px; border:1px solid #999;}
.artTxt .txtBt{ text-align:right;}
.artTxt .txtBt li{ float:right; margin-left:10px;}
.artTxt .upDown{ line-height:28px; border-bottom:1px dashed #FFE4E4;}
.artTxt .upDown a:link,.artTxt .upDown a:visited{ color:#333; font:14px/24px "宋体";}
/* 证书列表 */
.certificateList{ padding-top:18px;}
.certificateList dl{ width:670px; height:auto !important; min-height:0; height:0; margin:0 auto; border-bottom:1px solid #ccc; padding:10px 0;}
.certificateList dt,
.certificateList dd{ float:left; text-align:center;}
.certificateList dt{ width:150px;}
.certificateList dt img{ vertical-align:middle; width:130px; height:98px;}
.certificateList dd{ width:90px; padding-top:40px; color:#666; line-height:18px;}
.certificateList dd.d1{ width:165px;}
.certificateList dl.listTitle{ border-bottom:1px solid #ccc; background:#FFF7F7;}
.certificateList dl.listTitle dt,
.certificateList dl.listTitle dd{ padding:0; color:#333; font-weight:bold; text-align:center;}
.bgno{ background:#fff;}
.bgon{ background:#FFF7F7;}
/* 人才招聘 */
.jobList{ width:670px; padding:20px 0 10px 20px;}
.job{ margin-bottom:10px; border:1px solid #FFE4E4;}
.job .title{ overflow:hidden; height:30px; background:#FFF7F7;}
.job .title h2{ float:left; width:435px; padding-left:15px; font:100 14px/30px "宋体";}
.job .title span{ float:right; width:150px; background:none; color:#999; font:12px/30px Arial; text-align:center;}
.job .goTop{ float:right; width:50px; height:20px; padding-top:10px; background:url(../Images/top.gif) no-repeat 0 10px;}
.job .goTop img{ width:34px; height:8px; border:0;}
.job p{ margin:0; padding:10px; font:12px/18px "宋体";}
.job p.p{ border-top:1px solid #FFE4E4; color:#d00;}
.job label{ float:left; color:#999; text-align:right;}
/* 客户留言 */
.formTitle{ height:28px; margin:20px; border-top:1px solid #FFE4E4; background:#FFF7F7 url(../Images/ico.gif) no-repeat 15px center;}
.formTitle h1{ float:left; width:200px; padding-left:45px; color:#d00; font:600 14px/28px "宋体";}
.formTitle span{ float:right; width:200px; padding-right:15px; color:#666; line-height:28px; text-align:right;}
.form{ width:500px; margin:0 auto;}
.form div{ clear:left; padding:2px 0;}
.form div.bt{ padding:20px 0; text-align:center;}
.form label{ float:left; width:6em; font-size:12px; text-align:right;}
.form input,.form textarea{ font-size:12px;}
.form .wrong,.form .right,.form .help{ padding-left:10px; color:#f30101; font-family:"宋体";}
.form .right{ color:#338f21;}
.form .help{ cursor:help; color:#238cee;}
.form .font_gray{ color:#999;}
em{ clear:right; padding-left:10px; color:#f60; font-style:normal; font-size:12px; font-family:"宋体";}
/* 联系我们 */
.contact{ height:auto !important; min-height:0; height:0; padding:20px;}
.map{ float:left; width:282px; height:250px; text-align:center;}
.map .img{ display:block; width:280px; height:210px; margin-bottom:10px; border:1px solid #FFE4E4;}
.mapHelp{ padding:10px; background:#FFF7F7;}
.contact ul{ float:right; width:600px; margin-bottom:10px; color:#444; font:12px/21px "宋体";}
.contact li{ font:12px/21px Arial;}
.contact li.line{ height:0px; margin:10px 0; border-bottom:1px solid #ccc; line-height:0;}
.contact li a:link,
.contact li a:visited{ font:12px/21px Arial;}

/* footer 页脚
----------------------------------------------- */
/* 底部导航 */
.bottomNav{ height:30px; border-top:1px solid #ccc; background:#f5f5f5; line-height:30px; text-align:center;}
/* 版权信息 */
.footer{ position:relative; width:950px; height:80px; padding-top:10px; background:url(../../../Images/hyt.gif) no-repeat 750px 25px; font-family:Arial; text-align:center;}
.footer h1{ position:absolute; top:10px; left:50px; width:168px; height:50px; filter:Alpha(Opacity=50);/* IE透明度 */ -moz-opacity:0.5;/* Moz+FF透明度 */ opacity:0.5;/* 支持CSS3的浏览器(FF1.5也支持)透明度 */}
.footer h2{ font:100 12px/18px "宋体";}

/* 公共布局补充
----------------------------------------------- */
.marginB7{ margin-bottom:7px;}
a:hover{ color:#f00;}
a.link_red{ color:#F00;}
a.link_red:hover{ color:#000;}
.font_red{ color:#d00;}