@charset "utf-8";

/* CSS Document */



/*---------------------�l�一讄���---------------------------------*/

html{width:100%; margin:0; padding:0; background: url(../images/footer1.jpg) repeat-x left bottom #f7f7f9;  color:#595959;}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,fieldset,legend,textarea,input,button,img,blockquote,pre,marquee{margin:0; padding:0; border:0;}

i,em,q,var{ font-style:normal; font-weight:normal;margin:0; padding:0; }

body { border:0; margin:0; padding:0; width:100%; font:normal 12px/21px Arial, verdana, sans-serif ;}

a,a:link{text-decoration:none; color:#595959;}

a:hover{color:@red;}	

li{list-style:none;}

.Bc{width:1008px;margin:0 auto; position:relative;}

.clearfix{ clear:both; width:100%; height:20px; display:block;}

/*---------------------�l�一讄���end---------------------------------*/

@w_100: 100%;

@blue: #1e5ab0;

@red: #c91d23;

@orange: #eb7a0c;

@pink1:#d35b5f;

@pink2:#d1b2b3;

@yellow:#f0ad02;

.w_100{ width:100%;}

.line_h(@h){height:@h; line-height:@h;}

.pos_center(@t:50%,@l:50%,@mt:0px,@ml:0px){ position:absolute; top:@t; left:@l; margin-top:@mt; margin-left:@ml;}/*�?上右下左 ��序������?/

.pos_middle(@mt,@ml){ position:absolute; top:50%; left:50%; margin-top:@mt; margin-left:@ml;}

.pos_top(@t:0px,@l:0px){position:absolute; top:@t; left:@l;}

.pos_right(@t:0px,@r:0px){position:absolute; top:@t; right:@r;}

.pos_bot(@l:0px,@b:0px){position:absolute; left:@l; bottom:@b;}

.shadow{background:#FFF; box-shadow:rgba(0,0,0,0.1) 1px 1px 2px;}

@bor_black:1px solid @blue;

.txt_middle{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;

-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/*------------------定义-----------------------*/

#head{height:90px; background:url(../images/opa80_w.png); .w_100; .pos_top; .w_100; z-index:899;}

// #logo{ float:left; padding-top:50px;}
#logo{ float:left; padding-top:25px; padding-left:68px;}

#lang{ .pos_right(15px,0px); font:normal 14px/20px "微��Y雅黑";

	a{ font-size:14px; color:#000;

		&:hover{color:@red;}

	}

	img{ vertical-align:middle; margin:0px 10px;}

}

#search{ background:url(../images/search.png) no-repeat; width:122px; height:20px;.pos_right(15px,140px);}

	#search1{ background:none; width:85px; height:20px; line-height:23px; float:left; margin-left:5px; color:#555; font-size:12px;}

	#search2{ background:none; width:28px; height:20px; float:right; cursor:pointer;}

	.search3{color:@red !important;}



#nav{ width:784px; height:44px; font:normal 16px/44px "微��Y雅黑"; z-index:999; .pos_center(56px,50%,0px,-280px); background:url(../images/nav1.png) no-repeat left bottom;}

#menu{ float:left;

	li{float:left; width:98px; height:44px;

		a{ height:100%; display:block; color:#020202; text-align:center;.w_100;

			&:hover{ color:@red;}

		}

		/*二����D��样式*/

		ul {position:absolute; z-index:999; width:100px; display:block; background:#f0f0f0; padding-bottom:3px; display:none;

			li{ line-height:20px !important; height:auto !important; font-size:12px; border-bottom:1px dashed #ccc; text-align:center; width:90px; padding:5px 0px; margin-left:5px;

				a{color:#222 !important; padding:0 !important; height:auto !important; border-bottom:none !important; background:none !important;

					&:hover{ background:@red !important; color:#fff !important; border-bottom:none !important;}

				}

			}

		}

	}

	li:hover{ a{color:@red;}}

	li.on{ a{color:#fff; background:url(../images/nav2.jpg) no-repeat;}}

}



#banner{height:545px; overflow:hidden; .w_100;}

.shadow1{ height:40px; background:url(../images/shadow1.jpg) repeat-x; .w_100; clear:both;}



#Iseries{}

.Itit1{ position:relative; padding:10px 0px 10px 0px; background:url(../images/list2.gif) no-repeat 10px center; font:bold 22px/24px "微��Y雅黑"; height:24px; .w_100;

	span{ color:@red; margin-right:8px; margin-left:30px; letter-spacing:5px;}	

	font{ color:@pink1; font-size:14px;}

}

.Icon1{ background:url(../images/conbg2.png) repeat-x; position:relative; border-top:1px solid @pink2; .w_100;}

a.more1{display:block; line-height:12px; text-align:center; color:#b8b8b8; font-size:12px; font-weight:normal; .pos_right(19px,0px);

	&:hover{color:@red;}

}



.seriesTab{ border-collapse:collapse; width:94%; margin:0 auto;

	td{ border-bottom:1px solid #ededed; padding:20px; padding-right:0px; background:url(../images/line2.gif) no-repeat left bottom;

		&:hover{background:url(../images/line2.gif) no-repeat left bottom #f7f7f9;}

		img{ width:45px; height:45px; float:left; margin-right:20px; margin-left:30px;}

		p{ font-size:14px; color:#000; font-weight:bold; letter-spacing:2px; margin-bottom:4px;}

		a{ width:64px; text-align:center; background:url(../images/more.gif); color:#fff; display:inline-block; font-size:12px; .line_h(17px);

			&:hover{color:#FC3;}

		}

	}

	tr.trTop{

		td{ background:url(../images/line2.gif) no-repeat left top;

			&:hover{background:url(../images/line2.gif) no-repeat left top #f7f7f9;}

		}

	}



}



.leftLoop1{ position:relative; width:970px; margin:0 auto; 

	.next{ display:block; width:22px; height:22px; cursor:pointer; background: url(../images/arrow1.jpg); position:absolute; left:-60px; top:56px; z-index:992;

		&:hover{}

	} 

	.prev{ display:block; width:22px; height:22px; cursor:pointer; background: url(../images/arrow2.jpg); position:absolute; left:1008px; top:56px; z-index:992;

		&:hover{}

	} 

	.bd1 ul{ overflow:hidden; zoom:1; } 

} 

.proList1{

	@pro_w:180px; @pro_h1:140px; @pro_h2:180px;

	li{ width:@pro_w; height:@pro_h2; float:left; margin-right:40px; text-align:center;

		div{ width:@pro_w; height:@pro_h1; overflow:hidden; display:block; border:1px solid #f0f0f0;

			img{max-width:@pro_w; max-height:@pro_h1; border:medium none; vertical-align:middle;}

		}

		p{ line-height:40px;}

		a{  height:@pro_h2; width:@pro_w; display:block;

			&:hover{ div{border:1px solid @red;}}

		}

		i{display: inline-block;height: 100%;vertical-align: middle;}

	}

}



#Ihotsale{

	div.Icon1{ padding-top:20px;}

}

.shadow2{ height:8px; background:url(../images/shadow2.jpg) no-repeat top center; clear:both; .w_100;}



.Ileft{ width:715px; float:left;

	div.Icon1{float:left;}

}

.Iright{ width:265px; float:right; background:url(../images/conbg2.png) repeat-x left 40px; line-height:18px;}

.Icon3{ background:url(../images/ico1.jpg) no-repeat 220px 75px; padding:10px;}

.Ileft2{ width:315px; float:left; padding-top:10px; margin-left:22px;}

.Iright2{ width:315px; float:right; padding-top:10px; margin-right:22px;}



.Itit2{ position:relative; padding:10px 0px 10px 0px;  font:bold 18px/24px "微��Y雅黑"; height:24px; background:url(../images/conbg1.png) no-repeat bottom center; .w_100;

	span{ color:@red; margin-right:8px; padding-left:14px; background:url(../images/list2.gif) no-repeat 0px center;}	

	font{ color:@pink1; font-size:12px;}

}

.Icon2{ padding:20px 0px;}

.imgleft1{ float:left; margin-right:15px;}



.newsList1{

	li{ clear:both; float:left; .w_100;

		a{ float:left; padding-left:10px;}

		span{ float:right; color:#999}

		&:hover{ background:#e6e6e6;}

	}

}

.newsList2{ float:left; margin-bottom:10px; clear:both; background:url(../images/list1.jpg) no-repeat right bottom;.w_100;

	a{

		img{ width:90px; height:58px; float:left; margin-right:8px;}

		h3{ font-size:12px; line-height:18px;}

		font{ color:#999;}

		p{font-size:12px; line-height:18px; padding-top:5px;}

	}

}



#footer{background:url(../images/footer2.png) no-repeat top center; height:70px; padding-top:30px; line-height:20px; text-align:center; color:#6e6e6e; .w_100; }



/*------------------内页-----------------------*/

#pban1{ background:url(../images/pban1.jpg) no-repeat top center; height:315px; overflow:hidden; .w_100;}

/*左栏*/

.pLeft{ width:200px; float:left; position:relative;}

.pLeftT{ width:200px; height:70px; padding-top:30px; background:@red; color:#fff; text-align:center; .pos_top(-80px,0px);

	i{font:normal 24px/22px "微��Y雅黑"; display:block;}

	span{ font-family:arial; font-size:12px; line-height:36px; }

}

#PLmenu{ padding-top:20px; padding-bottom:15px; background:#fff;

	li{ 

		a{ color:#000; font:normal 16px/18px "微��Y雅黑"; padding:20px 10px; display:block; height:100%; width:180px; text-align:center; border-bottom:1px solid #e7e7e7;

			&:hover{color:#fff; background:#777;}

		}

		&.on{

			a{color:#fff; background:#777;}

		}

	}

	

}

#PLmenu2{ padding-bottom:15px; background:#fff; border-top:1px solid #e7e7e7;

	li{ 

		a{ color:#888; font:normal 12px/18px "微��Y雅黑"; padding:5px 20px; display:block; height:100%; width:160px; text-align:center; border-bottom:1px solid #e7e7e7; background:url(../images/list1.png) no-repeat 10px 11px;

			&:hover{color:#000; background:url(../images/list1.png) no-repeat 10px 11px #f0f0f0;}

		}

		&.on{

			a{color:#000; background:url(../images/list1.png) no-repeat 10px 11px #f0f0f0;}

		}

	}

	

}

#Ptel{ padding:10px 0px;

	img{ vertical-align:middle; margin-right:5px;}

	span{ font-size:14px;}	

	p{ font:normal 16px/22px "微��Y雅黑"; color:@blue;}

}



/*��x��*/

#Pright{ width:770px; padding:10px 10px 30px 10px; float:right; background:#fff; border-top:2px solid #e9eaeb; min-height:350px; _height:350px; margin-top:18px;}

.Ptit2{ width:100%; height:62px; padding-top:23px; background:url(../images/tit1.jpg) no-repeat 15px center; position:relative; border-bottom:1px solid #f3eaea; margin-bottom:26px;

	span{font:bold 24px/26px "宋体"; margin-left:65px;color:@red;}	

	i{font:normal 14px/14px "arial"; margin-left:65px;color:@red; display:block;}	

}

.current{ font-size:12px; line-height:21px;text-align:right; background:url(../images/ico3.jpg) no-repeat left center; padding-left:25px; .pos_right(12px,15px);

	b{color:@blue;}

}

.Pcon1{ width:720px; margin:0 auto; position:relative; font:normal 14px/26px "宋体","微��Y雅黑";

	img{ max-width:720px;}

}

.Pcon2{ p{ margin-bottom:10px;}}

#page{padding:5px; text-align:center; font-size:12px; clear:both;

	span{display:inline; padding:3px 6px;  font-family:Verdana; font-size:10px; color:#fff; background:@red; font-weight:bold;}

	a{display:inline; padding:3px 6px; font-family:Verdana; font-size:10px; background:#ccc;

		&:hover{background:@red; color:#fff;}

	}

}

.txt1{ color:@red;}

.txt2{font:bold 16px/26px "微��Y雅黑"; color:@red;}



/*企业荣誉*/

.honorList{ padding-left:50px;

	@pro_w:180px; @pro_h1:260px; @pro_h2:290px;

	li{ width:@pro_w; height:@pro_h2; float:left; margin-right:30px; margin-bottom:20px; text-align:center;

		div{ width:@pro_w; height:@pro_h1; overflow:hidden; display:block; border:1px solid @pink2;

			img{max-width:@pro_w; max-height:@pro_h1; border:medium none; vertical-align:middle;}

		}

		p{ line-height:30px;}

		a{  height:@pro_h2; width:@pro_w; display:block;

			&:hover{ div{border:1px solid @red;}}

		}

		i{display: inline-block;height: 100%;vertical-align: middle;}

	}

}

/*企业文化*/

.cultureTab{ th{ border-bottom:1px solid #d4d6d7;}}

/*新闻*/

.newsList3{ float:right; width:640px;

		h3{ margin-bottom:6px;}

		p{ font-size:12px; line-height:21px; text-indent:2em;}

	}	

.date{ width:56px; height:75px; padding:0px 2px; background:#f8b551; float:left; color:#fff; text-align:center; font-family:arial;

	h3{ font-size:30px; font-weight:normal; margin-top:7px; line-height:40px; border-bottom:1px solid #fff;}

	p{ font-size:12px; line-height:12px; padding-top:5px;}

}

.newsList4{ float:left; clear:both; margin-bottom:20px; .w_100;

	&:hover{background:#f7f7f9; color:#fff;}

}







.newstitle{ width:100%; color:#000; text-align:center; font-size:24px; font-family:"微��Y雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"; line-height:26px; padding-top:10px;}

.newsdate{ width:100%; clear:both; color:#666; border-top:1px dashed #B2B2B2; border-bottom:1px dashed #B2B2B2; text-align:center; margin:15px 0px; font-size:12px; padding:5px 0px;}



#ntf span {cursor:pointer; margin-right:5px; padding:1px; border:1px solid #999; }

#ntf SPAN.ntf_on {color: #fff; background: #3c3b3a; border:1px solid #3c3b3a; }

#ntc {padding: 10px; color:#333; }

.ntf1 { line-height: 20px; letter-spacing: 1px; font-size: 12px; }

.ntf1 TH {line-height: 20px; letter-spacing: 1px; font-size: 12px; }

.ntf1 TD {line-height: 20px; letter-spacing: 1px; font-size: 12px; }

.ntf2 {line-height: 26px; letter-spacing: 1px; font-size: 14px; }

.ntf2 TH {line-height: 26px; letter-spacing: 1px; font-size: 14px; }

.ntf2 TD {line-height: 26px; letter-spacing: 1px; font-size: 14px; }

.ntf3 {line-height: 30px; letter-spacing: 2px; font-size: 16px; }

.ntf3 TH {line-height: 30px; letter-spacing: 2px; font-size: 16px; }

.ntf3 TD {line-height: 30px; letter-spacing: 2px; font-size: 16px; }	



/*应用实例*/

.caseList{

	@pro_w:200px; @pro_h1:135px; @pro_h2:175px;

	li{ width:@pro_w; height:@pro_h2; float:left; margin-left:30px; margin-bottom:10px; text-align:center;

		div{ width:@pro_w; height:@pro_h1; overflow:hidden; display:block; border:1px solid @pink2;

			img{max-width:@pro_w; max-height:@pro_h1; border:medium none; vertical-align:middle;}

		}

		p{ line-height:30px;}

		a{  height:@pro_h2; width:@pro_w; display:block;

			&:hover{ div{border:1px solid @red;}}

		}

		i{display: inline-block;height: 100%;vertical-align: middle;}

	}

}

/*在线留言*/

.tabR{

	th{width:110px; padding:0px; vertical-align:top; text-align:left;

		div{display:block; width:85px; padding:5px 5px 5px 20px; background:#f7f7f9;}

	}

	td{padding:0px; letter-spacing:1px;}

}

.f0{height:20px;

	div{float:left;}

}

.inp1{border:1px solid #ccc; background:none; padding:5px; font-size:12px;}

.inp1B{border:1px solid @red; background:none; padding:5px; font-size:12px;}

.pTIL1{height:35px; padding-left:13px; margin-bottom:10px; background:url(../images/line1.gif) repeat-x left bottom;

	span{display:block; float:left; padding:9px 19px 0px 19px; height:24px; border-bottom:2px solid @red; font-size:16px; font-weight:bold; color:@red; }

}

.btn5{ width:100px; height:38px; background:url(../images/ico24.png) 10px center no-repeat #777;; padding-left:30px; padding-right:10px; font:normal 16px/38px "宋体";color:#fff; cursor:pointer;

	&:hover{background:url(../images/ico24.png) 10px center no-repeat @red;}

}

/*联系方式*/

.contact{ width:530px; margin:0 auto; padding:0px 95px;

	h1{font:bold 24px/36px "微��Y雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";  margin-bottom:15px; text-align:center}

	 p{ background:url(../images/list1.png) no-repeat 5px 9px; padding-left:18px; line-height:26px; border-bottom:1px dashed #ccc;

	 	b{ margin-right:5px;}

	 }

}

/*产品*/

.proList2{

	li{

		padding:10px; width:325px; height:150px; float:left; margin-bottom:20px; background:#fff;

		&:hover{ background:#eaeaea;}

		img{ float:right; width:155px; height:150px;}

		div{ float:left; width:150px; margin-left:10px;

			h3{ font:normal 16px/50px "微��Y雅黑"; margin-top:12px; border-bottom:1px solid #7d7d7d; color:#000;text-indent:3px;

				a{ color:@red; 

						&:hover{color:@red;}

					}

			}

			span{font:normal 12px/36px "微��Y雅黑"; background:url(../images/list3.png) no-repeat left center; padding-left:10px; margin-right:20px;}

		}

	}

}

.Ptit3{ position:relative;

	h3{ text-align:center;font:bold 20px/20px "微��Y雅黑"; color:#000; border-bottom:1px dashed #f3eaea; padding-bottom:10px; margin-bottom:20px;}	

}

.proBtn1{.pos_right(5px,0px);

	a{ background:#ececec; padding:3px 15px; font:normal 14px/26px "微��Y雅黑";

		&.on{background:@red; color:#fff;}

	}

}

h1{line-height: 20px;
text-align: center;
color: #6e6e6e;font: normal 12px/21px Arial, verdana, sans-serif;margin:0;padding:0;display:inline;}

























  <a href="http://m.05jk.top/">&#x65e5;&#x672c;&#x0056;&#x0041;&#x6b27;&#x7f8e;&#x0056;&#x0041;&#x6b27;&#x7f8e;&#x0056;&#x0041;&#x7cbe;&#x54c1;</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>