@charset "utf-8";

body{  font-size:12px;font-family:"Microsoft YaHei",SimHei,arial; }



html,body,div,span,iframe,input,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,i,center,dl,dt,dd,ol,ul,li,form,label,fieldset{margin:0;padding:0}

a{ color:#8d8d8d; text-decoration:none;}

a:hover{color:#f00;text-decoration:none;}

li{list-style:none;}

a img{border:0;}

.clear{clear:both;}

.top-1{ width:1002px; margin:0 auto; height:auto; overflow:hidden}

.top{ width:1002px; background:url(top.jpg) left top no-repeat; margin:0 auto; height:205px; }

.t-nav{ width:200px; float:right; margin-top:10px;}

.t-nav ul li{ width:65px; float:left; height:26px; line-height:26px;}

.t-nav ul li i{ float:left; margin:7px 5px 0 0;}





.logo{ width:300px; height:70px; background: url(logo_bg.png) repeat; float:left;}


.banner{ width:1002px; height:175px; float:left;}

.nav{ width:1002px; background:url(top-bg.jpg) repeat-x; height:50px; margin:0 auto}

.nav ul{ background:url(menubg.jpg) repeat-x; height:50px;}

.nav ul li{ width:125px; height:50px; float:left; text-align:center; background:url(menu.jpg) left center no-repeat; line-height:50px; font-size:14px }

.nav ul li a{ color:#fff;}



.main{ width:1002px; height:auto; overflow:hidden; margin:0 auto}

.s-left{ width:195px; float:left; background:#f1f2f4}

.s-left h1{ font-size:16px; color:#dbdddc; background:url(title1.jpg) no-repeat; height:37px; line-height:36px; padding-left:30px; float:left; width:165px}

.s-left ul li{ background:url(dot2.jpg) 20px bottom no-repeat ; width:175px; height:30px; line-height:30px; float:left;}

.s-left ul li a{ padding-left:40px}



.s-right{ width:765px; height:auto; overflow:hidden; float:right;}

.s-r-1{ width:496px; height:auto; overflow: hidden; float:left;}



.com-tit{ width:496px; background:url(title2.jpg) left bottom no-repeat; height:30px; line-height:30px; float:left; }

.com-tit span,.new-tit span{ float: left; padding-left:10px; font-size:14px; font-weight:bold;}

.com-tit i,.new-tit i{ float:right; padding:8px 10px 0 0;}

.company{ width:496px; height:auto; overflow:hidden; float:left; line-height:26px;}

.company img{ float:left; padding:5px 10px 0 0;}

.p1,.p2{ width:15px; height:38px; float:left; display:block;margin-top:62px;}

.p1{ background: url(arrow.jpg) 0 0 no-repeat; }

.p2{ background: url(arrow.jpg) -15px 0 no-repeat;}

.product{ width:496px; height:162px; float:left}

.product ul{  width:500px; height:162px; float:left; background:url(rollbg.jpg) left center no-repeat; margin:0 3px; }

.product ul li{ width:152px; height:142px; float:left; text-align:center; margin:0 4px 0 7px; padding:10px 0; line-height:30px;}

.product ul li img{ border:1px #dfdfdf solid;}



.new{ width:496px; height:auto; float:left;}

.new-tit{ width:230px;  background:url(title2.jpg) left bottom no-repeat; height:30px; line-height:30px; float:left; }

.new-list {width:230px; float:left; height:auto; overflow: hidden;}

.new-list1{width:230px; float:right; height:auto; overflow: hidden;}

.new-list ul li,.new-list1 ul li{ width:230px; background:url(li1.jpg) left center no-repeat; height:30px; line-height:30px; float:left;}

.new-list ul li a,.new-list1 ul li a{ padding:0 0 0 15px;}





.s-r-2{ width:230px; height:auto; float:right; overflow:hidden;}

.map{ width:230px; height:175px; float:left;}

.contact{ width:230px; height:auto; float:left; line-height:26px; background:url(tel.jpg) right bottom no-repeat;}



.foot{ width:1002px; height:auto; overflow:hidden; margin:0 auto;}

.f-nav{ width:1002px; background:#84898d; height:40px; line-height:40px; text-align:center; float:left}

.f-nav a{ padding:0 5px; color:#fff;}

.copy{ width:1002px; float:left; line-height:30px; text-align:center }





.n-tit{ background:url(title2.jpg) left bottom no-repeat; width:755px; height:30px; line-height:30px; float:left; padding-left:10px}

.about,.pic{ width:765px; height:auto; overflow:hidden; line-height:26px; float:left}

.about img{ float:left; padding:0 10px 0 0;}

.news{ width:746px; padding:0 10px; float:left; height:auto; overflow:hidden;}

.news ul li{ background:url(line.jpg) left bottom no-repeat; width:706px; height:40px; line-height:40px; float:left; margin:0 20px;}

.news ul li span{ float:right; color:#999;}

.news ul li a{ padding-left:20px;}

.pic ul li{ margin: 0px 10px 22px 0px;

float: left;

width: 48%;

overflow: hidden; float:left}

.pic-img{ width:150px; height:110px; border:1px #dfdfdf solid; float:left}



.pic-txt{ float:left;}