@charset "utf-8";
/* CSS Document */
/*-------------------p----------------// 全局样式 //-----------------------------------*/
body { margin:0; padding:0; font-size:12px; font-family: Arial, "宋体", Helvetica, sans-serif, Verdana; color:#666666; line-height:24px; background:url(../images/bg.jpg) repeat-x #fff;  }
ul,li,img,dl,dd,dt,form,table,tr,td,p,ol,div,input,label,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
li { list-style-type:none;}
table { border-collapse:collapse; border-spacing:0; empty-cells:show;/*空单元格*/}
th, td { border-collapse:collapse; }
a { blr:expression(this.onFocus=this.blur());} /*for IE 去除链接虚线框*/
a { outline:none; } /*for Firefox*/
img { border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#F6882F; text-decoration:underline;}
.clear { clear:both; overflow:hidden; zoom:1;}
.b { font-weight:bold;}
.float_right { float:right;}
.float_left { float:left;}
.hg10 { height:10px; zoom:1; clear:both; overflow:hidden;}
.hg5 { height:5px; overflow:hidden; zoom:1; clear:both;}
em { font-style:normal;}
/*解决ie6图片缩小出现锯齿的问题*/
v\:* { behavior: url(#default#VML);}
img.thumb{-ms-interpolation-mode: bicubic;}
.clear{margin:0; padding:0; clear:both; border:none;}

/*-----------------------------------// 页面样式 //-----------------------------------*/
/*------ 外部DIV ------*/
#container{width:100%;}

#header{width:960px; margin:0 auto; height:125px; padding-top:5px;}
.top{height:87px;}
.logo{width:551px; height:87px; float:left;}
.t_r{width:400px; float:right;}
.yuyan{float:right;}
.yuyan li{width:90px; height:30px; line-height:30px; float:left; text-align:center; }
.yuyan li a{color:#939393;}
.cn{ background:url(../images/cn.jpg) no-repeat center left;}
.en{background:url(../images/en.jpg) no-repeat center left;}
.tel{width:188px; height:45px; float:right; clear:both;}


.menu{ clear:both; background:url(../images/menu_bg.jpg) no-repeat; height:38px; padding-left:15px;}
.menu li{width:130px; text-align:center; height:30px; line-height:30px; float:left;}
.menu li a{display:block; width:130px; color:#FFF; font-weight:bold;}

#banner{width:960px; height:305px; margin:0 auto; border:#707577 1px solid;}

#main{width:960px; margin:0 auto; padding-top:10px; margin-bottom:10px;}
#web_l{width:315px; float:left; border-right:#e1e1e1 1px dashed;}

.news{width:300px; padding:0 10px 0 5px;}
.bar{ color:#009999; font-size:12px; font-weight:bold; height:35px; line-height:35px; border-bottom:#b0b0b0 1px dashed; line-height:35px;}
.more{font-weight:normal; font-size:10px; float:right; line-height:35px;}
.news_nei{width:285px; padding:5px; line-height:30px;}
.time{color:#7a96ae; padding-right:10px;}

#web_r{width:630px; float: right;}
.pro{width:630px; float:right;}
.pro_nei{height:140px; padding-top:10px;}

.about{width:390px; float:left;}
.about nei{height:160px;}

.cont{width:220px; float:right;}
.cont_nei{padding-top:10px; line-height:25px;}
.cont_nei li{ padding-left:20px; line-height:25px; color:#666666;}
.c1{ background:url(../images/c1.jpg) no-repeat;}
.c2{background:url(../images/c2.jpg) no-repeat;}
.c3{background:url(../images/c3.jpg) no-repeat;}
.c4{background:url(../images/c4.jpg) no-repeat;}

#footer{ background:url(../images/footer_bg.jpg) repeat-x; height:71px; clear:both; padding-top:15px; line-height:30px;}
.footer_main{width:960px; margin:0 auto; text-align:center;}

#left{width:202px; float:left; background:url(../images/left_bg.jpg) repeat-y;}
.pro_list{margin-bottom:10px;}
.pro_l_bar{height:49px;}

 /*--- 产品类别 ---*/
    .prod_type { padding:5px;}
    .prod_type ul { margin:0 auto; float:none; }
    .prod_type ul li { }
    .prod_type ul li { line-height:32px; background:url(../images/aa.jpg) no-repeat; border-bottom:#cccccc 1px solid; }
    .prod_type ul li li {background:none; }
    .prod_type ul li a { color:#019796; display:block; line-height:32px;  padding-left:30px; }
    .prod_type ul li a:hover {background:url(../images/hover.jpg) no-repeat; text-decoration:none; }
    .prod_type ul ul { display:none; }
    .prod_type ul ul li { text-indent:10px;padding:0px; background-position:0px 0px;border-bottom:#e7e7e7 1px solid; line-height:31px;}
    .prod_type ul ul li a{ background:none; padding-left:5px;}
   .prod_type ul ul li a:hover{ background:none; text-decoration:underline;}
    .prod_type ul li, .prod_type ul li a, .prod_type ul li a:visited {}


#right{width:730px; float:right;}            
.bar_z{height:49 px; line-height:50px; color:#31abac; font-size:14px; font-weight:bold; background:url(../images/quanq.jpg) no-repeat left center; padding-left:20px; border-bottom:#b9b9b9 1px solid;}
.bar_z span{font-size:12px; font-weight:normal; float:right;}
.bar_z span a{color:#31ABAC;}
.nei_z{padding:10px;}

/*--- 分页 ---*/
.page_num { width:100%; height:30px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#504C4D; color:#fff; margin:0 3px;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #ccc; margin:0 3px;}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}


/*--- 产品列表 ---*/
#web_product li { float:left; padding:0 5px 10px 5px; width:154px; height:145px; }
#web_product li p.pro_other { line-height:24px; text-align:center;}

.boxout{width:600px; height:300px; display:table; border:1px solid #000; background-color:#CCCCCC;}
.boxin{display:table-cell; vertical-align:middle; text-align:center;}
/*for IE*/
.boxout{*position:relative;}
.boxin{*width:100%;*position:absolute; *top:50%; *left:0;}
.boxout p{*position: relative; *top:-50%; *margin:0; *padding:0;}
.boxout img{ *margin-top:2px;}/*for IE　图片4像素空白bag*/

.div-c2 {
	width:150px;
	height:110px;
	border:1px solid #F6882F;
	display:table;
	padding:1px;
	}
.div-c1 {
	width:150px;
	height:110px;
	border:1px solid #ddd;
	display:table;
	padding:1px;
	}
.div1 {  
	display:table-cell; 
	vertical-align:middle; 
	text-align:center;   
	}
/*for IE*/
.div-c1,.div-c2{
	*position:relative;
	}
.div1{
	*width:100%;
	*position:absolute;
	*top:50%; *left:0;}
.div-c1 p,.div-c2 p{
	*position: relative; 
	*top:-50%; 
	*margin:0; 
	*padding:0;
	}
.div-c1 img,.div-c2 img{ 
	*margin-top:2px;
	max-width:150px;
	max-height:110px;
	_width:expression(this.width > 150 && this.width > this.height ? 150: true); 
	_height:expression(this.height > 110 ? 110: true);
	}
	/*for IE　图片4像素空白bag*/
	

.div3 {  width:140px; height:115px; border:1px solid #ddd; overflow:hidden; text-align:center; vertical-align:middle   }
.div4 {  width:140px; height:115px; border:1px solid #F6882F; overflow:hidden; text-align:center; vertical-align:middle   }
/*
.div3 img,.div4 img { width:146px; height:106px; padding:1px;}
*/
.div3 img,.div4 img {
      max-width: 140px; max-height: 115px; _width: expression(this.width > 140 ? 140 : true); _height: expression(this.height > 115 ? 115 : true);
    }

/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;}
#protext { width:100%; padding:10px 0;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:600px; _width: expression(this.width > 600 ? 600 : true);}

/*--- 新闻具体内容 ---*/
h2#h2_news { font-size:18px; line-height:60px; text-align:center;}
#news_top1 { color:#999; font-size:12px; line-height:28px; text-align:center;}
#news_contain { padding:10px;}
/*--- 发布时间 ---*/
.n_time { float:right; color:#777;}
#web_news li{background:url(../images/news_arrow.gif) no-repeat left center; border-bottom:#CCC 1px dashed; padding-left:15px;}

/*在线招聘页面*/
input.input_job { height:24px; line-height:24px; width:280px;}


/*--- 在线客服 ---*/
.kf_list { padding:10px 10px; line-height:30px;overflow:hidden; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
/*--- 友情链接 ---*/
.link_list { overflow:hidden; zoom:1; padding:0 0 10px 0; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
.link_list ul li { float:left; width:110px; padding:10px 10px 0 10px;}



/*--- 新增滚动 ---*/
#demo { overflow:hidden; width: 630px; height:140px; position:relative;}
#indemo { float: left; width: 880%; }
#demo1 { float: left; }
#demo2 { float: left;} 
/*二维码*/
#code,#code_hover,#gotop{ width:150px; height:150px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.margintop,10)||0)));
}
#code {background:url(../images/icon_bg.png) no-repeat;top:75px;  margin-top:75px;}
#code_hover{ background:url(../images/icon_bg.png) no-repeat; top:75px; margin-top:75px;}
#gotop{ background-position:-276px -310px; top:75px;  margin-top:75px;}