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

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

----------------------------------------------- 
文字色：#37639a #67b9ea #ff0 #ffe
描边色：#67b9ea #e4f4ff
背景色：#e4f4ff #f7fcff
----------------------------------------------- */

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

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

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

.column03 .title{ height:35px; background:url(../Images/column2HeadBg.gif) no-repeat;}
.column03 h1{ float:left; width:200px; padding-left:45px; color:#37639a; font:600 14px/35px "宋体";}
.column03 h1.noW{ width:auto;}
.column03 .more{ float:right; width:240px; padding-right:15px; font:14px/35px Arial; text-align:right;}
.column03 .more li{ float:left; width:80px; font:14px/35px "宋体"; text-align:center;}
.column03 .more li.on{ font-weight:bold;}
.column03 .body{height:auto; overflow:hidden; background:url(../Images/column2BodyBg.gif) repeat-y;}
.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:#37639a; 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{ position:absolute; left:0; top:0; z-index:99999; visibility:hidden; width:222px; height:284px; border-style:solid; border-width:1px; border-color:#a6b4cf #455690 #455690 #a6b4cf; background:#cfdef4;}
#wangkuAd .adBg{ border-top:1px solid #fff; border-left:1px solid #fff;}
#wangkuAd #titleBg{ overflow:hidden; height:22px; background:url(../Images/msgTopBg.gif) repeat-x;}
#wangkuAd h1{ float:left; width:120px; padding-left:10px; color:#1f336b; font:12px/22px "宋体";}
#wangkuAd .more{ float:right; width:25px; padding:4px 0; text-align:center;}
#wangkuAd .more img{ cursor:pointer;}
#wangkuAd .body{ display:block; overflow:hidden; width:192px; height:232px; padding:13px; border-style:solid; border-width:1px; border-color:#728eb8 #b9c9ef #b9c9ef #728eb8; background:url(../Images/msgBottomBg.jpg) repeat-x 0 top;}
#wangkuAd .form{ width:192px;}
.box{ padding:3px;}
#wangkuAd .box{ overflow-y:hidden; width:184px; height:64px;}
#wangkuAd .body div{ clear:left; padding:2px 0;}
#wangkuAd div.bt{ width:192px; padding:15px 0 0 40px; text-align:left;}
#wangkuAd label{ float:left; width:5em; font-size:12px; text-align:right;}
#wangkuAd input,.form textarea{ border:1px solid #666; font-size:12px;}
#wangkuAd .wrong{ padding-left:10px; color:#f30101; font-family:"宋体";}
#wangkuAd em{ clear:right; padding-left:10px; color:#f60; 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{ overflow:hidden; height:95px; background:url(../Images/topBg.jpg) no-repeat right top;}
.logo{ float:left; width:250px; height:65px; padding:15px 0; text-align:center;}
.logo img{ max-width:250px; max-height:65px; _width:250px; _height:65px;}/* FF、IE7仅限制了最大宽高，IE6固定宽高 */
.siteName{ float:left; padding-left:15px; color:#37639a; font:600 26px/95px "黑体";}
.helpNum{ margin:0 12px;}
#level{ float:right; overflow:hidden; width:140px; height:33px; margin:16px 0; font:28px/33px Arial,"黑体"; text-align:center;}
#level .number{ padding-left:28px; background:url(../Images/num.gif) no-repeat 0 center;}
/* 导航 */
.navBg{ height:40px; background:url(../Images/navBg.gif) repeat-x;}
.nav{ float:left; width:850px; height:40px; padding-left:30px; background:url(../Images/navBg.gif) repeat-x;}
.nav li{ float:left; width:83px; padding-top:4px; background:url(../Images/navBgNo.gif) no-repeat; font:600 14px/36px "宋体"; text-align:center;}
.nav a:link,.nav a:visited{ color:#37639a; text-decoration:none;}
.nav a:hover{ position:relative; left:1px; top:1px; color:#f60;}
.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{ position:relative; z-index:90; zoom:1; float:right; width:70px; height:30px; padding-top:10px; text-align:center;}
.navColor a{ background:url(../Images/navColor.gif) no-repeat; font-size:26px;}
.navColor a img{ width:38px; height:24px;}
#skin{ position:absolute; z-index:1; width:36px; height:95px; left:16px; top:34px; border:1px solid #67b9ea; border-top:0; 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{ display:block; width:16px; height:8px; margin:7px auto 0; border:1px solid #333;}
/* 形象图 */
.banner{ overflow:hidden; height:150px; margin:3px auto; background:url(../Images/banner.jpg) no-repeat;}
/*.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 #67b9ea; background:#e4f4ff;}
.location{ float:left; color:#666; font:14px/35px "宋体";}
.location a:link,.location a:visited{ color:#37639a;}
.search{ float:right; width:260px; padding-top:6px;}
.search input{ float:right; width:180px; height:20px; padding-left:3px; border:1px solid #67b9ea; border-right:0; font:14px/20px Arial,"宋体";}
.search a:link,.search a:visited{ display:block; float:right; width:33px; height:22px; padding-left:22px; background:url(../Images/searchBt.gif) no-repeat; color:#37639a; line-height:22px; text-decoration:none;}
.search a:hover{ display:block; color:#f00; text-decoration:none;}

/* body 主体
----------------------------------------------- */
/* 产品分类 */
.proSort li{ font:14px/31px "宋体";}
.proSort li a{ padding:5px 5px 5px 15px; background:url(../Images/arrow.gif) no-repeat left 8px; text-decoration:none;}
.proSort li a:hover{ padding-left:40px; border:1px dashed #67b9ea; background:url(../Images/arrow.gif) no-repeat 25px 8px; 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{ font:14px/23px "宋体"; word-break:break-all;}
/* 在线洽谈 */
li.contact_2{ padding:8px 0 0 40px; text-align:left;}
/* 产品列表、相册列表 */
.proAd{ zoom:1; padding:0 0 20px 0;}
.proAd li,.photoList li{ display:inline; float:left; overflow:hidden; width:130px; height:auto; margin:20px 0 0 20px; padding:10px; border:1px solid #ccc; line-height:17px; text-align:center;}
.photoList li{ height:124px;}
.proAd img{ width:130px; height:98px; border:0;}
.photoList img{ height:98px;}
.proAd a{ display:block;}
.proAd span{ display:block; cursor:default; color:#f30;}
/* 证书列表 */
.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:155px; padding:0 5px;}
/* 证书列表-表头 */
.certificateList dl.listTitle{ border-bottom:1px solid #ccc; background:#f7fcff;}
.certificateList dl.listTitle dt,
.certificateList dl.listTitle dd{ padding:0; color:#333; font-weight:bold; text-align:center;}
/* 证书列表-背景 */
.bgno{ background:#fff;}
.bgon{ background:#f7fcff;}
/* 产品详细 */
.pro{ 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/ico2.gif) no-repeat 0 12px; font:14px/30px "宋体";}
.pro .parameter li span{ color:#999; font-size:12px;}
.pro .parameter li.noIco{width:330px; height:31px; margin-top:10px; border:0; background:none; padding:0;}
.pro .proBt{ float:left;}
.pro .msg{cursor:pointer; width:84px;}
.pro .msg .ico{ float:left;}
.pro .msg .text{width:72px; height:22px;}
.pro .msg .text img{width:72px; height:22px; padding:4px 0 0 10px;}
.pro .save{ float:left; margin-left:15px;}
.pro label{ float:left;}
.pro .heart{ float:left; width:78px; padding:8px 0;}
.pro .proAll{ margin-top:20px; padding:10px; border:1px solid #e4f4ff; 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 #37639a; background:#fff; color:#37639a; font:12px/14px Arial;}
.num li.on{ margin:0 1px; border:0; background:#37639a; 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 #E4F4FF; border-width:2px 1px 1px 2px;}
.pro_basic li{ overflow-y:auto; height:24px; padding:4px 9px; border:1px solid #E4F4FF; border-width:0 1px 1px 0; font:12px/24px "宋体";}
.pro_basic .TT{ float:left; width:180px; background:#F7FCFF; font-weight:600; text-align:right;}
.pro_basic .CC{ float:right; width:422px;}
.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;}

/* 相册详细 */
.pho{ padding:20px;}
.pho .showPhoBg{ float:left; width:506px; height:381px;}
.pho #showPho{ display:block; width:500px; height:375px; padding:2px; border:1px solid #67b9ea;}
.pho .barMenu{ float:right; width:147px; height:381px;}
.pho .barMenu #goTop,.pho .barMenu #goBottom{ display:block; float:right; cursor:pointer; width:136px; height:15px;}
.pho #barPho{ float:right; overflow:hidden; width:147px; height:351px;}
.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 #e4f4ff;}
.pho #barPho li a{ display:block; padding-left:11px;}
.pho #barPho li a:hover{ background:url(../Images/photoOn.gif) no-repeat 0 center;}
.pho #barPho li a:hover img{ border:1px solid #67b9ea;}
.pho .phoTxt{ margin-top:20px; padding-top:10px; border-top:1px solid #e4f4ff; font:14px/24px "宋体";}
.pho .add{ margin-top:10px; color:#999; font-size:12px; text-align:center;}
/* 公司简介 */
/*.txtIndex{ height:auto !important; min-height:185px; height:185px;}*/
.txt{ padding:10px 15px; font:14px/23px Arial; width:680px; height:auto; overflow:hidden;}
.txt .co{ width:240px; height :180px; margin-right:10px; padding:1px; border:1px solid #ccc;}
.table .body{ padding:15px;}
.table table{ border:0 solid #E4F4FF; border-width:2px 1px 1px 2px;}
.table th,.table td{ padding:4px 0.5em; border:1px solid #E4F4FF; border-width:0 1px 1px 0; font:12px/18px "宋体";}
.table th{ width:11em; padding:4px; background:#F7FCFF; font-weight:600; text-align:right;}
/* 企业资讯 */
.article{ margin-bottom:10px; padding:20px 0 0 20px;}
.article li{ width:670px; height:32px; border-bottom:1px solid #e4f4ff; 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:0 20px; font:14px/24px "宋体";}
.artTxt h4{ padding:20px 0 15px 0; 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 #e4f4ff; background:#f7fcff; 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 #e4f4ff;}
/* 招贤纳士 */
.jobList{ width:670px; padding:20px 0 5px 20px;}
.job{ margin-bottom:10px; border:1px solid #e4f4ff;}
.job .title{ overflow:hidden; height:30px; background:#f7fcff;}
.job h2{ float:left; width:435px; padding-left:15px; font:100 14px/30px "宋体";}
.job span{ float:right; width:150px; color:#999; font:12px/30px Arial; text-align:center;}
.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 #e4f4ff;}
.job label{ float:left; color:#999; text-align:right;}
/* 客户留言 */
.formTitle{ height:28px; margin:20px; border-top:1px solid #e4f4ff; background:#f7fcff url(../Images/ico.gif) no-repeat 15px center;}
.formTitle h1{ float:left; width:200px; color:#37639a; 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;}
em{ clear:right; padding-left:10px; color:#f60; font-style:normal; font-size:12px; font-family:"宋体";}
/* 联系我们 */
.contact{ 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 #e4f4ff;}
.mapHelp{ padding:10px; background:#f7fcff;}
.contact .all{ float:right; width:600px;}
.contact .all li{ font:12px/21px "宋体";}
.contact .all li h3{float:left; width:50px; height:20px; overflow:hidden; line-height:20px; font-size:12px; font-weight:normal; text-align:right;}
.contact .all li ul{float:left; width:540px; overflow:hidden; line-height:20px;}
.line{ height:0px; margin:10px 0 10px 0cm; border-bottom:1px dashed #ccc;}

/* footer 页脚
----------------------------------------------- */
.link{ padding:10px 0 5px; font:14px/21px "宋体";}
.link img{width:95px; height:34px;}
.footer{ height:145px; background:url(../Images/footerBg.jpg) center bottom; color:#37639a;}
.footer .bottomNav{ height:42px; line-height:42px; text-align:center;}
.footer .copyright{ padding-top:5px; line-height:18px;}
.footer .bottomLogo{ float:left; width:260px; padding:18px 0 5px 40px;}
.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:#37639a;}

/* 样式
----------------------------------------------- */
body,ul,li,dl,dt,dd,form,input{ margin:0; padding:0; color:#333; font:12px/18px Arial,"宋体";}
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:#37639a;}
.font_b{ font-weight:bold;}
.font_gray{ color:#999;}