*{margin:0;padding:0;}
body{
	font-size: 13px;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #555555;
	line-height: 150%;
	margin:0px 0px 0px 0px;
	padding: 0px;
	background:url(webbg.jpg) top center  repeat-x;
}
td{
	font-size: 13px;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #555555;
	line-height: 150%;}
div,ul,li,p{
	list-style:none; 
	line-height:30px;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	}
	
	
a:active,a:link,a:visited{text-decoration:none;color:#555555;}
a:hover {text-decoration:none;color:#EB5800;}

ol,ul,li { list-style:none; }
hr {border:1px #cccccc dotted;}

img {border:0;} 

.fontbai{color:#fff;line-height:25px;}
.fontbai a{color:#fff;}
.fontbai:active,.fontbai:link,.fontbai:visited{text-decoration:none;color:#fff;}
.fontbai:hover {text-decoration:underline;color:#EB5800;}


.clear{ clear:both}

.box { border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid;  padding:8px}
.box1{border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; padding:8px; background:#F7F7F7; line-height:25px;}
.boxwl{border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; padding:8px; background:url(wl.jpg) center center no-repeat; height:175px;}



.prolist{padding-top:5px; clear:both; overflow:hidden; padding-left:15px}
.prolist li{float:left; margin-left:22px; width:136px;}
.prolist li img{border:1px solid #ccc; width:134px; height:90px;}
.prolist li p{line-height:18px; height:18px; overflow:hidden; text-align:center;}

.nleft{background:url(nleftbg.jpg) no-repeat;}
.nleft ul{width:180px; margin:0 auto; padding-top:20px;}
.nleft li{background:url(dian1.jpg) 0px 12px no-repeat; padding-left:20px; line-height:35px; height:35px; font-weight:bold;}

.nfw{width:228px; height:286px; background:url(nfw.jpg) no-repeat; margin:10px 0px 20px 8px;}


/*pronews*/
.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	border: 1px dashed #999;
	max-width:760px;
	position: relative;
	margin-bottom: 8px;
	padding:3px 0 4px 3px;
	clear:both; overflow:hidden;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	width:100px;
}

.product_list h1 {
	margin: 5px 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 25px!important;
}


#honor{width:740px; margin:10px auto; line-height:25px;}
#honor dl{width:220px; text-align:center; float:left; margin:2px 10px 15px 10px; _margin:2px 10px 0px 7px;}
#honor dt{border:1px solid #171B6D; background:#fff;}dt img{display:block; margin:0 auto; height:180px; padding:5px}
#honor dd{text-align:center; height:50px; background:#171B6D; color:#FFF;  padding-top:8px; overflow:hidden;}
#honor dd a{text-align:center; height:50px; background:#171B6D; color:#FFF;overflow:hidden;}
#xl{padding:5px;position:relative}
#xl li{padding:8px;border-bottom:1px dotted #999;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:650px;color:#999;line-height:25px;}
#xl li a:link{color:#333;}
#xl li a:hover,#xl li a:visited{color:#0483CA}


#order{padding:10px 0 20px;width:650px; margin:0 auto;text-align:left}
#order h1{padding:15px 0 5px;font-size:22px}
#order p{margin:5px 0 10px;font-size:12px}
#order form{margin-left:30px}
.div_li{margin-bottom:10px}
#order label{margin:3px 0;font-weight:bolder;display:block}
#order label.checkbox{font-weight:normal;display:inline}
#order input{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000}
#order input:hover{border:1px solid #6ad}
#order .medium{width:220px}
#order .submit{margin-top:10px;cursor:hand}
#message{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000;width:500px;height:100px}
#demo{margin-top:10px}
.div_li font{padding-left:10px;font-size:12px;color:#ff3300}
.div_li .red{color:#ff3300;}
.error,.success{padding:10px 20px;text-align:left;font-size:12px}
.error{background-color:#a22;color:#fff}
.success{background-color:#cfc;color:#051}


.top{width:1100px; height:119px; margin:0 auto; }
.top .logo{ width:480px; height:119px; float:left}
.top .menus{ width:620px; float:right;}

.head{width:1100px;margin:0 auto; height:45px;clear:both; overflow:hidden;   }
.head .hleft{ width:580px; padding-left:20px; line-height:45px; color:#FFF; float:left}
.head .hright{ width:400px; float:right; text-align:right}

.banner{width:100%;overflow:hidden;height:500px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:500px;}
.banList li{height:500px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:9px;height:9px; border:1px #039 solid;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#2E3C8A;cursor:pointer;border:1px #fff solid;width:10px;height:10px;}

#bannerbg{width:100%; text-align:center; height:260px; margin:0 auto;position:relative;overflow:hidden;}
#banner{width:100%; height:260px;text-align:center;width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px;}

#maina{width:1050px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;}
#maina .infoleft{ width:225px;  float:left; background:#F7F7F7; height:auto; overflow:hidden}
#maina .infoleft .title{ width:225px;}
#maina .inforight{ float:right; width:770px; padding-left:55px;}
#maina .inforight .title{ width:770px; height:37px; }
#maina .inforight .content{ padding-top:25px; line-height:30px;}


#main{width:1000px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;}
#main .mleft{ width:225px;  float:left; background:#F7F7F7; height:auto}
#main .mleft .title{ width:225px;}
#main .mmid{ float:left; padding-left:36px;padding-right:36px; width:415px;}
#main .mmid .title{width:400px;}
#main .mright{ float:right; width:287px;}
#main .mright .title{ width:287px;}
#main .mright li{ line-height:24px; font-size:13px; }



.proclass1{ padding:14px; width:197px;}
.proclass1 li{line-height:32px; background:url(dian1.jpg) left no-repeat; font-size:14px; border-bottom:1px #dcdcdc dashed; padding-left:25px;}
.proclass1 li a{color:#555;}
.proclass1 li a:hover{color:#EB5800;}

.proclass{ width:1078px; margin:0 auto; padding-top:30px;}
.proclass .protitle{ width:108px; height:80px; float:left;}
.proclass .procla{ width:970px; float:left; background:#7A7B7F}
.proclass .procla li{ padding-left:38px; font-weight:bold; line-height:50px; padding-right:38px; background: url(proclassright.jpg) #7A7B7F right no-repeat; float:left}
.proclass .procla li a{color:#fff;}
.proclass .procla li a:hover{color:#0165BA;}

.mainpro{ width:1080px; margin:0 auto; }
.mainpro .ptitle{ width:1080px;}
.home-product{  width:1080px; padding-top:30px; padding-left:5px;}
.home-product li{width:240px; float:left; margin:10px;  line-height:22px; padding-left:8px;  font-siz:12px; color:#0066FF}
.home-product img{ height:200px; width:220px; border:1px #dcdcdc solid;  background:#FFF}
.home-product p{ line-height:40px;width:220px; border:1px #15266E solid;  background:#15266E; color:#fff;  padding-top:5px; text-align:center; height:45px}
.home-product p a{ line-height:40px;width:220px; border:1px #15266E solid;  background:#15266E; color:#fff;  padding-top:5px; text-align:center; height:45px}

#main_about{ width:1080px; margin:0 auto; clear:both;  padding-top:20px;}
#main_about .leftabout{ width:654px; float:left; }
#main_about .leftabout .title{width:654px; }
.inews{width:650px; padding-top:20px; padding-left:4px; clear:both; overflow:hidden; }
.inews ul{margin-top:8px;}
.inews li{ padding-left:20px; border-bottom:1px #dcdcdc dashed; background:url(dian1.jpg) left no-repeat;line-height:32px; width:630px; }
.inews li span{ color:#888; float:right;  text-align:right}
#main_about .rightnews{width:370px; float:right}
#main_about .rightnews .title{width:368px;}
#main_about .rightnews .scontent{width:368px; padding-top:15px;}
#main_about .rightnews .scontent h1{width:368px; }
#main_about .rightnews .scontent h2{ width:360px;padding-top:15px; padding-left:8px;font-weight:100; font-size:13px; line-height:24px;}

.why{ width:100%; background:#F6F6F6; text-align:center}

.mainabout{ width:100%; background:#E5E7EB; height:370px; padding-top:40px; margin-top:30px;}
.mainabout .about{ width:1080px; margin:0 auto;}
.mainabout .about .left{ width:470px; float:left}
.mainabout .about .right{ width:600px; float:left}
.mainabout .about .right h1{ width:600px; font-size:24px; line-height:60px; font-weight:100;}
.mainabout .about .right h2{ width:600px; padding-top:15px;font-size:13px; line-height:30px; font-weight:100}
.mainabout .about .right p{ padding-top:30px;}
#endbg{ width:100%; background:#5C5F62; height:250px; padding-top:40px; margin-top:20px; }
#endbg .link{ wdith:1000px; margin:0 auto; text-align:center;color:#fff; line-height:40px;}
#endbg .end{width:1000px; margin:0 auto; line-height:40px; font-size:14px; color:#fff; text-align:center}