@charset "gb2312";
/* CSS Document */
body{ font-size:12px; margin:0; padding:0; line-height:160%; font-family:Arial, Helvetica, sans-serif; color:#464646; background:url(../images/bg_header_top.png) repeat-x top #FAFAFA; font-family:Arial, Helvetica, sans-serif}
ul{ list-style:none; margin:0px; padding:0px;}
li{ margin:0; padding:0}
a{ text-decoration:none; color:#464646; font-size:12px}
a:hover{ color:#ff9900}
.page{width:100%; height:30px; line-height:30px; text-align:center ; padding-top:10px; clear:both}
.page .pages{ float:right; height:30px;}
.page a{ display:block; height:25px; width:25px; line-height:25px; border:#CCC solid 1px; margin:0 2px; float:left}
.page a:hover{border:#F60 solid 1px;}
.page .dj{border:#F60 solid 1px; color:#F00}
.page span{display:block; height:25px; width:25px; line-height:25px; border:#CCC solid 1px; margin:0 2px; float:left}
.clear{ clear:both}
img{ border:none}
.fl{ float:left;}
.fr{ float:right;}
.clear8{ clear:both; height:8px;}
.clear16{ clear:both; height:16px;}

.top{ width:100%; height:30px;}
.top .sc{ width:1000px; margin:0 auto; height:30px; line-height:30px; color:#FFF}
.top .sc a{ color:#CCC}
.top .sc .sc_left{ float:left; height:30px; line-height:30px;}
.sc1{ width:90px; height:30px; line-height:30px; float:left; background:url(../images/sc.jpg) no-repeat center left; text-indent:20px;}
.search{ width:150px; height:22px; line-height:22px; float:left; border:#CCC solid 1px; margin-top:2px;}
.search .key{ width:120px; line-height:17px; height:17px; border:0; background:0; color:#FFF}
.top .sc .sc_right{ float:right; height:30px; line-height:30px; width:220px;}

.head{ width:980px; height:100px; margin:0 auto; padding-top:10px;}
.head .logo{ width:260px; height:90px; padding-top:5px; float:left; background:url(../images/logo.JPG) no-repeat center bottom;}
.head .dh{ width:720px; height:75px; padding-top:9px; float:right;}
.head .dh a:hover{ text-decoration:underline}
.head .dh .dh_1{ float:left; height:40px; line-height:35px; background:url(../images/navli.jpg) no-repeat 40px bottom;padding: 0 60px;}
.head .dh .dh_1 .li{ float:left; line-height:35px;}
.head .dh .dh_1 .li a{ display:block; float:left; padding:0 18px; font-size:14px; font-weight:bold; color:#000}
.head .dh .dh_2{ width:720px; float:left; height:35px; line-height:35px;}
.head .dh .dh_2 .li{ float:left; line-height:35px; background:url(../images/dh_li.png) no-repeat center right; padding-right:7px;}
.head .dh .dh_2 .li a{ display:block; float:left; padding:0 15px; font-size:14px; font-weight:bold;color:#000}

.cont_top{ width:1034px; background:url(../images/bg_main.png) no-repeat right top; height:38px; margin:0 auto}
.cont{ width:960px; padding:0px 37px; background: url(../images/bg_main.png) repeat-y left top; margin:0 auto}
.cpfl_i{ width:310px; height:360px; float:left; margin:5px;}
.banner{ width:960px; height:540px; clear:both;}
.banner1{ width:960px; height:250px; clear:both; padding-bottom:5px;}
.cont_bot{ width:1034px; background:url(../images/bg_main.png) no-repeat center top; height:51px; margin:0 auto}

.left{ width:200px; float:left;}
.left a:hover{ text-decoration:underline}
.left .cpfl_tit{ width:200px; height:28px; font-size:15px; line-height:24px; font-weight:bold; background:#000; color:#FFF; text-indent:10px;}
.left .cpfl_tit a{ font-size:15px;}
.left .cpfl{ width:200px;}
.left .cpfl .fl{ width:200px; line-height:23px; height:23px; padding:2px 0; background:url(../images/ico.JPG) no-repeat 9px center; clear:both} 
.left .cpfl .fl a{ font-weight:bold; width:198px; display:block; border:#CCC solid 1px; text-indent:20px}
.left .cpfl .fl a:hover{border:#ff9900 solid 1px; color:#ff9900; text-decoration:none}
.left .cpfl .flx{ width:200px; line-height:18px; height:18px; text-indent:35px; border-bottom:#CCC  dashed 1px; background:url(../images/ico1.jpg) no-repeat 25px center;clear:both} 
.left .cpfl .flx a.no{color:#ff9900; text-decoration:none}
.left .cpfl .fl a.no{border:#ff9900 solid 1px; color:#ff9900; text-decoration:none}

.right{ width:730px; float:right;}
.titles{ width:100%; height:29px; line-height:29px; background:url(../images/contact_tilte_bg.jpg) no-repeat center left; color:#FFF}
.titles .lt{ float:left; height:29px; line-height:29px; font-weight:bold; font-size:15px; text-indent:45px; color:#FFF}
.titles .lr{ line-height:29px; float:right; padding-right:5px; background:url(../images/contact_tilte_bg.jpg) no-repeat center right;}
.nr{ padding:10px 0;} 
.imgs{ width:162px; height:192px; float:left; margin:10px;}
.imgs .img{ width:160px; height:160px; border:#CCC solid 1px;}
.imgs .tit{ width:162px; height:30px; line-height:30px; text-align:center;}
.imgs .tit a{ width:162px; height:30px; line-height:30px; text-align:center; display:block}

.footer{ width:940px; padding:10px; margin:0 auto; background:#000; color:#FFF ; float:left}
.footer a{ color:#FFF}

.button{ width:135px; height:25px; background:url(../images/products_send_btn.jpg) no-repeat top left no-repeat; border:none; color:#FFF; text-align:left; padding-left:10px; font-weight:bold; cursor:pointer}
.na22{ width:135px; height:25px; background:url(../images/products_send_btn.jpg) no-repeat top left no-repeat; border:none; color:#FFF; text-align:left; padding-left:10px; font-weight:bold; cursor:pointer}

.szfy{ width:100px; height:25px; float:left;}
.szfy input.wb{ width:30px; float:left; text-align:center; line-height:23px; height:23px; border:#CCC solid 1px; background:none; cursor:pointer}
.szfy input.tj{ width:30px; float:left; text-align:center; line-height:20px; margin-left:2px; height:26px; border:#CCC solid 1px; background:none; cursor:pointer}

.news_title{ border-bottom:dashed 1px #ccc; height:28px; line-height:28px; width:100%;}
.news_title a{background:url(../images/icon01.gif) no-repeat center left ;width:80%; height:28px; line-height:28px; font-size:12px; text-indent:15px; float:left}
.news_title span{ width:14%; text-align:right; line-height:28px; line-height:28px; float:right}

.inputblacks{ width:170px; border:#CCC solid 1px; height:16px; line-height:16px;}
.inputblacks2{ width:350px; border:#CCC solid 1px; height:69px; line-height:23px;}

.wz1{ padding:5px}
.ewz .inputblack{ width:386px; height:26px; background:url(../images/feedback_txt1.jpg) no-repeat left top; border:none; line-height:26px; padding:0 10px;}
.ewz .inputblack2{ width:390px; height:130px; background:url(../images/feedback_txt2.jpg) no-repeat left top; border:none; line-height:26px; padding:5px 10px;overflow:hidden; border:none}






.pro_d_raleted_info {
	width: 425px; float: left; display: inline;
}
.pro_d_r_mark {
	width: 425px; color: rgb(92, 86, 86); line-height: 20px; font-size: 14px; font-weight: bold; float: left;
}
.pro_raleted_img_info {
	width: 425px; height: 126px; margin-top: 5px; float: left; display: inline; background-color: rgb(245, 245, 245);
}
.pro_r_left_btn {
	margin: 40px 8px 0px 9px; width: 17px; height: 18px; float: left; display: inline;
}
.pro_r_right_btn {
	width: 17px; height: 18px; margin-top: 40px; margin-left: 6px; float: left; display: inline;
}
.pro_raleted_img {
	width: 360px; height: 117px; overflow: hidden; margin-top: 9px; float: left; display: inline;
}
.pro_r_i_m {
	background: url("../images/pro_d_raleted_border.jpg") no-repeat left top; width: 88px; height: 117px; margin-right: 2px; float: left; display: inline;
}
.pro_r_i {
	width: 88px; height: 88px; float: left;
}
.pro_r_m {
	width: 88px; height: 28px; margin-top: 1px; float: left; display: inline;
}
.pro_d_contact_info {
	width: 733px; text-align: right; padding-top: 8px; padding-bottom: 25px; margin-top: 20px; border-top-color: rgb(153, 153, 153); border-top-width: 1px; border-top-style: solid; float: left; display: inline;
}

.page_c_back {
	background: url("../images/news_detail_icon.jpg") no-repeat left; width: auto; height: 14px; margin-right: 24px; margin-left: 24px; float: right; display: inline;
}
.page_c_back a {
	width: auto; height: 14px; color: rgb(64, 63, 63); line-height: 14px; padding-left: 13px; font-size: 11px;
}
.page_c_back a:hover {
	text-decoration: underline;
}
.page_c_back2 {
	background: url("../images/news_detail_icon.jpg") no-repeat left; width: auto; height: 14px; margin-right: 24px; float: right; display: inline;
}
.page_c_back2 a {
	width: auto; height: 14px; color: rgb(64, 63, 63); line-height: 14px; padding-left: 13px; font-size: 11px;
}
.page_c_back2 a:hover {
	text-decoration: underline;
}
.page_c_contact {
	background: url("../images/com_contact_icon.jpg") no-repeat left; width: auto; height: 14px; margin-right: 24px; float: right; display: inline;
}
.page_c_contact a {
	width: auto; height: 14px; color: rgb(64, 63, 63); line-height: 14px; padding-left: 20px; font-size: 11px;
}
.page_c_contact a:hover {
	text-decoration: underline;
}
.page_c_contact {
	background: url("../images/com_contact_icon.jpg") no-repeat left; width: auto; height: 14px; margin-right: 24px; float: right; display: inline;
}
.page_c_contact a {
	width: auto; height: 14px; color: rgb(64, 63, 63); line-height: 14px; padding-left: 20px; font-size: 11px;
}
.page_c_contact a:hover {
	text-decoration: underline;
}
.page_c_print {
	background: url("../images/com_print_icon.jpg") no-repeat left; width: auto; height: 14px; margin-right: 24px; float: right; display: inline;
}
.page_c_print a {
	width: auto; height: 14px; color: rgb(64, 63, 63); line-height: 14px; padding-left: 22px; font-size: 11px;
}
.page_c_print a:hover {
	text-decoration: underline;
}





















#navMenu{
	display:block;
	overflow:hidden;
	font-size:12px}
/*-------- ÏÂÀ­²Ëµ¥ --------------*/
.dropMenu {
	position:absolute;
	top: 0;
	z-index:10000; width:180px;
	visibility: hidden; margin-left:-15px;
}
.menu_top{ width:180px; height:3px; background:url(../images/yp_lmtop.png) no-repeat center center}
.menu_bot{ width:180px; height:11px; background:url(../images/yp_lmbtom.png) no-repeat center center}
.menu_nr{ background:url(../images/yp_lmmid.png);}
.dropMenu li{ background:url(../images/yp_lmli1.png) no-repeat bottom right; width:175px; margin-left:1px}
.dropMenu li a {
	display: block;
	text-align:left;
	color: black;
	text-align:left;
	color:#666; overflow:hidden;
	height:31px; text-indent:19px;
	line-height:31px; padding:0 10px;
}
.dropMenu+li a{
border-top:none; text-align:left
}
* html .dropMenu a {
	width: 100%;
	color:#FFF; text-align:left
}
.dropMenu a:hover{  color:#F00}







.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/* lanrenzhijia */

.lanrenzhijia ul li{float:left;margin:5px;margin-bottom:10px;display:inline;width:310px;height:360px;overflow:hidden;position:relative;}
.lanrenzhijia ul li .photo{width:310px;height:360px;overflow:hidden;}
.lanrenzhijia .rsp{width:310px;height:360px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.lanrenzhijia .text{position:absolute;width:310px;height:360px;left:-300px;top:0px;overflow:hidden;}
.lanrenzhijia .text h3{width:310px;margin-top:100px;height:50px;line-height:110px;text-align:center;color:#FFFFFF;font-size:32px;}
.lanrenzhijia .text a{text-decoration:none}
.lanrenzhijia .text div{text-align:center;color:#FFFFFF;font-size:18px;}
