@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden;}
body{ width:100%; height:100%; margin:0px auto; padding:0px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; background:url(../images/bodybg.jpg) repeat; overflow-x:hidden;  }
div,img,form{ margin:0px; padding:0px; border:0px; }
a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#0066d8;
	text-decoration:none;
}

.clearfix:after {      
content: ".";     
display: block;   
clear: both;     
visibility: hidden;    
line-height: 0;   
height: 0;    
font-size:0;   
}
* html .clearfix {height: 1%;}

#head{ width:100%; height:120px; clear:both; display:block; margin:0px auto; padding:0px; background:url(../images/topbg.jpg) repeat-x left 30px #ffffff; overflow:hidden; }
#banner{ width:980px; height:auto; clear:both; display:block; margin:0px auto; padding:0px; overflow:hidden; }
#content{ width:980px; height:auto; clear:both; margin:0px auto; padding:0px;  display:block; overflow:hidden; }
#foot{ width:980px; height:auto; clear:both; margin:0px auto; padding:0px;  display:block; overflow:hidden; }

.main_box{ width:980px; height:auto; clear:both; display:block; margin:0px auto; padding:0px; overflow:hidden; }
.f_top{ width:980px; height:30px; line-height:30px; clear:both; display:block; margin:0px auto; text-align:right; overflow:hidden; }
.f_logo{ width:150px; height:90px; clear:both; display:block; float:left; overflow:hidden; }
.f_menu{ width:810px; height:90px; float:right; display:inline; }

.f_top span{ margin:0px 8px; }

.f_menu ul{ width:810px; height:auto; list-style:none; margin:0px; padding:0px; }
.f_menu ul li{ width:78px; height:27px; line-height:27px; float:left; display:inline; margin-left:6px;  margin-top:36px; text-align:center; overflow:hidden; }
.f_menu ul li.last{ width:210px; background:url(../images/searchbg.jpg) no-repeat left top; margin-left:10px; }
.f_menu ul li a{ font-size:13px; width:78px; height:27px; display:block; float:left; }
.f_menu ul li a:hover{ background:url(../images/m_cur.jpg) no-repeat left top; }

