﻿@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0;  }

img {border:0;}

ul,ol,dl,li,dd,dt { list-style:none;}

h1,h2,h3,h4,h5,h6 { font-size:100%;}

p,span,li,dt,dd,h1,h2,h3,h4,h5,h6 { font-size:12px; font-family:"宋体";color:#494949;}

a {text-decoration:none; color:#545454;}

#bl { border-left:none;}

#br {border-right:none;}

#red { color:#e10804;}

.m {margin:0 auto;}

.o {overflow:hidden;}

.l { float:left;}

.r { float:right;} 

.clear {clear:both;}









.header { height:89px; width:980px; margin:0 auto;}

 .header_l { width:501px; height:89px; background:url(logo.jpg) no-repeat;}

   .header_l p {margin:22px 0 0 307px; font-size:14px; line-height:25px;color:#d3d1d1;}

 .header_r { width:374px; height:89px; }

   .header_r span { margin-top:56px;padding:0 5px; height:12px; border-left:1px solid #545454; display:inline-block;}



.nav{ width:981px; height:35px; background:url(nav-bg.jpg) no-repeat; margin:0 auto;}

 .nav ul li { height:35px; float:left;background:url(nav-li-bg.jpg) no-repeat right; line-height:35px;padding:0 46.2px;}

   .nav ul li a { color:#f4f4f4;}

   .nav ul li#li1 {padding-left:44px;}

 .nav .search { margin:6px 31px 0 0; display:inline; overflow:hidden; width:200px;}  

 .nav .search input { width:190px; height:19px;}



.index_banner, .banner2 { width:980px; height:347px; margin:7px auto 0 auto; overflow:hidden;} 

.banner2 {height:202px;}



.content_out { height:405px;}

 .content_in {width:980px;height:auto;overflow:hidden;}

 .content_in dl { float:left;}



  #content_1 {width:296px;padding:0 12px 0 10px;border-left:1px dashed #86B6F3;}

   .content_in dl dt { height:45px; line-height:45px; margin-bottom:16px;} 

   .content_in dl dt p {font-size:16px;margin-left:11px;font-weight:bold;}

   .content_in dl dt span{margin-right:5px;}

   #content_1 dd.nl {width:290px;height:27px; border-bottom:1px dashed #bcbcbc; line-height:27px; margin-left:5px;}

     #content_1 dd.nl p { text-indent:10px;}

     #content_1 dd.nl p a:hover { font-weight:bold; color:#9e361d;}

  #content_1 dt#ab { height:30px;  border-bottom:1px solid #ebebeb; line-height:30px; margin:10px 0;}

    #content_1 dd#ab img { width:252px; height:71px; border:1px solid #c3c3c3; padding:2px; margin-left:15px;}

	#content_1 dd#ab p { margin:8px 5px 0 5px; line-height:18px; text-indent:20px;}



  #content_2 {width:374px; height:383px; background:url(content-dl-bg.jpg) no-repeat left bottom; padding:0 17px 0 22px;}

   #content_2 dd.pro { height:129px;}

     #content_2 dd.pro h2, #content_2 dd.pro p, #content_2 dd.pro img{ float:left;}

     #content_2 dd.pro h2 {margin-left:13px;line-height:37px;font-size:14px; color:#9e361d;}

	 #content_2 dd.pro p {margin-left:13px;width:271px; line-height:18px;}

   #content_2 dd.other { margin-bottom:15px;}

   #content_2 dd.other h3 {width:376px;height:13px; text-indent:12px;color:#9e361d;}

   #content_2 dd.other ul li {height:14px; padding-top:12px;overflow:hidden;}

   #content_2 dd.other ul li a {border-left:2px solid #5a5a5a; padding:0 7px; }

   #content_2 dd.other ul li a#bl {border-left:none;}

   #content_2 dd.other ul li a:hover {color:#9e361d;}



  #content_3 {width:237px; height:383px; background:url(content-dl-bg.jpg) no-repeat left bottom;padding-right:10px;border-right:1px dashed #86B6F3;}

   #content_3 dd {width:205px;height:74px;margin-left:15px; padding:5px 0 2px 10px;}

   #content_3 dd.case4 { background:#f3f3f3;} 

   #content_3 dd img, #content_3 dd h2, #content_3 dd span {float:left;}

   #content_3 dd img {width:82px; height:65px;border:1px solid #dcdcda;padding:1px;}

   #content_3 dd h2 {margin:1px 0 0 5px;overflow:hidden; width:110px;}

   #content_3 dd span { margin:5px 0 0 1px; height:14px;text-indent:6px; overflow:hidden; width:80px;}



.footer { width:980px; height:auto;overflow:hidden; padding-bottom:0px;padding-top:20px;}

  .footer p {height:20px;line-height:20px; text-indent:25px;}

  .footer p.friendLink {background:#dddddd;padding:0 10px 0 0;}

  .footer p.friendLink span a { margin-left:5px;}



.text_out1 { background:url(text-bg1.jpg) center repeat-y;height:auto;}

.text_out2 { background:url(text-bg2.jpg) center no-repeat; height:16px;margin-bottom:20px;}

.text { width:980px; height:auto; overflow: hidden;}

 .text_left {width:184px;overflow: hidden;}

  .text_left img.pro-img1 {border:1px solid #dcdcdc;margin:12px 0 0 9px; }

  .text_left ul.proNav, .text_left dl.newNav, .text_left dl.caseNav {width:156px;border:1px solid #dcdcdc;padding:18px 8px;margin:12px 0 0 9px;}

   .text_left ul.proNav li {width:156px;height:35px; border-bottom:1px solid #dcdcdc; line-height:35px;font-size:14px; text-indent:7px;}

   .text_left ul.proNav li.bb { border-bottom:none;}

   .text_left ul.proNav li a {width:156px;height:35px; display:block;}

   .text_left ul.proNav li a:hover {width:156px;height:35px;background:url(proNav-li-bg.jpg) no-repeat right; color:red;}

     .text_left ul.proNav li a.hover {width:156px;height:35px;background:url(proNav-li-bg.jpg) no-repeat right; color:#9e361e; display:block;}

  .text_left dl.newNav {background:url(newNav-bg.jpg) no-repeat top;padding:0 8px 18px 8px;} 

   .text_left dl.newNav dt { height:42px; line-height:42px; font-size:14px;}

   .text_left dl.newNav dd { height:27px; line-height:27px;  text-indent:10px; border-bottom:1px dashed #bcbcbc;}

   .text_left dl.newNav li {width:156px;height:30px; border-bottom:1px solid #dcdcdc; line-height:30px;font-size:12px; text-indent:7px;}

   .text_left img.xunjia {margin:12px 0 0 9px;}

  .text_left dl.caseNav {padding:0 8px 18px 8px; background:url(caseNav.jpg) bottom no-repeat #f4f4f4;}

   .text_left dl.caseNav dt { height:36px; line-height:36px; font-size:14px; text-indent:5px;} 

    .text_left dl.caseNav dd { width:148px; height:auto; margin-top:8px;}

    .text_left dl.caseNav dd img { padding:3px; border:1px solid #d7d7d7;}

	.text_left dl.caseNav dd h3 { height:20px; line-height:20px; text-align:center;}

 .text_right { width:780px; height:auto;overflow: hidden; border:1px solid #dcdcdc; margin-right:8px; margin-top:12px; padding-bottom:20px;} 

  .text_right .position { height:28px; background:url(text_right-position.jpg) no-repeat; border-bottom:1px solid #dcdcdc; font-size:12px; line-height:28px; text-indent:30px; color:#888;}



 .prolist ul li { width:329px; height:130px; background:url(prolist-ul-li-bg.jpg) no-repeat; float:left; padding:8px 10px 5px 8px; margin:20px 0 0 22px; display:inline;}

  .prolist ul li a img { width:131px; height:119px; border:1px solid #c8cccf; padding:1px; float:left; margin-right:13px;}  

  .prolist ul li p { margin-top:9px; line-height:18px;}

  .prolist ul li span a {width:72px; height:22px;display:inline-block; color:#fff; text-align:center; line-height:22px; font-weight:bold; margin-top:7px;}

  .prolist ul li span.p1 a { background:#383838; margin-right:5px;}

  .prolist ul li span.p2 a { background:#ad2303;}



.newlist { padding:0 12px;}

 .newlist dt { margin-top:20px; width:746px; height:20px; line-height:20px; background:url(newlist-dl-dt-bg.jpg) no-repeat left;}

  .newlist dt h3 { text-indent:15px;}

  .newlist dt span { margin-right:10px;}

 .newlist dd {width:746px; height:45px; line-height:20px; margin-top:10px; border-bottom:1px dashed #e3e3e3; padding-bottom:10px;} 

 .newlist dd p { text-indent:20px;} 



.prony {padding-right:20px;}

.prony_o {margin:26px 0 0 17px;overflow:hidden;height:auto;}

.prony_o img {  float:left;padding:2px;border:1px solid #d2d0d1;margin-right:25px;}

  .prony h2, .prony h3 {font-size:14px; color:#9e361e; line-height:25px;overflow:hidden;}

  .prony p {line-height:20px;margin:5px 0; overflow:hidden; display:block;}

   .prony_o h2 {margin:10px 0 10px 0;}

 .prony_s {margin-top:15px;}

  .prony_s h3 {background:url(prony-h3-bg.jpg) repeat-x bottom;height:30px;width:200px; line-height:30px;text-indent:20px;margin-bottom:10px;}

  .prony_s p {margin-left:20px;}

  .prony_s table {margin-left:10px;}



.newsny {margin:40px 20px 0 20px;}

 .newsny .title {font-size:16px;font-weight:bold; text-align:center; line-height:25px;}

 .newsny .date {text-align:center; font-size:12px;line-height:25px;}

 .newsny .read {background:#f3f3f3;border:1px solid #e5e5e5;padding:10px 20px; font-size:12px;line-height:16px;margin:10px 0;}

   .newsny .read p {line-height:18px;text-indent:25px;padding:4px 0 0 2px;}

   .newsny .read strong { font-size:14px;}

 .newsny .content {border-bottom:1px solid #dbdbdb; padding-bottom:35px;overflow:hidden;}

  .newsny .content p {line-height:20px; padding-top:20px; text-indent:25px;}

 .newsny .pre {line-height:25px;height:35px; margin-top:10px;}



.about, .serve { padding:10px 10px 0 10px; overflow:hidden;}

 .about p, .serve p {font-size:12px;line-height:22px;text-indent:25px; margin-top:20px;margin-left:10px;}

 .about img, .serve img { margin-bottom:10px;}

.serve img { margin:20px 0 0 50px;}

.contact {padding:0 20px;overflow:hidden;}

  .contact1 { height:auto; background:url(contact-img2.jpg) right top no-repeat;overflow:hidden; margin-top:20px; padding-top:20px;}

     .contact1 p {line-height:20px; margin:10px 0 0 20px;}

     .contact1 p span, .contact2 ul li p span { margin-left:15px;}

     .contact1 img {margin:10px 0 0 20px;} 	

	 .contact2 ul li { float:left; width:296px; height:126px; margin-left:20px; line-height:20px; }

     .contact2 ul li strong { font-size:13px;}

     .contact2 ul li p.p1 {text-indent:75px;}

  .contact3 h4 {height:27px; background:url(contact3-img.jpg) left no-repeat; line-height:27px;text-indent:20px; color:#e60612; border-bottom:1px solid #e60612;font-size:13px;} 

      .contact3 p {text-align:center;padding-top:20px;}

 

.customer {padding:0 15px;}

 .customer ul li {height:177px;border-bottom:1px dashed #e6e6e6;overflow:hidden;margin-top:15px;}

  .customer ul li img { float:left; margin:0 20px 0 3px; border:1px solid #d6d6d6; padding:3px;}

  .customer ul li p.p1 { line-height:30px; font-size:14px; font-weight:bold;margin-bottom:5px;}

    .customer ul li p.p1 strong { color:#af2607;}

  .customer ul li p span {margin-left:16px;}

  .customer ul li p.p2 { line-height:20px; margin:5px 0 0 4px;}

   .customer ul li p.p2 span.s1 { width:76px; height:25px; background:#de0403; display:inline-block; margin-left:0; font-weight:bold; color:#fff;text-align:center; line-height:25px; }

   .customer ul li p.p2 span.s2 {width:410px; overflow:hidden;display:block; float:right;_margin-top:-25px;}

/** 分页代码 **/

.page1 { line-height:20px; height:20px; margin-top:15px;}

 .page1 ul li, .page1 ul span {float:left;margin-left:8px; }

 .page1 ul li {border:1px solid #e6e6e6;text-align:center;width:20px; height:20px; overflow:hidden;}

 .page1 ul li a.current {background:#9E361D;  display:block; width:20px; height:20px;color:#fff; }

  .page1 ul li a:hover {background:#9E361D; width:20px; height:20px;color:#fff; }



/** 工厂供应连接  **/

.footer p a img {margin:5px 0 0 5px;}

.youqing{

width: 980px;

height: auto;

overflow: hidden;

padding-bottom: 0px;

margin-left:0px;

front-size:14px;

line-height:22px;

}
.youqing td{ width:90px; font-size:12px;}




/*float*/

.duilian{position:absolute; width:182px; overflow:hidden; display:none;}

.duilian_left{right:0px;}

.duilian_con{ width:182px; height:91px; overflow:hidden;}

/*右侧悬浮icon*/
.side-bar {
	width: 66px;
	position: fixed;
	bottom: 20px;
	right: 25px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
.side-bar a {
	width: 66px;
	height: 66px;
	display: inline-block;
	background-color: #dddddd;
	margin-bottom: 2px;
}
.side-bar a:hover {
	background-color: #669fdd;
}
.side-bar .icon-qq {
	background-position: 0 -62px;
}
.side-bar .icon-chat {
	background-position: 0 -130px;
	position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.side-bar .icon-blog {
	background-position: 0 -198px;
}
.side-bar .icon-mail {
	background-position: 0 -266px;
}
.side-bar .icon-totop {
	background-position: 0 -334px;
}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}

