@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:12px; color:#555555;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";line-height:22px;background: url(webbg.jpg) #ededed repeat-x ;}
ul,li{ list-style-type:none;line-height:22px;}
a{ text-decoration:none; color:#555555;}
a:hover{ text-decoration:none; color:#ff6600;}
h1,h2,h3{margin:0;padding:0;border:none}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}
	.claar10{overflow:hidden; height:10px; clear:both;}

.more{float:right; padding-right:10px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}


.left{float:left;}
.right{float:right;}

#imain{width:988px; margin:0 auto;height:29px; line-height:29px; clear:both; text-align:right;}


 

.about{width:170px; background:url(title.jpg) no-repeat; line-height:37px; font-weight:bold; color:#2FA5CC; padding-left:40px; clear:both;}
.about .wd{padding:12px;}
.abox{width:160px; margin:0px auto 15px auto; overflow:hidden;}
.abox li{background:url(nlinebg.jpg) no-repeat; height:31px; line-height:31px; padding-left:50px;font-weight:bold;}
.abox li a{color:#281C1C;}
.abox li a:hover{color:#ff6600;}

.inews{margin-top:10px;clear:both; width:680px}
.inews .box1{ width:300px; padding:5px; height:104px; float:left}
.inews .box2{ width:300px; padding:5px; height:104px; float:right}
ul.hotnews{float:left; width:320px;padding-left:20px; padding-right:10px;line-height:25px; height:25px;  }
ul.hotnews1 li{line-height:26px; height:26px; background:url(en.gif) no-repeat 20px 9px; padding-left:8px; text-indent:21px; border-bottom:1px dashed #ccc;}
ul.hotnews1 dt{background:url(nli.png) no-repeat 5px 11px; text-indent:19px; font-size:14px; font-weight:bold; line-height:30px;}

.ipro{width:150px;background:url(proclassbg.jpg) ; margin-bottom:15px;}
.ipro li{padding-left:40px; width:110px; line-height:36px; height:36px; font-weight:bold; color:#281C1C; clear:both;}
.ipro li.pmore{ width:59px; height:20px;}
.ipro li a:hover{color:#ff6600;}

.iorder{background:url(iorder.jpg) no-repeat; width:962px; height:62px; margin:10px auto}
.iorder img{float:right; margin-right:20px; width:76px; height:24px; margin-top:19px;}



.aboutli{margin-bottom:10px;background:url(naboutbg.jpg) no-repeat;padding-top:2px; height:137px; clear:both;}
.aboutli li{line-height:32px; height:32px;padding-left:60px;}
.aboutli li a,.aboutli li a:hover{color:#ffffff;}

.lpro{margin:10px auto 50px auto; width:186px;clear:both;}
.lpro li{margin-bottom:10px;}

.maina{width:935px; margin:0 auto; overflow:hidden;}
.maina .mleft{float:left; width:682px; margin-right:2px; }
.maina .mright{float:right; width:247px; }
.maina .mright .title{height:79px; }
.maina .mright .link{ width:120px; height:52px; background:url(title7.jpg) no-repeat; padding-top:36px; padding-left:50px; margin-top:10px}
.maina .mright p{ line-height:24px; margin-left:10px; margin-right:10px; margin-top:5px}

.hotpro{ height:460px; clear:both; overflow:hidden; background:url(probg.jpg) bottom no-repeat; width:668px; }
.hotpro p{ background:url(title1.jpg) no-repeat; height:66px; color:#ffffff; font-weight:bold;}

#iplist{background:url(probg.jpg) top no-repeat; width:668px;  margin:0px 0px 0px 10px; height:550px}
.iproduct{line-height:1.3em; padding-top:10px;}
.iproduct .p_image{height:115px;width:122px;border:solid 1px #E9E8E6;margin-bottom:2px;padding:1px; }
.iproduct{line-height:1.3em;clear:both;}
.iproduct li{width:140px;height:140px;line-height:20px;text-align:center;padding:5px 0px 5px 15px;display:inline;float:left;overflow: hidden;}
.iproname{background:url(hotproname.jpg) no-repeat; height:32px; line-height:32px; padding-left:108px; border-left:1px solid #A6A6A6; border-bottom:1px solid #A6A6A6; border-right:1px solid #A6A6A6;clear:both;}

.rollBox{width:650px;overflow:hidden;padding:10px 0px 5px 8px; height:200px;}
.rollBox .Cont{width:635px;overflow:hidden;float:left;height:200px;}
.rollBox .ScrCont{width:1000000px;}
.rollBox .Cont .pic{width:150px;float:left;text-align:center; margin-left:2px; padding-top:8px; margin-bottom:3px; }
.rollBox .Cont .pic img{margin-top:5px;background:#fff; border:1px #dcdcdc solid; padding:5px; display:block;margin:0 auto; height:120px;}
.rollBox .Cont .pic p{margin-top:8px;margin:0px;text-align:center; background:#F4F4F4; color:#555555;font-size:12px;line-height:22px;overflow:hidden;display:inline;height:22px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.nleftli{width:210px; margin:0px auto 15px auto; padding-top:10px;}
.nleftli li{line-height:25px; margin-top:3px; margin-bottom:8px; background:#D7EDF3;padding-left:25px;}

#proclass{width:935px; margin:25px auto; background:url(prolist.jpg) top no-repeat; height:52px; padding-top:15px; padding-left:60px; font-size:14px}
#proclass li{line-height:26px; margin-top:8px; padding-left:25px; width:235px;color:#0272BF; clear:both;display:inline; padding-right:112px}
#proclass li a,.proclass li a:hover{color:#000000;}

.aboutIndex{ width:935px; height:236px; background:url(aboutbg.jpg) no-repeat;margin:0px auto;}
.aboutIndex .aboutc{ padding-top:15px; padding-left:250px; padding-right:50px; line-height:28px}
#title { margin:5px 10px 0px 350px;color:#FFFFFF}
#title li{padding-right:80px;color:#FFFFFF;line-height:55px; width:220px; display:inline;}
#title li a,.title li a:hover{color:#FFFFFF;}


.content{word-break:break-all;padding:10px;text-align:justify;text-justify:inter-ideograph}
.content h1{font-size:14px; font-weight:bold; color:#076B98; margin-bottom:15px;}

#head{width:928px; margin:0 auto;height:107px; background:url(topbg.jpg) no-repeat;}

#head h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head1 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head2 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head3 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head4 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head5 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head6 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head7 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}
#head8 h1 a.logo{display:block;float:left;height:95px;text-indent:-9999px;width:150px; float:left;}

#head p{height:29px;line-height:29px;text-align:right; padding-right:30px; padding-top:40px}

#head1{width:928px; margin:0 auto;height:107px; background:url(topbga.jpg) no-repeat;}
#head1 p{height:29px;line-height:29px;text-align:right; padding-right:30px; padding-top:40px}


.nava{margin:0px auto;padding:0px; width:800px; height:33px; padding-left:150px}
.nava li{float:left; width:109px; text-align:center; color:#ffffff;line-height:24px;font-size:12px;padding-top:6px;}
.nava li.on{color:#ffffff; width:109px;}
.nava li.on a,.nava li.on a:hover{color:#ffffff;}
.nava li a, .nava li a:hover{color:#fff;}
.nava li.sear{width:239px;}


.banner2{width:928px;margin:0 auto; height:290px;clear:both;overflow:hidden;  }

.itop{width:864px; margin:0 auto; padding:0px 15px 0px 15px; clear:both; overflow:hidden;}
.itop .itleft{float:left; width:690px; margin-right:2px; height:215px; }
.itop .itright{float:left; width:130px;height:177px; background:url(bright.jpg) no-repeat; padding-top:55px ; padding-left:40px}
.itop .itright li{line-height:36px; font-size:14px; font-weight:bold;}
.itop .nleft{float:left; width:220px; background:url(about_02.gif) repeat-y }
.itop .nleft p{background:url(nleftpro.jpg) no-repeat; line-height:29px; height:29px; padding-left:20px; font-weight:bold; color:#ffffff;}
.itop .nright{float:left; width:650px;}
.itop .nright .ntopbg{background:url(titlebg.jpg) no-repeat; color:#ff0000;height:40px; line-height:32px; padding-top:8px;padding-left:15px; color:#3399CC; font-size:14px; font-weight:bold}
.itop .nright .ntopbg1{ height:40px;line-height:24px; text-align:right; padding-right:10px; color:#888888; float:left; width:650px; }
.itop .nright .ntopbg1 a{ height:40px;line-height:24px; text-align:right; padding-right:10px; color:#888888; }
.itop .nright .nbox{padding:15px; float:left}
.itopend{background:url(itopbgend.jpg) no-repeat; width:965px; margin:0 auto; height:9px;}

.search{height:31px;margin-top:2px !important;margin-top:9px;}
.inputsearch{border:none; padding:2px;margin-left:35px; background:none; width:140px;}
.searchbtn{margin-right:1px;}

.bbg{background:#62ADEC;}
.banner{width:864px;margin:0 auto; height:215px;clear:both;overflow:hidden;}

.banner1{width:988px; margin:0 auto; height:250px; background:url(bannerbg1.jpg) no-repeat; clear:both; overflow:hidden;}


/*news*/
.news{height:275px;}
.news li{list-style:none;margin:0;padding-left:10px;height:22px;line-height:22px;background:url(ico.gif) no-repeat left center}

.pclass{background:url(pclass.jpg) no-repeat; height:280px;}
.list{width:198px; margin: 45px auto;clear:both;overflow:hidden;}
.list li{background:url(pclassbg.jpg) no-repeat; height:24px; line-height:24px; padding-left:40px; font-weight:bold;margin-top:6px; margin-bottom:5px;}

.nleftlx{margin-top:10px; background:url(nleftlx.jpg) no-repeat; height:276px;}
.nadd{padding-top:150px;padding-left:10px;}

.nmsg{padding:8px; white-space:normal;}


.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	border: 1px solid #d3d3d3;
	height: 120px;max-width:730px;
	position: relative;
	margin-bottom: 12px;
	padding:5px 0 0 5px;
	clear:both;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	width:110px;height: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: 18px!important;
}

#order{padding:10px 0 20px;width:620px; 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:#777}
.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}

ul.product{clear:both;}
ul.product li{float:left;text-align:center;width:165px;margin:0 0 10px 0;display:inline;overflow:hidden;height:170px;}
ul.product li.plist{margin:0 8px 15px 11px;}
ul.product li h3,ul.product li h2,ul.product li h3,ul.product li span{display:inline-block;zoom:1;width:155px;height:35px;line-height:18px;padding-top:5px; font-size:12px;text-align:left;}
ul.product li p{width:155px; height:125px; font-size:100px; text-align:center;line-height:100px;position:relative;vertical-align:middle;display:table-cell; border:1px #e3e3e3 solid;overflow: hidden; +position:static;top:50%; align:absmiddle;background-color:#fff;}
ul.product li p img{width:expression(this.width > 155 && this.width > this.height ? 125 : true); height: expression(this.height > 125 ? 125 : true);
max-width:155px;max-height:125px;vertical-align:middle; top:-50%;left:-50%;}

#newlist{float:left; width:100%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{background:url(newt.gif) no-repeat 8px center; line-height:30px; padding-left:20px; color:#333; border-bottom:1px dashed #E2E2E2;font-size:14px;margin-bottom:5px;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#ff6600;}


.promsg{padding:2px;}
.promsg a{margin-left:15px;font-weight:bold;}
.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#CB0506;position:relative;font-size:1.5EM;line-height:40px;text-align:center;}
.promsg .protop{text-align:center; border-bottom:1px dashed #dbdbdb; padding-bottom:10px; margin-bottom:10px;line-height:30px;}
.promsg .protop,.promsg .protop a{margin-right:15px;color:#555555; font-weight:bold;}
.promsg .info{padding-top:10px;border-bottom:1px dashed #dbdbdb;border-top:1px dashed #dbdbdb; padding-bottom:10px;margin-bottom:10px;margin-top:10px;clear:both;}
.promsg .info,.promsg .info a {color:#074DBD;}
.promsg a{color:#555555;margin-right:10px;}

#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #ccc;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:550px;color:#999;line-height:25px;}
#xl li a:link{color:#02405B;}
#xl li a:hover,#xl li a:visited{color:#F16609}

.newsend{border:1px solid #e1e1e1; padding:5px;width:98%;clear:both;}

.link{width:965px; margin:0 auto; line-height:30px; clear:both;}

.end{width:100%; background:url(bottombg.jpg) repeat-x; margin:0 auto;text-align:center; line-height:25px; }
.end p{ width:864px; margin:0 auto;  height:100px;padding-top:10px; color:#ffffff; }
.end p a,.end p a:hover{text-align:center; line-height:29px; color:#ffffff; }