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

/* 除图片外控制本皮肤的颜色值

----------------------------------------------- 
文字色：#015323 #57C589 #ff0 #ffe
描边色：#57C589 #D6FBED
背景色：#D6FBED #edfff0
----------------------------------------------- */

/* 公用布局
----------------------------------------------- */
.wrapper{ width:950px; margin:0 auto;}
.margin_t7{ margin-top:7px;}
.cls,.clear,.clr{ clear:both; font-size:0; visibility:hidden;}
.sideBar{ overflow:hidden; width:230px; float:left;}
.mainBar{ width:710px; float:right;}
.page{ display:block; margin:0 20px 20px; padding:10px 0; background:#edfff0; font-size:14px; text-align:center; color:#999;}
.page a:link,.page a:visited{ padding:2px 2px 1px 2px; color:#015323;}
.page a:hover{ padding:2px 2px 1px 2px; background-color:#57C589; color:#fff; text-decoration:none;}
a.bt:link,a.bt:visited{ width:114px; height:30px; font:600 14px/30px "宋体"; display:block; text-align:center; background:url(../Images/outBt.jpg) no-repeat; color:#ffe;}
a.bt:hover,a.bt:active{ background:url(../Images/overBt.jpg) no-repeat; color:#ffe; text-decoration:none;}

/* 栏目模板 */
.column01 h1,.column02 h1{ height:44px; background:url(../Images/columnHeadBg.gif) no-repeat; padding-left:30px; font:600 14px/30px "宋体"; color:#fff;}
.column01 .body{ background:url(../Images/columnBodyBg.gif) repeat-y; padding:15px 25px 0;}
.column01 .foot{ height:25px; background:url(../Images/columnFootBg.gif) no-repeat;}

.column02 .body{ background:url(../Images/columnBodyBg2.gif) repeat-y; padding:0 15px;}
.column02 .foot{ height:25px; background:url(../Images/columnFootBg2.gif) no-repeat;}

.column03 .title{ height:35px; background:url(../Images/column2HeadBg.gif) no-repeat;}
.column03 h1{ width:200px; float:left; padding-left:45px; font:600 14px/35px "宋体"; color:#fff;}
.column03 h1.noW{ width:auto;}
.column03 .more{ width:240px; float:right; padding-right:15px; color:#fff; font:14px/35px Arial; text-align:right;}
.column03 .more li{ width:80px; float:left; color:#ff0; font:14px/35px "宋体"; text-align:center;}
.column03 .more li a{ color:#fff;}
.column03 .more li.on{ font-weight:bold;}
.column03 h1 .font_red{ color:#ff0;}
.column03 .body{ background:url(../Images/column2BodyBg.gif) repeat-y; overflow:hidden;}
.column03 .foot{ height:5px; background:url(../Images/column2FootBg.gif) no-repeat; font-size:0;}

.column04 .title{ height:35px; background:url(../Images/column2Head2Bg.gif) no-repeat;}
.column04 h1{ float:left; width:200px; padding-left:45px; color:#fff; font:600 14px/35px "宋体";}
.column04 .body{ overflow:hidden; background:url(../Images/column2Body2Bg.gif) repeat-y;}
.column04 .foot{ height:5px; background:url(../Images/column2Foot2Bg.gif) no-repeat; font-size:0;}

/* 在线留言
----------------------------------------------- */
#wangkuAd{ width:222px; height:284px; border-style:solid; border-width:1px; border-color:#479045 #519045 #519045 #479045; z-index:99999; position:absolute; left:0; top:0; background:#CFF4D2; visibility:hidden;}
#wangkuAd .adBg{ border-top:1px solid #fff; border-left:1px solid #fff;}
#wangkuAd #titleBg{ height:22px; background:url(../Images/msgTopBg.gif) repeat-x; overflow:hidden;}
#wangkuAd h1{ float:left; width:120px; font:12px/22px "宋体"; color:#ff0; padding-left:10px;}
#wangkuAd .more{ float:right; width:25px; padding:4px 0; text-align:center;}
#wangkuAd .more img{ cursor:pointer;}
#wangkuAd .body{ width:192px; height:232px; border-style:solid; border-width:1px; border-color:#79B872 #BEEFB9 #BEEFB9 #79B872; padding:13px; display:block; background:url(../Images/msgBottomBg.jpg) repeat-x 0 top; overflow:hidden;}
#wangkuAd .form{ width:192px;}
.box{ padding:3px;}
#wangkuAd .box{ overflow-y:hidden; width:184px; height:64px;}
#wangkuAd .body div{ padding:2px 0; clear:left;}
#wangkuAd div.bt{ width:192px; padding:15px 0 0 40px; text-align:left;}
#wangkuAd label{ float:left; width:5em; text-align:right; font-size:12px;}
#wangkuAd input,.form textarea{ font-size:12px; border:1px solid #666;}
#wangkuAd .wrong{ padding-left:10px; font-family:"宋体"; color:#f30101;}
#wangkuAd em{ padding-left:10px; color:#f60; clear:right; font-size:12px; font-family:"宋体"; font-style:normal;}

/* header 页首
----------------------------------------------- */
/* 顶部信息 */
.topNav{ position:relative; width:940px; height:36px; margin:0 auto; padding-right:10px; background:url(../Images/topNavBg.gif) repeat-x; font:14px/35px "宋体"; text-align:right;}
.logoE{ position:absolute; top:6px; left:290px; width:160px; height:24px; line-height:24px; text-align:left;}
.logoE img{ width:32px; height:24px; margin-right:6px; vertical-align:middle;}
.top{ height:95px; background:url(../Images/topBg.jpg) no-repeat right top; overflow:hidden;}
.logo{ width:250px; height:65px; padding:15px 0; float:left; text-align:center;}
.logo img{ max-width:250px; max-height:65px; _width:250px; _height:65px;}/* FF、IE7仅限制了最大宽高，IE6固定宽高 */
.siteName{ padding-left:15px; float:left; font:600 26px/95px "黑体"; color:#015323;}
.helpNum{ margin:0 12px;}
#level{ width:140px; height:33px; margin:16px 0; float:right; font:28px/33px Arial,"黑体"; text-align:center; overflow:hidden;}
#level .number{ background:url(../Images/num.gif) no-repeat 0 center; padding-left:28px;}
/* 导航 */
.navBg{ height:40px; background:url(../Images/navBg.gif) repeat-x;}
.nav{ width:850px; padding-left:30px; height:40px; float:left; background:url(../Images/navBg.gif) repeat-x;}
.nav li{ width:83px; padding-top:4px; float:left; font:600 14px/36px "宋体"; text-align:center; background:url(../Images/navBgNo.gif) no-repeat;}
.nav a:link,.nav a:visited{ color:#015323; text-decoration:none;}
.nav a:hover{ color:#f60; position:relative; left:1px; top:1px;}
.nav li.on{ width:100px; background:url(../Images/navBgOn.jpg) no-repeat;}
.nav li.on a:link,.nav li.on a:visited{ color:#ffe; text-decoration:none;}
.nav li.on a:hover{ color:#ff0;}
.nav li.onBehind{ background:none;}
.navColor{ float:right; width:70px; height:30px; padding-top:10px; text-align:center; z-index:90; zoom:1; position:relative;}
.navColor a{ background:url(../Images/navColor.gif) no-repeat; font-size:26px;}
.navColor a img{ width:38px; height:24px;}
#skin{ position:absolute; width:36px; height:95px; left:16px; top:34px; border:1px solid #57C589; border-top:0; z-index:1; background:#fff; display:none; filter:Alpha(Opacity=80);/* IE透明度80% */ -moz-opacity:0.8;/* Moz+FF透明度80% */ opacity:0.8;/* 支持CSS3的浏览器(FF1.5也支持)透明度80% */}
#skin img{ border:1px solid #333; width:16px; height:8px; display:block; margin:7px auto 0;}
/* 形象图 */
.banner{ height:150px; margin:3px auto; background:url(../Images/banner.jpg) no-repeat; overflow:hidden;}
/*.banner i{ display:block; margin:50px 150px 0; font:600 26px/30px "黑体"; color:#ffe; font-style:italic;}*/
.banner img,
.banner object{ display:block; width:950px; height:150px;}
/* 当前位置、搜索 */
.locationSearch{ width:920px; height:35px; margin:0 auto; padding:0 15px; border-top:1px solid #57C589; background:#D6FBED;}
.location{ float:left; font:14px/35px "宋体"; color:#666;}
.location a:link,.location a:visited{ color:#015323;}
.search{ float:right; width:260px; padding-top:6px;}
.search input{ float:right; width:180px; padding-left:3px; font:14px/18px Arial,"宋体"; height:20px; border:1px solid #57C589; border-right:0; line-height:20px;}
.search a:link,.search a:visited{ float:right; width:33px; height:22px; background:url(../Images/searchBt.gif) no-repeat; padding-left:22px; line-height:22px; color:#015323; text-decoration:none; display:block;}
.search a:hover{ color:#f00; text-decoration:none; display:block;}

/* body 主体
----------------------------------------------- */
/* 产品分类 */
.proSort li{ font:14px/31px "宋体";}
.proSort li a{ background:url(../Images/arrow.gif) no-repeat left 8px; padding:5px 5px 5px 15px; text-decoration:none;}
.proSort li a:hover{ background:url(../Images/arrow.gif) no-repeat 25px 8px; padding-left:40px; border:1px dashed #57C589; text-decoration:none;}
.proSortH{ overflow-y:auto; height:174px;}
.proSortN{ height:auto;}
.proSortH a:link,.proSortH a:visited{ font:14px/31px "宋体";}
.proSortH li.child{ padding-left:15px;}
.proSortH li.child a:link,.proSortH li.child a:visited{ color:#666; font:100 12px/31px "宋体"; text-decoration:underline;}
.proSortH li.child a:hover{ text-decoration:none;}
/* 联系我们 */
.contact li{ padding-left:10px; font:14px/23px "宋体"; word-break:break-all;}
/* 在线洽谈 */
li.contact_2{ padding:8px 0 0 40px; text-align:left;}
/* 产品列表、相册列表 */
.proAd{ zoom:1; padding:0 20px 20px 0;}
.proAd li,.photoList li{ width:130px; height:auto; float:left; margin:20px 0 0 20px; text-align:center; line-height:17px; border:1px solid #ccc; padding:10px; display:inline; overflow:hidden;}
.photoList li{ height:114px;}
.proAd img{ border:0; width:130px; height:130px;}
.photoList img{ height:98px;}
.proAd a{ display:block;}
.proAd span{ color:#f30; display:block; cursor:default;}
/* 证书列表 */
.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:#edfff0;}
.certificateList dl.listTitle dt,
.certificateList dl.listTitle dd{ padding:0; color:#333; font-weight:bold; text-align:center;}
/* 证书列表-背景 */
.bgno{ background:#fff;}
.bgon{ background:#edfff0;}
/* 产品详细 */
.pro{ padding:20px;}
.pro .pic{ width:310px; height:310px; float:left;}
.pro .pic img{ width:300px; height:300px; padding:4px; border:1px solid #ccc;}
.pro .parameter{ width:330px; float:right;}
.pro .parameter li{ width:310px; float:left; font:14px/30px "宋体"; padding-left:20px; background:url(../Images/ico2.gif) no-repeat 0 12px; display:inline; border-bottom:1px dashed #ccc;}
.pro .parameter li span{ font-size:12px; color:#999;}
.pro .parameter li.noIco{ background:none; border:0; height:31px; margin-top:10px;}
.pro .proBt{ float:left;}
.pro .msg{ width:84px; margin-left:15px; float:left; cursor:pointer;}
.pro .msg .ico{ width:23px; float:left; padding:3px 3px 3px 0; }
.pro .msg .text{ width:56px; float:right;}
.pro .save{ margin-left:15px; float:left;}
.pro label{ float:left;}
.pro .heart{ width:78px; padding:8px 0; float:left;}
.pro .proAll{ margin-top:20px; padding:10px; border:1px solid #D6FBED; 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 #015323; background:#fff; color:#015323; font:12px/14px Arial;}
.num li.on{ margin:0 1px; border:0; background:#015323; color:#fff; font:600 14px/18px Arial;}
/* 产品详细参数扩充 */
.infor{ width:628px;}
.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:640px; border:0 solid #D6FBED; border-width:2px 1px 1px 2px;}
.pro_basic li{ overflow-y:auto; height:24px; padding:4px 9px; border:1px solid #D6FBED; border-width:0 1px 1px 0; font:12px/24px "宋体";}
.pro_basic .TT{ float:left; width:180px; background:#EDFFF0; font-weight:600; text-align:right;}
.pro_basic .CC{ float:right; width:422px;}
.dis{ display:block;}
.undis{ display:none;}
/* 相册详细 */
.pho{ padding:20px;}
.pho .showPhoBg{ float:left; width:506px; height:381px;}
.pho #showPho{ width:500px; height:375px; padding:2px; border:1px solid #57C589; display:block;}
.pho .barMenu{ float:right; width:147px; height:381px;}
.pho .barMenu #goTop,.pho .barMenu #goBottom{ width:136px; height:15px; float:right; display:block; cursor:pointer;}
.pho #barPho{ width:147px; height:351px; overflow:hidden; float:right;}
.pho #barPho li{ width:147px; height:104px; margin-top:10px; text-align:right;}
.pho #barPho li img{ width:130px; height:98px; padding:2px; border:1px solid #D6FBED;}
.pho #barPho li a{ padding-left:11px; display:block;}
.pho #barPho li a:hover{ background:url(../Images/photoOn.gif) no-repeat 0 center;}
.pho #barPho li a:hover img{ border:1px solid #57C589;}
.pho .phoTxt{ border-top:1px solid #D6FBED; margin-top:20px; padding-top:10px; font:14px/24px "宋体";}
.pho .add{ font-size:12px; color:#999; margin-top:10px; text-align:center;}
/* 公司简介 */
/*.txtIndex{ height:auto !important; min-height:185px; height:185px;}*/
.txt{ padding:10px 15px; font:14px/23px Arial;}
.txt .co{ width:240px; height:180px; padding:1px; border:1px solid #ccc; margin-right:10px;}
.table .body{ padding:15px;}
.table table{ border:0 solid #D6FBED; border-width:2px 1px 1px 2px;}
.table th,.table td{ padding:4px 0.5em; border:1px solid #D6FBED; border-width:0 1px 1px 0; font:12px/18px "宋体";}
.table th{ width:11em; padding:4px; background:#EDFFF0; font-weight:600; text-align:right;}
/* 企业资讯 */
.article{ padding:20px 0 0 20px; margin-bottom:10px;}
.article li{ width:670px; height:32px; border-bottom:1px solid #D6FBED; color:#999;}
.article li h2{ float:left; width:550px; 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 h4{ font:600 22px/30px "宋体"; text-align:center; margin-bottom:15px;}
.artTxt .time{ height:22px; border-top:1px solid #ddd; padding-right:10px; font-size:12px; text-align:right; color:#999; background:#f5f5f5;}
.artTxt .mainTxt{ margin-top:10px; padding:10px; border:1px solid #D6FBED; color:#666; background:#edfff0;}
.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 #D6FBED;}
/* 招贤纳士 */
.jobList{ width:670px; padding:20px 0 5px 20px;}
.job{ border:1px solid #D6FBED; margin-bottom:10px;}
.job .title{ height:30px; overflow:hidden; background:#edfff0;}
.job h2{ float:left; width:435px; padding-left:15px; font:100 14px/30px "宋体";}
.job span{ float:right; width:150px; font:12px/30px Arial; text-align:center; color:#999;}
.job .goTop{ float:right; width:50px; height:20px; padding-top:10px;}
.job .goTop img{ width:34px; height:8px; border:0;}
.job p{ margin:0; padding:10px;}
.job p.p{ border-top:1px solid #D6FBED;}
.job label{ color:#999; float:left; text-align:right;}
/* 客户留言 */
.formTitle{ height:28px; margin:20px; border-top:1px solid #D6FBED; background:#edfff0 url(../Images/ico.gif) no-repeat 15px center;}
.formTitle h1{ width:200px; float:left; font:600 14px/28px "宋体"; color:#015323;}
.formTitle span{ width:200px; float:right; padding-right:15px; line-height:28px; text-align:right; color:#666;}
.form{ margin:0 auto; width:500px;}
.form div{ padding:2px 0; clear:left;}
.form div.bt{ padding:20px 0; text-align:center;}
.form label{ float:left; width:6em; text-align:right; font-size:12px;}
.form input,.form textarea{ font-size:12px;}
.form .wrong,.form .right,.form .help{ padding-left:10px; font-family:"宋体"; color:#f30101;}
.form .right{ color:#338f21;}
.form .help{ color:#238cee; cursor:help;}
em{ padding-left:10px; color:#f60; clear:right; font-size:12px; font-family:"宋体"; font-style:normal;}
/* 联系我们 */
.contact{ padding:20px;}
.map{ float:left; width:282px; height:250px; text-align:center;}
.map .img{ width:280px; height:210px; margin-bottom:10px; border:1px solid #D6FBED; display:block;}
.mapHelp{ padding:10px; background:#edfff0;}
.contact .all{ float:right; width:600px;}
.contact .all li{ color:#333;}
.contact .all li{ font:12px/21px "宋体";}
.contact .all li.line{ height:0px; margin:10px 0 10px 0cm; border-bottom:1px solid #ccc;}

/* footer 页脚
----------------------------------------------- */
.link{ padding:10px 0 5px; font:14px/21px "宋体";}
.footer{ height:145px; background:url(../Images/footerBg.jpg) center bottom; color:#015323;}
.footer .bottomNav{ height:42px; line-height:42px; text-align:center;}
.footer .copyright{ padding-top:10px; line-height:20px;}
.footer .bottomLogo{ width:260px; padding:18px 0 5px 40px; float:left;}
.footer .bottomLogo img{ border:1px solid #ddd; filter:Alpha(Opacity=50);/* IE透明度50% */ -moz-opacity:0.5;/* Moz+FF透明度50% */ opacity:0.5;/* 支持CSS3的浏览器(FF1.5也支持)透明度50% */}
.footer .bottomCopy{ float:left; width:400px; margin-left:10px;}
.footer .bottomHelp{ float:right; width:240px; height:23px; padding-top:35px; text-align:center;}
.footer .bottomHelp img{ width:118px; height:23px;}
.footer a:link,.footer a:visited{ color:#015323;}

/* 样式
----------------------------------------------- */
body,ul,li,dl,dt,dd,form,input{ margin:0; padding:0; font:12px/18px Arial,"宋体"; color:#333;}
body{ margin-bottom:5px;}
li{ list-style:none; vertical-align:bottom;}
h1,h2,h3,h4{ margin:0; padding:0;}
a img{ border:0;}
i{ font-style:normal;}

a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#f30; text-decoration:underline;}

a.noLine:hover{ text-decoration:none;}

a.move:hover{ position:relative; top:1px; left:1px;}

a.link_red:link,a.link_red:visited{ color:#f30; text-decoration:none;}
a.link_red:hover,a.link_red:active{ color:#333; text-decoration:underline;}

.font_red{ color:#f30;}
.font_blue{ color:#015323;}
.font_b{ font-weight:bold;}
.font_gray{ color:#999;}