@charset "utf-8";
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; background:url(../images/bogy_bg.jpg) repeat-x; background-color:#ffffff; margin:0; padding:0; color:#403F3F; font-size:12px; text-align:center;margin:0; padding:0;}
a:link{color:#978888;text-decoration:none;font-size:12px; text-decoration:none;}
a:visited {color:#978888;text-decoration:none;font-size:12px;text-decoration:none;}
a:hover {color:#978888;text-decoration:underline;font-size:12px;text-decoration:none;}
a:active {color:#978888;text-decoration:none;font-size:12px;text-decoration:none;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,p,text{
margin:0; padding:0; border:none; list-style-type:none; font-size:12px; font-weight:normal; }

em{ font-style:normal;}
ul,li{list-style-type:none;}

.fontYH{ font-family:"中圆体","微软雅黑","黑体";}
.fontHT{ font-family:"黑体";}
.fontEN{ font-family:Arial, Helvetica, sans-serif;}
.font14,.font14 a,.font14 a:visited,.font14 a:hover{ font-size:12px;}
.bold{ font-weight:bold;}
.marginT5{ margin-top:5px;}
.marginT10{ margin-top:10px;}
.marginT15{ margin-top:15px;}
.marginB5{ margin-bottom:5px;}
.marginB10{ margin-bottom:10px;}
.marginB12{ margin-bottom:12px;}
.marginB15{ margin-bottom:15px;}
.marginB20{ margin-bottom:20px;}


input{font-size:12px; font-weight:normal; vertical-align:middle; }
img {border:0px; vertical-align:middle;}
.clear { clear: both; }
.red { color:#F00; } /* 红色 */
.cn1{ font-size:10px; font-family:"标宋体";}

/*主体*/
#container{ width:1000px; height:auto; margin: 0 auto; line-height:24px; text-align:left;}
.top{ width:1000px; margin:0 auto; height:32px; position:relative;}
.top ul{ width:1000px;}
.top li{ float:left; margin-right:15px; padding-top:10px;}
.index_content{ padding-top:10px;}
.index_content2{ width:1000px; height:auto; }
.title3{ font-size: 14px;font-weight: bold;line-height: 24px;text-align: center;}
.title4{ font-size: 14px;font-weight: bold;line-height: 24px;}
.title5{color: #999999; font-size: 12px;line-height: 20px; text-align: center;}


/*头部*/
#header{ height: auto; }
.header_main{ height: auto; position:relative;}
.logo{ position:absolute; left:0px; top:8px;}
.kefu{ position:absolute; right:0px; top:76px; width:130px; }
.height117{ height:117px; }
/*搜索*/
.search{position:absolute; right:5px; top:5px;/* width:273px;*/ height:22px; background:url(../images/searchinput.jpg) no-repeat left top;}
.searchBox{ background: none;border: 0 none;width:182px; vertical-align:top; margin-top:4px; margin-left:6px; color:#fff;}
.searchBtn{ margin-left:5px; margin-top:0px;}

/*导航*/
.nav{ position:inherit; width:1000px; height:42px; border-top:1px solid #c0c4b6; border-right:1px solid #c0c4b6; border-left:1px solid #c0c4b6; background-color:#FFF;}
.nav ul{}
.nav ul li{float:left; width:166px; text-align:center;  font-size:16px; display:inline; background:url(../images/nav_li.jpg) no-repeat right center; position:relative; z-index:100;}
.nav ul li a.nav_a{ display:block; height:42px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; }
.nav  ul li a.nav_a:link,.nav ul li a.nav_a:visited{ color:#45b2f4; height:42px; padding-right:1px; }
.nav  ul li.on a.nav_a,.nav  ul li.on a.nav_a:visited,.nav  ul li.on a.nav_a:hover{ background:#aad667; color:#45b2f4;padding-right:1px; }
.nav ul li a.nav_a:hover{background:#CCC; color:#000;}
.nav  ul li dl.menu_son{  width:190px; background-color:#aad667; position:absolute; left:0px; display:none; border:1px solid #e6e8ee; padding: 5px 10px; z-index:9999; }
.nav  ul li dl.menu_son dt a{ display:block; padding:0px; height:auto!important; line-height:30px; padding:2px ; width:150px; text-align:left; font-size:12px; border-bottom:1px dotted #8b8b8b;}
.nav  ul li dl.menu_son dt a:link,.nav  ul li dl.menu_son dt a:visited{color:#000000; }
.nav ul li dl.menu_son dt a:hover{ background-image:none; color:#000000; font-weight:bold; }
.navon{ position:absolute; right:11px; top:20px;}
.nav_bootom{ width:1000px; height:9px; overflow:hidden; background:url(../images/nav_bg1.jpg) repeat-x;}

/*广告*/
.banner{width:1000px; height:415px; overflow:hidden;}
.ad{width:1000px; height:auto; overflow:hidden;}
.ad img{width:1000px; height:415px;}

.index_left{ float:left; width:753px; height:auto; background-color:#FFF;}
.index_peoduct_list_titel{ width:753px; height:53px; background:url(../images/index_list_bg1.jpg) no-repeat;}
.index_peoduct_list_titel h1{ float:left; padding-left:13px; line-height:50px; font-size:16px; font-weight:bold; color:#8cbf4c;}
.index_peoduct_list_titel span{ float:right; padding-right:32px; line-height:50px; font-weight:bold; }

.index_hot{ height:704px; width:753px; margin-top:0px;}
.index_hot h1{ width:753px; height:53px; background:url(../images/index_list_bg1.jpg) no-repeat;}
.index_hot span{ float:right; padding-right:32px; line-height:50px; font-weight:bold; }
.index_hot ul{  width:753px; height:647px; border:1px solid #ececec; border-top:none; background:url(../images/index_list_bg2.jpg); }
.index_hot ul li{ float:left; margin:15px 0px 12px 10px; width:351px; height:180px; padding:5px; }
.index_hot ul li:hover{ background:#efefed;}
.index_hot_left{ float:left; width:166px; height:123px;}
.index_hot_left img{ width:166px; height:123px; }
.index_hot_right{ float:right; width:175px;}
.index_hot_right_tite{ display:block; width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.index_hot_right_tite a{ font-weight:bold; color:#000;}
.index_hot_right_p{  display:block; width:170px; height:120px;  display:block; overflow:hidden; text-overflow:ellipsis; max-height:120px; text-align:left;}
.index_hot_right img{ float:left; margin-top:5px;}

/*首页关于我们*/
.index_about{ width:753px; height:218px; margin-top:15px; }
.index_about_titel{ width:753px; height:57px; line-height:57px; background:url(../images/index_aboutbg1.jpg) no-repeat; color:#8cbf4c; font-weight:bold; padding-left:30px; font-size:14px; }
.index_about_content{ width:753px; height:169px; background:url(../images/index_aboutbg2.jpg) repeat-y;}
.index_about_content_p{ height:116px; overflow:hidden; padding:14px 14px 0px 14px; color:#403f3f;}
.index_about_content_more{ margin:8px 10px;}


.index_right{ float:right; width:238px; height:auto; background-color:#FFF;}

.index_pro_list{ width:238px; height:200px; overflow:hidden; }
.index_pro_list_titel{ width:238px; height:54px; background:url(../images/pro_titel.jpg) no-repeat;}
.index_pro_list_titel h2{ padding-left:25px; line-height:54px; font-size:16px; font-weight:bold; color:#666;}
.index_pro_list_content{ width:238px; overflow:hidden; background-color:#FFF;}
.index_pro_list_content ul li{ width:230px; height:29px; line-height:29px; background:url(../images/pro_list.jpg) no-repeat; overflow:hidden; margin-left:8px;}
.index_pro_list_content li  a{ padding-left:25px; color:#333333;}
.index_pro_list_content li  a:link,.index_download_content li a:visited { padding-left:25px; color:#333333;}
.index_pro_list_content li  a:hover { padding-left:25px; font-weight:bold; color:#333333; }

.share{ width:238px; height:64px; padding-top:16px; }
.share h1{ float:left; color:#828282; line-height:34px; font-size:14px; margin-left:5px; }
.share span{ float:right; height:33px; overflow:hidden; }

.link{ height:380px; overflow:hidden;}
.link_titel{ width:239px; height:50px; background:url(../images/link_titel.jpg) no-repeat;}
.link_titel h1{ padding-left:13px; padding-top:8px; line-height:42px; font-size:16px; font-weight:bold; color:#444444; }
.link_c{ width:239px; height:auto; background-color:#b3da6f; border:1px solid #9ec073; border-top:none; background:url(../images/bg2.jpg); }
.link_c span{}
.link_c img{ width:99px; height:35px; margin:10px 7px 9px;}

.index_news{ width:238px; height:298px; margin-top:10px; }
.index_news_list{ width:238px; height:248px;  background-color:#6e615b; }
.index_news_list ul{ padding-top:5px;}
.index_news_list li{ width:238px; height:24px; line-height:24px; background:url(../images/quan2.jpg) no-repeat 22px center; overflow:hidden;}

.index_news_list li  a:link,.index_news_list li a:visited { padding-left:36px; color:#e5e8c0;}
.index_news_list li  a:hover { padding-left:36px; font-weight:bold; }


/*about*/
.about{ padding: 0px 15px; min-height:500px;}

/*news*/
.news_info{ width:720px; padding:10px 10px; margin-top:3px; overflow:hidden; background: url(images/b3.gif) repeat-x scroll center top transparent;}
.newslist li { border-bottom:1px dashed #978888; height:30px; line-height:30px; padding: 0px 0px 0px 25px; position:relative; background:url(../images/quan6.gif) no-repeat; background-position:5px 50%; }
.newslist li  span{ position:absolute; top:0px; right:5px; color:#978888;}
.newslist li  a:link,.newslist li a:visited {color:#978888;}
.newslist li  a:hover { font-weight:bold; }
.news_info h2{ text-align:center; font-size:18px; font-weight:bold; line-height:30px;}

/*产品展示product*/
.pro_list{ width:238px; height: auto; overflow:hidden; }
.pro_list_titel{ width:238px; height:54px; background:url(../images/pro_titel.jpg) no-repeat;}
.pro_list_titel h2{ padding-left:25px; line-height:54px; font-size:16px; font-weight:bold; color:#666;}
.pro_list_content{ width:238px; overflow:hidden; background-color:#FFF;}
.pro_list_content ul li{ width:230px; height:29px; line-height:29px; background:url(../images/pro_list.jpg) no-repeat; overflow:hidden; margin-left:8px;}
.pro_list_content li  a{ padding-left:25px; color:#333333;}
.pro_list_content li  a:link,.index_download_content li a:visited.index_download_content li a:active { padding-left:25px; color:#333333;}
.pro_list_content li  a:hover { padding-left:25px; font-weight:bold; color:#333333; }

.peoduct_list{ width:753px; height: auto; border:1px solid #ececec; border-top:none;}
.peoduct_list ul{ }
.peoduct_list ul li{ float:left; margin:15px 0px 12px 10px; width:351px; height:180px; padding:5px; }
.peoduct_list ul li:hover{ background:#efefed;}

.related_products_titel{background:#5E972B; width:710px; font-size:14px; font-weight:bold; color:#FFF;}
.related_products{ width:710px; height: auto;/* border:1px solid #ececec;*/ border-top:none; }
.related_products dl{}
.related_products dt{ float:left; width:170px; height:216px; margin-right:43px;}
.related_products dt img{ width:170px; height:146px; margin-top:28px; }
.related_products dt p{ width:170px; height:40px; line-height:40px; overflow:hidden; text-align:center;}

/*.content{ width:1000px; height:auto; color:#978888; line-height:24px; background-color:#FFF; padding-bottom:15px; position:relative; margin-top:0px; padding-top:0px; }
.content_left{ float:left; width:228px; min-height:397px; overflow:inherit; text-align:left; margin-bottom:20px; background:url(../images/products_bg.jpg) repeat-y}
.content_left ul{ width:228px;}
.content_left ul li{ display:block; line-height:24px; padding-left:25px;  }
.content_left ul li a{font-size:12px;}
.content_left ul li a:hover{ font-weight:bold; color:#be6717; text-decoration:none;}*/

#menu_left{  width:238px; overflow:hidden; background-color:#FFF;}
#menu_left dt{ width:230px; height:29px; line-height:29px; background:url(../images/pro_list.jpg) no-repeat; overflow:hidden; margin-left:8px;}
#menu_left dt a{ color:#333333;}
#menu_left dt a:link, #menu_left dt a:visited { padding-left:25px; color:#333333;}
#menu_left dt a:hover,#menu_left dt.on a:hover,#menu_left dt.on a { padding-left:25px; font-weight:bold; color:#333333;}
#menu_left dd a{display:block; background:url(../images/menu_open.png) 20px no-repeat; padding-left:40px;  color:#4d3836;}
#menu_left dd  a:link,#menu_left dd  a:visited {background:url(../images/menu_open.png) 20px no-repeat; padding-left:40px;  color:#4d3836;}
#menu_left dd  a:hover {background:url(../images/menu_open.png) 20px no-repeat; padding-left:40px; color:#4d3836; }
#menu_left dd a:hover,#menu_left dd.on a:hover,#menu_left dd.on a { font-weight:700; text-decoration:none; color:#4d3836;}

/*.content_right{ float:right; width:740px; height:auto; text-align:left; overflow:hidden;}
.content_right_tite{ width:740px; height:30px; line-height:30px; overflow:hidden; background:url(../images/tite2.jpg) no-repeat; color:#000; padding-left:12px;}
.content_right_tite h1{ float:left; width:auto; font-weight:bold;}
.content_right_tite_span{ float:right; width:auto; height:30px; text-align:right; padding-right:20px; background: url(../images/title_bg.gif) no-repeat left center;  padding-left: 26px;}

.content_right_tite a:link,.content_right_tite a:visited{color:#000;}
.content_right_tite a:hover {color:#000;}

.content_right_content{ padding:0px 5px;}
.product_list{ padding-top:10px;}
.product_list li{float:left; width:350px; min-height:190px; margin-left:10px; margin-bottom:15px; background:url(../images/products_bg4.jpg) no-repeat left top; }
.porduct_list_img img{ float:left; width:200px; height:158px; text-align:center; margin:10px 5px;}
.porduct_list_c{ float: right; height:auto; padding:5px; text-align:center; width:115px; text-align:left;}
.porduct_list_c h1{ font-weight:bold; color:#4d3836;}
.porduct_list_c h1 a:link,.porduct_list_c h1 a:visited { color:#4d3836;}
.porduct_list_c h1 a:hover { color:#4d3836;}
.porduct_list_c_p{ width:120px; height:142px; color:#000; overflow:hidden;}

.porduct_list2{ width:211px; height:214px; margin-right:15px; overflow: hidden;}
.porduct_list_titel{ width:211px; height:44px; overflow:hidden; font-weight:bold; color:#4d3836; text-align:center;}
.porduct_list_titel a:link,.porduct_list_titel a:visited { color:#4d3836;}
.porduct_list_titel a:hover { color:#4d3836;}
.porduct_list_img2 img{ width:200px; height:158px; text-align:center; margin:10px 5px;}*/


.index_news_column{ background-color:#FFF; width:740px; height:269px; overflow:hidden; margin-top:6px; border:1px solid #c1c1c1;}
/*首页产品*/
.news_nav { width:96%; height:24px; overflow:hidden; border:1px solid #dddddd; }
.news_nav_ul li {width:32%; border-right:1px solid #dddddd; cursor:pointer; height:24px; line-height:24px; float:left; margin-right:0px; display:inline; text-align:center; color:#000; font-weight:bold;}
.news_nav_ul li.cur { width:32%; background-color:#5E972B; background-image:none; color:#000;}
.product_description{ }

.news_hover {display:none; padding:8px; width:auto; height:auto; min-height:350px; }
.news_hover ul { margin:20px 0px;}
.news_hover ul li { float:left; width:233px; height:90px; position:relative; margin-left:14px; margin-bottom:20px; }

.case_list_c{ width:753px; height: auto; border:1px solid #ececec; border-top:none; }
.case_list_c ul{ padding-left:20px;}
.porduct_img{ float:left; margin-left:20px;}
.porduct_img img{ margin:5px;  width:197px; height:146px; display:block; border:2px  solid #c0c0c0;}
.porduct_img p{ width:197px; height:24px; overflow:hidden; text-align:center;}


.content_info{ padding-left:20px;}
.pro_left{ float:left; width:330px;  margin:10px 0px 0px 60px;}
/*
.title2{ width:330px; height:24px; border-bottom:1px dotted #000;}
.pro_right{ float:left;  width:320px; line-height:20px; margin:10px 0px; overflow:hidden;}*/
.prodt{ line-height:25px; padding-top:10px;}
.left:{ float:left;}
.right{ float:right;}

/*产品特效*/
.clearfix {
	margin-top:10px;
	width:320px;
	height:65px;
	overflow:hidden;
	position:relative;
}
.clearfix span.spanL {
	width:24px;
	height:38px;
	background:url(images/prev.gif) no-repeat;
	position:absolute;
	left:0px;
	top:15px;
	cursor:pointer;
}
.clearfix span.spanR {
	width:24px;
	height:38px;
	background:url(images/next.gif) no-repeat;
	position:absolute;
	right:0px;
	top:15px;
	cursor:pointer;
}
.clearfix .gallery {
	width:264px;
	float:left;
/*	margin-left:26px;
	_margin-left:13px;*/
	overflow:hidden;
}
.clearfix .gallery ul {
	width:auto;
}
.clearfix .gallery li {
	 display:inline;
	float:left;
	width:62px;
	margin:2px;
}
.clearfix .gallery li img {
	width:60px;
	height:60px;
	display:block;
	border:1px solid #ccc;
	cursor:pointer;
}
.gallery  img {
	margin:0px 2px;
	width:60px;
	height:60px;
	display:block;
	border:1px solid #ccc;
	cursor:pointer;
}




/*在线留言表单*/
#lib_feedback_form{width:100%; clear:both; overflow:hidden;}
#lib_feedback_form .rows{margin:10px 0; clear:both;}
#lib_feedback_form .rows label{width:15%; overflow:hidden; float:left; height:22px; line-height:22px; text-align:right; color:#555;}
#lib_feedback_form .rows span{width:75%; overflow:hidden; float:left; display:block; padding-left:2px;}
#lib_feedback_form .rows span .contents{width:85%; height:120px;}
#lib_feedback_form .rows span .vcode{text-transform:uppercase;}
#lib_feedback_form .rows span img{margin-top:2px;}

.fc_red{color:red;}

/*form*/
.form_input{border:1px solid #ccc; background:url(images/input_bg.gif) #fff repeat-x; height:20px; line-height:20px;}
.form_area{border:1px solid #ccc; background:url(images/input_bg.gif) #fff repeat-x; line-height:180%;}
.form_button{border:none; background:#505050; color:#fff; height:22px; line-height:22px; padding:0 5px; overflow:auto; width:80px;}


/*站点地图*/
.sitemap{width:100%; padding:15px; height:auto;}
.sitemap ul li{margin: 20px 20px 0px ; height: auto; width:90%;  margin: 20px 20px 0; }
.sitemap ul li h1 a{ font-size:14px; color:#0085C3; font-weight:bold; }
.sitemap_dl{ line-height:24px; margin-left:20px;}
.sitemap_dl dt{ float:left; padding:0px 10px; position:relative; width:auto; }
.sitemap_dl dt a:link,.sitemap_dl dt a:visited,.sitemap_dl dt a:active{ color:#333333}
.sitemap_dl dt a:hover{ color:#ff6600}

/*分页*/
.pages { font: 12px Arial, Helvetica, sans-serif;padding:20px 100px 10px 0px;  clear:both; line-height:100%; text-align:center;}
.pages a {padding: 1px 6px; border: solid 1px #AAAAAA; text-decoration: none; margin:0px 4px;}
.pages a:link,.pages a:visited{ font-weight:bold; }
.pages .cpb {padding: 1px 6px; border:1px solid #666;  margin:0px 4px; color:#C60; font-weight:bold;}
.pages a:hover {color:#C60; border-color:#666;text-decoration: none; }
.pages .total{font: 12px Arial, Helvetica, sans-serif; padding-right:10px;}


/*底部*/
.bottom { width:100%; height: auto; background-color:#303030; color:#382b27; overflow:hidden; line-height:24px;}
.bottom_p{ width:1000px; height: auto; padding-top:18px; padding-bottom:18px; margin:0 auto; overflow:hidden; color:#FFF;}
.bottom_nav{ width:1000px; height:24px; white-space:nowrap; margin:0 auto;}
.bottom_nav ul{ padding-left:225px;}
.bottom_nav li{ float:left; padding:0px 16px; background:url(../images/bottom_bg2.jpg) no-repeat right;}
.bottom_nav li a{ color:#fff; font-weight:bold;}
.bottom_nav li  a:link,.bottom_nav li a:visited { color:#fff;}
.bottom_nav li  a:hover { color:#000;}