@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:12px; color:#333;}
li{ list-style:none;}
a{ text-decoration:none; color:#5c5c5c;}
a:hover{ color:#000;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-size:13px;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}
.fig{ clear:both; width:100%; height:8px; overflow:hidden;}
.page{ width:900px; margin:0 auto;}
.rim{ border:1px solid #ccc; height:auto !important; min-height:10px; height:10px;}
.key{ width:10px;}


.nav{ width:902px; margin:0 auto; overflow:hidden; background:url(bg_nav.gif) repeat-x bottom; height:28px; padding:0 49px;}
.nav_l,.nav_r{ float:left; display:inline; width:13px; height:28px;}
.nav_l{ background:url(bg_nav_l.gif) no-repeat; }
.nav_r{ background:url(bg_nav_r.gif) no-repeat; }
.nav_m{ background:url(bg_nav_m.gif) repeat-x bottom; height:28px; float:left; display:inline; width:876px;}
.nav li{ float:left; display:inline; height:28px; position:relative;}
.nav li a{ float:left; display:inline; background:url(bg_nav_li.gif) no-repeat right; height:20px; padding:8px 18px 0 18px; font-size:13px; color:#fff; font-weight:bold;}
.nav li a:hover{ background:url(bg_nav_h_m.gif) repeat-x; color:#000;}
.nav li a:hover span,.nav li a:hover div{ float:left; width:13px; height:28px; position:absolute; top:0;}
.nav li a:hover span{ background:url(bg_nav_h_l.gif) no-repeat; left:0;}
.nav li a:hover div{ background:url(bg_nav_h_r.gif) no-repeat; right:0;}
* html .nav li a:hover div{ right:-1px;} /* IE6 */
#nobg a{ background:none;}
#nobg a:hover{ background:url(bg_nav_h_m.gif) repeat-x; color:#000;}

#home #n1 a,#环保无机颜料 #n2 a,#镉系颜料 #n3 a,#其它颜料 #n4 a,#应用案例 #n5 a,#客户中心 #n6 a,#专家团队 #n7 a,#关于巨发 #n8 a,#联系我们 #nobg a{ background:url(bg_nav_h_m.gif) repeat-x !important; color:#000 !important;}
#home #n1 a span,#home #n1 a div,#环保无机颜料 #n2 a span,#环保无机颜料 #n2 a div,#镉系颜料 #n3 a span,#镉系颜料 #n3 a div,#其它颜料 #n4 a span,#其它颜料 #n4 a div,#应用案例 #n5 a span,#应用案例 #n5 a div,#客户中心 #n6 a span,#客户中心 #n6 a div,#专家团队 #n7 a span,#专家团队 #n7 a div,#关于巨发 #n8 a span,#关于巨发 #n8 a div,#联系我们 #nobg a span,#联系我们 #nobg a div{ float:left; width:13px; height:28px; position:absolute; top:0;}
#home #n1 a span,#环保无机颜料 #n2 a span,#镉系颜料 #n3 a span,#其它颜料 #n4 a span,#应用案例 #n5 a span,#客户中心 #n6 a span,#专家团队 #n7 a span,#关于巨发 #n8 a span,#联系我们 #nobg a span{ background:url(bg_nav_h_l.gif) no-repeat; left:0;}
#home #n1 a div,#环保无机颜料 #n2 a div,#镉系颜料 #n3 a div,#其它颜料 #n4 a div,#应用案例 #n5 a div,#客户中心 #n6 a div,#专家团队 #n7 a div,#关于巨发 #n8 a div,#联系我们 #nobg a div{ background:url(bg_nav_h_r.gif) no-repeat; right:0;}

.top{ width:1000px; margin:0 auto; background:url(bg_top.gif) repeat-x top; }
.topbox{ overflow:hidden; position:relative; padding:106px 0 0 0;}

.notice{ background:url(bg_notice.gif) no-repeat;  width:960px; margin:0 auto; height:30px; line-height:30px; color:#169406; padding-left:40px; margin-bottom:5px;}
.notice span{ background:url(bg_laba.gif) no-repeat left center; padding-left:18px;}

.logo{
width:206px; height:84px;
position:absolute;
top:18px;
left:45px;
}
/*IE6支持*/
* .logo{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/2009/img/logo.PNG")
}
html>body .logo{
background:url(logo.png) no-repeat;
}

.link_en{ position:absolute; top:5px; left:170px; background:url(iocn1.gif) no-repeat left; padding-left:12px;}
.top1{
width:432px; height:94px;
position:absolute;
top:12px; left:320px;
}
/*IE6支持*/
* .top1{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/2009/img/top.PNG")
}
html>body .top1{
background:url(top.png) no-repeat;
}

.top2{
width:168px; height:77px;
position:absolute; right:20px; top:20px;
}
/*IE6支持*/
* .top2{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/2009/img/top2.PNG")
}
html>body .top2{
background:url(top2.png) no-repeat;
}

.top_nav{ position:absolute; right:10px;top:5px;}

.h_box{ position:relative; height:285px;}
.h_class{ 
background:url(bg_hclass.gif) no-repeat; width:206px; height:267px; z-index:999999; position:absolute; left:0; top:0;
padding:18px 0 0 10px;
}
.h_class a{ color:#fff !important}
.h_class li li a{ color:#fceb9b !important;}
.h_search{ position:absolute; top:255px; right:10px; background:url(bg_search.gif) no-repeat; padding-left:30px; position:absolute;}
.sub_search{ background:url(bg_search.gif) no-repeat; padding-left:30px; margin-bottom:8px; }
.h_search b,.sub_search b{ color:#f00;}
.h_search input{ width:80px;}
.btn_search{ background:url(btn_search.gif) no-repeat; width:64px; height:22px; border:0; cursor:pointer; color:#129205; z-index:1002;}
.searchbox{}
.h_ad{ position:absolute; top:0; left:0; z-index:1000;}

.h_side_l,.h_side_r{ float:left; display:inline; width:215px;}
.h_flash{ width:295px; float:left; display:inline;}
.h_mid{ float:left; display:inline; width:456px; margin:0 7px;}
.topic{ width:161px; float:left; display:inline; }
.topic h2{ background:url(h_bar2.gif) no-repeat center; width:153px; margin:0 auto; height:28px; line-height:28px; text-align:center; color:#fff;}
.topic h2 a{ color:#fff;}
.topic ul{padding-top:5px;}
.topic li{ color:#339a0f; padding:7px 0;}
.topic li a{ color:#339a0f;}

.h_news{ display:block;}
.h_news li{ height:24px; line-height:24px; background:url(line1.gif) repeat-x bottom; position:relative;}
.h_news li a{ background:url(iocn1.gif) no-repeat left; padding-left:15px;}
.h_news li span{ color:#666; position:absolute; right:8px;}

.h_blog{ display:block;}
.h_blog li{ padding:5px 0;}
.h_blog li b a{ font-weight:normal; color:#f00;}

.custom{ margin-bottom:5px;}
.custom img{ margin:8px 10px 0 10px;}

.h_contact{ background:url(bg_h_contact.gif) no-repeat; width:215px; height:135px; margin-bottom:8px;}
.h_contact p{ line-height:180%; padding:5px; color:#26981b;}
.h_contact p b{ padding-left:35px; font-weight:normal;}
.faq img{ float:left; margin:5px;}
.faq p{ line-height:150%; padding:5px 0 0; color:#f00; font-weight:bold;}
.faq li{ height:24px; line-height:24px;}
.faqbar{ background:url(bar_faqbar_f.gif) no-repeat; height:6px; overflow:hidden; margin-bottom:5px;}

.h_bar1{ background:url(h_bar_m.gif) repeat-x; height:29px; position:relative; color:#339a0f;}
.h_bar1 b,.h_bar1 span{ display:block; position:absolute; top:0;  }
.h_bar1 b{ background:url(h_bar_l.gif) no-repeat left; height:29px; line-height:29px;left:0; padding-left:10px;}
.h_bar1 span{ background:url(h_bar_r.gif) no-repeat right; height:21px; padding:8px 10px 0 0; right:0;}
.h_bar1 ul{ padding:6px 0 0 15px;}
.h_bar1 li{
float:left;
display:block;
width:88px; 
height:23px;
line-height:23px;
background:url(tab.jpg) no-repeat;
cursor:pointer;
text-align:center;
color:#696464;
margin-right:5px;
}
.h_bar1 li.hover{
color:#396a11;
background:url(tab1.jpg) no-repeat;
}

.h_bar2{ background:url(h_bar1.gif) no-repeat; height:29px; line-height:29px; padding:0 0 0 10px; position:relative; color:#339a0f;}
.h_bar2 a{ position:absolute; right:5px; top:8px;}

.h_bar3{ background:url(h_bar3_t.gif) no-repeat; height:33px; line-height:33px; text-align:center; color:#339a0f;}

.arrow{ text-align:center; width:32px; float:left; display:inline; padding-top:40px;}
.marboxw{ width:830px; float:left; height:98px; overflow:hidden; display:inline;}
.marquee{ border-left:1px solid #dedede; border-right:1px solid #dedede;}
.h_product h5{ background:url(h_bar3_f.gif) no-repeat; height:11px; overflow:hidden; margin-bottom:5px;}

.picl{ width:106px; float:left; display:inline; margin:0 5px;}
.upoo{ width:104px; height:88px; border:1px solid #ccc; text-align:center; padding:4px 0;}
.upoo img{ width:96px; height:82px;}
.listin h2{ text-align:center; font-weight:normal; height:24px; line-height:24px;}
.h_team{ margin-bottom:5px;}
.h_team li{ height:24px; line-height:24px;}

.h_link{ margin-bottom:10px;}
.h_link h2{ background:url(h_bar4_t.gif) no-repeat; height:7px; overflow:hidden;}
.h_link h5{ background:url(h_bar4_f.gif) no-repeat; height:7px; overflow:hidden;}
.h_linkbox{ border-left:1px solid #22a010; border-right:1px solid #22a010; height:auto !important; min-height:60px; height:60px;}
.h_linkbox li{ float:left; display:inline; padding:5px; white-space:nowrap;text-overflow:ellipsis;}

.foot{ width:1000px; margin:0 auto;}
.foot h2{ text-align:center; padding:5px 0; font-weight:normal; color:#fff; background:#199507;}
.foot h2 a{ color:#fff; margin:0 3px;}
.foot h2 a:hover{ color:#ff0;}

.foot h1,.foot h3,.foot h5{ font-weight:normal; text-align:center; padding:3px 0;}
.foot h1{ line-height:150%;}

.sub_side{ width:169px; float:left; clear:left;}
.sub_main{ width:716px; float:right; clear:right;}

.sub_bar1{ background:url(sub_bar1.gif) no-repeat; height:29px; line-height:29px; text-align:center; color:#fff; font-size:14px;}
.subclass{ display:block; background:#f0f0f0; padding:8px; margin-bottom:5px;}
.subclass li{ background:url(line3.gif) no-repeat bottom; height:27px; line-height:27px;}
.subclass li a{ background:url(iocn2.gif) no-repeat left center; padding-left:20px; color:#0e9f0f; font-weight:bold;}
.sub_bar1 a{ color:#FFFFFF;}

.sub_bar2{ background:url(sub_bar2.gif) no-repeat; height:29px; line-height:29px; text-align:center; color:#fff;}

.hbzt,.sub_contact{ border-bottom:1px solid #e0f2d8; border-right:1px solid #e0f2d8; border-left:1px solid #e0f2d8; padding:5px; margin-bottom:5px;}
.hbzt li{ height:24px; line-height:24px;}
.hbzt li a{ color:#339a0f;}
.sub_contact{ line-height:150%; color:#339a0f;}
.sub_contact b{ font-weight:normal; padding-left:35px; !important}
.sub_ad{ margin-bottom:10px;}
.posetion{ font-weight:normal; text-align:right; padding:8px 0; background:url(line4.gif) repeat-x bottom;}
.posetion b{ background:url(iocn3.gif) no-repeat left center; padding:0 0 0 18px; color:#339a0f;}

.newslist{ margin:95%; margin:10px auto;}
.newslist li{ height:28px; line-height:28px; background:url(line4.gif) repeat-x bottom;}
.newslist li a{ background:url(iocn1.gif) no-repeat left center; padding-left:15px;}

.content{ width:95%; margin:10px auto; line-height:150%;}
.content p{ padding:5px 0;}


.paint_pic{ width:226px; float:left; display:inline; margin:5px 20px 0 0;}
.paint_img{ width:224px; height:159px; border:1px solid #339a0f;}
.paint_into{ width:190px; float:left; display:inline;}
.paint_into p{ line-height:180%; font-weight:bold; padding:8px 0 0 0; color:#f00;}
.paint_into p a{ color:#199507; text-decoration:underline;}
.paint_into p a:hover{ text-decoration:none;}

/*center*/
.paint_img{
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.paint_img p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.paint_img p img{
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle
}

.sub_bar3{ background:#e4f2de; padding:5px; border:1px solid #d3efc8; color:#339a0f; margin-top:10px; position:relative;}
.sub_bar3 a{ padding-left:540px;}
.sub_bar4{ background:#e4f2de; padding:5px; border:1px solid #d3efc8; color:#339a0f; margin-top:10px; position:relative;}
.sub_bar4 a{ color:#339a0f;}

.paint_case{ float:left; display:inline; width:142px; float:left; display:inline; margin:15px 16px 0 20px;}
.paint_case img{ width:140px; height:120px; border:1px solid #d3efc8;}
.paint_case h2{ text-align:center; font-weight:normal; padding:3px 0;}
.paint_case h3{ text-align:center; font-weight:normal; padding:3px 0;}

.otheritem a{ color:#f00; margin:0 5px; font-weight:bold;}

/*tab*/
.menu { background:url(bg_tab_m.gif) repeat-x; position:relative; }
.menu ul{ margin-left:20px;}
.menu_l{ background:url(menu_l.gif) no-repeat; width:10px; float:left; height:30px; position:absolute; left:0; top:0;}
.menu_r{ background:url(menu_r.gif) no-repeat; width:10px; float:left; height:30px; position:absolute; right:0; top:0;}
.menu li{float:left;  display:block; padding:0 8px; text-align:center; margin:0 2px 0 0;height:30px; line-height:30px; cursor:pointer;font-size:12px;text-align:center;color:#679801;font-weight:bold; background:url(bg_tab_m.gif) repeat-x;position:relative;}
.menu li span,.menu li div{ float:left; display:inline; width:6px; height:30px; position:absolute; top:0;}
* html .menu li div{ right:-1px;} /* IE6 */ 
.menu li span{ background:url(bg_tab_m.gif) repeat-x; left:0;}
.menu li div{ background:url(bg_tab_m.gif) repeat-x; right:0;}
.menu li.hover{ color:#fff;background:url(bg_tab_mh.gif) repeat-x; line-height:30px;}
.menu li.hover span{ background:url(bg_tab_lh.gif) no-repeat;}
.menu li.hover div{ background:url(bg_tab_rh.gif) no-repeat right;}
.menu li a{ color:#679801;}
.paintbox{ line-height:150%; padding:5px; border-left:1px solid #e0f2d8; border-right:1px solid #e0f2d8;}
.paintbox p{ padding:5px 0;}

.sub_bar5{ background:url(sub_bar3.gif) no-repeat; display:block; padding-left:215px; height:43px; margin-bottom:8px;}
.sub_bar5 li{ display:inline; float:left; width:102px; height:25px; text-align:center; line-height:25px; margin-right:7px;}
.sub_bar5 li a{ background:url(li.gif) no-repeat; float:left; display:inline; width:102px; height:25px;}

.paint_txt h1{ color:#d00; font-weight:bold; padding:5px 0 10px 0;}
.paint_txt p{ line-height:150%;}

.news_t{ text-align:center; padding:5px 0; font-size:22px;}
.news_date{ text-align:center; font-weight:normal; color:#777;}
.nextnews{ width:95%; border-top:1px solid #ccc; padding:10px 0; margin:0 auto;}
.nextnews ul{}
.nextnews li{ height:24px; line-height:24px;}

.team_l{ width:590px; margin:10px auto; border-bottom:1px dashed #ccc; padding:10px 0;}
.team_p{ width:154px; float:left; display:inline;}
.team_img{
width:152px; height:117px; border:1px solid #ccc;
background:#fff;
}
.team_t{ width:406px; float:left; display:inline; padding:0 0 0 20px;}
.team_t h1{ font-size:14px; color:#143991;}
.team_t h1 a{ color:#143991;}
.team_t h1 a:hover{ color:#f60;}
.team_t h2{ font-size:12px; color:#143991; font-weight:normal; text-align:right;}
.team_t h2 a{ color:#143991;}
.team_t h2 a:hover{ color:#f60;}

.zs_l{ width:180px; margin:5px auto; text-align:center;}

.pro_imgtxt{ width:220px; float:left; display:inline; margin:10px 0 0 5px;}
.pro_imgtxt img{ float:left; width:110px; height:83px; margin:0 5px 0 0;}
.pro_imgtxt p{ line-height:140%;}
.pro_imgtxt p b{ color:#d00;}

.foot td p{line-height:150%;}

.pagenum{width:95%; margin:10px auto;text-align:center;}
.pagenum a{margin:0 5px;}