.input_ss{ width:174px; height:20px; line-height:20px; margin:1px; padding:0px; border:0px; color:#999; background:none; float:left; }
.btn_ss{ width:31px; height:22px; float:right; display:inline; overflow:hidden; border:0px; background:none; }

.inside{ width:100%; height:auto; clear:both; display:block; margin:10px auto 0px auto; padding:0px; overflow:hidden; }



.foot_links_con{ width:100%; height:45px; line-height:45px; clear:both; display:block; margin:10px auto 0px auto; background:url(../images/footlinksbg.png) no-repeat left top; text-align:center; overflow:hidden; }
.foot_links_con span{ margin:0px 15px;}

.foot_copyright{ width:100%; height:40px; line-height:40px; text-align:center; clear:both; display:block; color:#555; font-size:12px; background:url(../images/footerbg.jpg) repeat-x left top; }

.icon{ width:100%; height:232px; clear:both; display:block; margin-top:10px; background:url(../images/iconbg.jpg) repeat-x left top; overflow:hidden;  }

.iabout{ width:250px; height:232px; clear:both; display:block; float:left; margin-left:20px; overflow:hidden; }
.inews{ width:365px; height:232px; float:left; display:inline; background:url(../images/icon.jpg) no-repeat left top; margin-left:25px; overflow:hidden; }
.iservices{ width:300px; height:232px; float:right; display:inline; margin-right:20px; background:url(../images/icon.jpg) no-repeat left top; overflow:hidden; }

.ititle{ width:100%; height:30px; line-height:30px; clear:both; border-bottom:1px solid #d4d9df; display:block; margin-top:10px; overflow:hidden; font-size:14px; font-weight:bold; color:#0066af; }
.ititle span{ float:right; display:inline; margin-top:10px; }

.iabout_con{ width:100%; height:160px; line-height:20px; clear:both; display:block; margin-top:12px; overflow:hidden; }
.iabout_con p{ margin:0px; padding:0px; }

.inewscon{ width:310px; height:232px; margin-left:30px; overflow:hidden; }
.inewslist{ width:100%; height:160px; line-height:20px; clear:both; display:block; margin-top:12px; overflow:hidden; }
.inewslist ul{ width:100%; height:auto; list-style:none; margin:0px; padding:0px;  }
.inewslist ul li{ width:100%; height:20px; line-height:20px; background:url(../images/newslistbg.gif) no-repeat left 7px; text-indent:18px; overflow:hidden; }
.inewslist ul li span{ float:right; display:inline; }


.iservicescon{ width:270px; height:232px; margin-left:30px; overflow:hidden; }
.iserviceslist{ width:100%; height:160px; line-height:20px; clear:both; display:block; margin-top:12px; overflow:hidden; }
.iserviceslist ul{ width:100%; height:auto; list-style:none; margin:0px; padding:0px;  }
.iserviceslist ul li{ width:100%; height:20px; line-height:20px; background:url(../images/articlelistbg.jpg) no-repeat left 8px; text-indent:10px; overflow:hidden; }

.icpshow{ width:100%; height:140px; clear:both; display:block; margin-top:10px; background:url(../images/iconbg.jpg) repeat-x left top #fff; overflow:hidden; }


.blk_29 {	 PADDING-BOTTOM:0px; OVERFLOW: hidden; padding-top:0px; width:980px;  ZOOM:1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/prev.png) no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 25px; CURSOR: pointer; POSITION: absolute; TOP: 52px; HEIGHT: 140px}
.blk_29 .RightBotton {	RIGHT: 10px; BACKGROUND: url(../images/next.png) no-repeat right 0px; FLOAT: right; WIDTH: 25px; CURSOR: pointer; POSITION: absolute; TOP: 52px; HEIGHT: 140px}
.blk_29 .Cont { margin-top:0px; margin-left:49px; OVERFLOW: hidden; WIDTH: 900px; height:122px; PADDING-TOP:0px}
.blk_29 .box {	FLOAT: left; WIDTH: 180px; height:122px; background:url(../images/listbg.jpg) no-repeat left top; }
.blk_29 .box img{ margin:1px;}
.rollphotos {	MARGIN-TOP:10px;WIDTH: 960px; }
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 960px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}


.in_main_box{ width:100%; height:auto; clear:both; display:block; background:#fff; overflow:hidden; }

.in_main_box_diy_l{ width:216px; height:auto; clear:both; display:block; float:left; margin-left:25px; overflow:hidden; }
.in_main_box_diy_r{ width:690px; height:auto; float:right; padding-bottom:0px; margin-right:25px;  display:inline; overflow:hidden; }

.in_main_box_daohang{ width:auto; height:30px; line-height:30px; margin:0px 25px; clear:both; display:block; text-align:right; overflow:hidden; }





.diy_l_t{ width:100%; height:32px; line-height:32px; background:url(../images/in_l_top.jpg) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; text-align:left; text-indent:12px; overflow:hidden; }
.diy_l_c{ width:100%; height:auto; clear:both; display:block; text-align:left; margin:0px 0px 0px 0px; padding:0px; background:url(../images/in_l_mid.jpg) repeat-y left top;   overflow:hidden; }
.diy_l_f{ width:100%; height:40px; background:url(../images/in_l_btm.jpg) no-repeat left bottom;  overflow:hidden; }


.diy_l_c ul{ width:auto; height:auto; list-style:none; margin:0px 12px; padding:0px; }
.diy_l_c ul li{ width:100%; height:auto; line-height:29px; border-bottom:1px solid #ccc; margin-top:5px; text-indent:16px; background:url(../images/plusbg.jpg) no-repeat left 10px; }
.diy_l_c ul li.cur{ width:100%; height:auto; line-height:29px; border-bottom:1px solid #ccc; margin-top:5px; text-indent:16px; background:url(../images/zhankai.jpg) no-repeat left 11px; }

.diy_l_c ul li a{ color:#666; }



.diy_l_c ul li ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.diy_l_c ul li ul li{ border-bottom:0px; background:none; margin-top:0px; line-height:20px;}

.diy_l_c ul li.cur ul{ display:block; padding-bottom:5px; }
.diy_l_c ul li.cur ul li.cur { background:none; border:0px; margin-top:0px; line-height:20px; }

.diy_l_c ul li.cur a{ color:#0066d8; }
.diy_l_c ul li.cur ul li a{ color:#666; }
.diy_l_c ul li.cur ul li.cur a{ color:#f00; }



.main_pro_list{ width:100%; height:auto; min-height:630px; clear:both; display:block; overflow:hidden; }


.main_wenzhang_title{ width:100%; height:32px; line-height:32px; clear:both; display:block; background:url(../images/intbg.jpg) repeat; font-size:16px; font-weight:bold; color:#0066d8; text-indent:12px; overflow:hidden; }

.main_wenzhang{ width:auto; height:auto; min-height:450px; margin:10px 0px; overflow:hidden;  }
.main_wenzhang_news{ width:auto; height:auto; min-height:450px; margin:0px 40px; overflow:hidden;  }
.main_member{ width:auto; height:auto; margin:15px 0px; padding-bottom:50px; overflow:hidden;  }


.in_news_con{ width:auto; height:auto; clear:both; display:block; margin:0px 25px; overflow:hidden; }
.in_news_con_class{ width:100%; height:27px; background:url(../images/bg003.jpg) repeat-x left top; overflow:hidden;  }
.in_news_con_class ul{ width:auto; height:auto; list-style:none; margin:0px 10px; padding:0px; }
.in_news_con_class ul li{ width:119px; height:27px; line-height:27px; float:left; display:inline; background:url(../images/bg002.jpg) no-repeat left top; margin-left:10px; font-size:14px; text-align:center; }
.in_news_con_class ul li.now{ background:url(../images/bg001.jpg) no-repeat left top;  }
.in_news_con_class ul li.now a{ color:#0066d8;}

.in_news_con_list{ width:auto; height:auto; min-height:520px; clear:both; display:block; margin:0px 0px; overflow:hidden; }

.item_news{ width:100%; height:auto; clear:both; display:block; padding-bottom:12px; margin-top:30px; border-bottom:1px solid #ccc;}
.item_news_title{ width:100%; height:30px; line-height:30px; clear:both; display:block; font-size:18px; font-weight:bold; color:#0066d8; overflow:hidden; }
.item_news_title span{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ccc;  }
.item_news_info{ width:100%; height:auto; line-height:2; overflow:hidden; }
.item_news_more{ width:100%; height:15px; line-height:15px; clear:both; display:block; text-align:right; overflow:hidden; }
.item_news_info img{ margin-right:20px; margin-top:6px; }



.fenye{ width:100%; height:auto; clear:both; display:block; text-align:center; margin:20px 0px; overflow:hidden; }
.fenye b{ color:#F00; text-decoration:underline; margin:0px 2px; }
.fenye a{ margin:0px 2px; }
.fenye span{ margin:0px 2px;}

.in_main_box_news_title{ width:auto; height:auto; clear:both; display:block; margin:20px 40px 30px 40px; padding:0px; font-size:24px; font-weight:bold; color:#0066d8; text-align:center; overflow:hidden; }

.fbsj{ width:100%; height:auto; clear:both; display:block; text-align:right; margin-top:10px; font-size:13px; overflow:hidden; }


.r_article_foot{ width:100%; height:auto; line-height:200%; clear:both; display:block; margin-top:20px; padding-bottom:20px; color:#06F;  overflow:hidden; }



ul.productslist{ width:720px; height:auto; list-style:none; margin:0px 0px 0px 0px; padding:0px; }
ul.productslist li{ width:230px; height:188px; padding-bottom:30px; float:left; display:inline; margin-top:0px; padding-top:30px; border-bottom:1px solid #ccc; text-align:center; overflow:hidden; }
ul.productslist li p{ margin:8px 5px 0px 5px; padding:0px; }


.showpic{ width:100%; height:auto; clear:both; display:block; text-align:center; overflow:hidden; }


.input01{ width:240px; height:27px; line-height:27px; color:#666; background:url(../images/inputbg.jpg) no-repeat left top; border:0px;   }
.input02{ width:420px; height:27px; line-height:27px; color:#666; background:url(../images/inputbg1.jpg) no-repeat left top; border:0px;   }
.btn01{ width:84px; height:28px; line-height:28px; font-size:10px; color:#666; background:url(../images/btnbg.jpg) no-repeat left top; border:0px; text-align:center; }
.font_Required{ font-size:12px; color:#f00; font-weight:bold; margin:0px 5px;  }


.main_member_top{ width:608px; height:68px; line-height:68px; text-align:center; clear:both; display:block; margin:40px auto 0px auto; padding:0px; background:url(../images/member_top.jpg) no-repeat left top;  overflow:hidden;  }
.main_member_mid{ width:608px; height:auto; clear:both; display:block; margin:0px auto; padding:0px; background:url(../images/member_mid.jpg) repeat-y left top;  overflow:hidden;  }
.main_member_btm{ width:608px; height:68px; clear:both; display:block; margin:0px auto; padding:0px; background:url(../images/member_btm.jpg) no-repeat left top;  overflow:hidden;  }

.cp_d_t{ width:auto; height:auto; clear:both; display:block; font-size:24px; font-weight:bold; color:#0066d8; margin:30px 40px; overflow:hidden; }

.cpimglist{ width:880px; height:auto; clear:both; margin-top:20px; margin-left:12px; display:block; overflow:hidden; }
.cpimgitem{ width:202px; height:168px; float:left; display:inline; margin-right:15px; background:url(../images/lbg.jpg) no-repeat left top; overflow:hidden; }
.cpimgitem img{ margin:1px;}



#tabbox{ width:900px; overflow:hidden; margin:0 auto; padding-bottom:30px;}
#tabbox ul{ margin:0px; padding:0px; }


.tab_conbox{ border:1px solid #dcdcdc; border-top:0px; }
.tab_con{ display:none;}

.tabs{height: 48px;border-bottom:1px solid #dcdcdc;border-left: 1px solid #dcdcdc;width: 100%;}
.tabs li{height:47px;line-height:47px;float:left;border:1px solid #dcdcdc;border-left:none;margin-bottom:-1px;background:url(../images/cpxxbg.jpg) repeat-x left top;overflow: hidden;position: relative;}
.tabs li a {display: block;padding: 0 50px; border:1px solid #fff;outline: none; font-size:14px; color:#777; }
.tabs li a:hover { color:#0066d8; }	
.tabs .thistab a{ color:#0066d8; background:#fff; border-bottom: 1px solid #fff;}
.tabs .thistab,.tabs .thistab a:hover{ color:#0066d8; background:#fff; border-bottom: 1px solid #fff;}


.tab_con { padding:12px; min-height:540px; }

.in_services{ width:100%; height:auto; clear:both; display:block; margin:0px 0px; padding-bottom:30px; min-height:520px; overflow:hidden; }

.in_job{ width:100%; height:auto; clear:both; display:block; margin:0px 0px; padding-bottom:30px; margin-top:20px; min-height:520px; overflow:hidden; }

.in_member{ width:100%; height:auto; clear:both; display:block; margin:0px 0px; padding-bottom:30px; margin-top:20px; min-height:520px; overflow:hidden; }

.in_services_title{ width:100%; height:30px; line-height:30px; clear:both; display:block; margin-top:20px; font-size:18px; font-weight:bold; color:#0066d8; overflow:hidden; }
.in_services_con{ width:100%; height:auto; line-height:1.5; clear:both; display:block; margin-top:10px; overflow:hidden; }


table.tab_down{ border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:20px;}
table.tab_down thead tr td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:8px 0px; font-weight:bold; }
table.tab_down tbody tr td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:8px 0px; }

table.tab_zxly{ border-top:1px solid #ccc; border-right:1px solid #ccc; margin-top:20px; }
table.tab_zxly tr td{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:8px; }


.rockprolist{width:980px;margin:0 auto;}
.rockprolist li{float:left;width:250px;padding-bottom:10px;position:relative;}
.rockprolist li img{border:1px solid #e9e9e9;padding:0px;width:241px;height:241px;}
.imageOver{
	background:url(product_mask.png) no-repeat 50% 50%;	
	_filter:alpha(opacity=70);
	/*-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}
.rockmtp30{margin-top:30px;}
.p-page-break{
    width:980px;
	margin:15px auto 5px auto;
    height:28px;
    BACKGROUND:#f4f4f4;
	border:1px solid #d5d5d5;
	text-align:center;
	padding-top:5px;
}
.show-pro{
    width:980px;
	margin:20 auto 0px auto;position:relative;
}
.show-pro .bigpic{
    width:750px;
	height:469px;
	border:1px solid #eaeaea;
	float:left;
}
.show-pro .smallpic{
    width:220px;
	float:right;
	display:inline;
}
.show-pro .smallpic .s-pic{
    height:470px;
	*height:469px;
	padding-left:0px;
	border:1px solid #eaeaea;
	width:240px;
}
.show-pro .smallpic .botbor{
	border-bottom:0px solid #eaeaea;
	width:220px;
	margin-left:0px;
}
.pre-next{
    width:980px;
	margin:0px auto 0 auto;
}
.pre-next .pronext{
    width:750px;
	float:left;
}
.pre-next .pronext .next{
    color:#049fd5;
}
.pre-next .pronum{
    width:220px;
	float:right;
	display:inline;
}
.pre-next .pronext div,.pre-next .pronum div{
    float:right;
}


.cpTitle{ width:100%; height:36px; line-height:36px; clear:both; display:block; font-size:24px; margin-top:20px; font-weight:bold; color:#000; overflow:hidden; }


.cp_detail{ width:100%; height:auto; clear:both; display:block; padding-top:10px; overflow:hidden; }


.banner{ background:#f2eff8; text-align:center; margin:0 auto; position:relative; left:50%; margin-left:-720px; width:1440px; height:560px; overflow:hidden;}
.contents{ position:absolute; left:0; top:0; margin:0; padding:0; list-style:none; height:560px;}
.contents li{ float:left; width:1440px; height:560px;}
.topbar{
	position:absolute;
	background:url(../images/bannertopbar.gif) center #a2a0a6;
	background-repeat:no-repeat;
	height:28px;
	width:100%;
	left: 0px;
	top: 533px;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	
}
.topbar .item{ width:120px; margin:0px auto; padding:0px 0 6px 0;height:28px; }
.topbar .item ul{ margin:0; padding:0; list-style:none; } 
.topbar .item ul li{ margin:0 2px; float:left; padding:0; display:block; width:14px; height:28px; cursor:pointer; background:url(../images/banner_item.gif) no-repeat center center;}
.topbar .item ul li.on{ margin:0 2px; float:left; width:14px; height:28px; background:url(../images/banner_item_over.gif) no-repeat center center;} 

.clr{ clear:both}