﻿@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:12px;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";line-height:22px;background:url(menubg.jpg) #ffffff repeat-x;}
ul,li{ list-style-type:none;line-height:22px;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:underline; 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;}

#top{ width:981px; margin:0 auto;height:324px; }
#top .topleft{ width:431px; height:324px; float:left }
#top .topright{ width:550px; height:324px; float:left}

#head{width:981px; margin:0 auto;height:127px; }

#main{width:981px; margin:8px auto;}
.titlebg{ background:url(titlebg.jpg) repeat-x}
.picbg{background:url(title5.jpg) no-repeat ; width:299px; height:189px; padding-top:59px; padding-left:17px}
.titlecontent{ background:#FFF; border-bottom:1px #dcdcdc solid; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid; padding:15px; line-height:26px}


.featpro{width:951px;padding:15px;margin:0 auto; background:#fff; border:1px #dcdcdc solid; height:430px}
.featpro li{ position:relative;float:left; width:295px; height:150px; overflow:hidden; text-align:center; padding-right:10px; padding-left:5px; }
.featpro li .var1{ height:120px; overflow:hidden; margin-top:1px;}
.featpro li .var2{ height:25px; line-height:25px; margin-top:6px; overflow:hidden;}
.featpro .new_icon{ position:absolute; width:51px; height:51px; background:url(new_icon.png); left:5px; cursor:pointer;clear:both;}

#mainbox{width:981px; margin:5px auto;}
#mainbox .box1{width:325px; padding-right:8px; float:left}
#mainbox .box2{width:324px; padding-right:5px; float:left}
#mainbox .box3{width:309px; float:right}

ul.hotnews{width:303px; background:#ffffff; border-bottom:#dcdcdc solid 1px; border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid; padding:10px}
ul.hotnews li{line-height:25px; height:25px; padding-left:20px; background:url(newline.jpg) no-repeat;}

ul.hotyingyong{width:306px; background:#ffffff; border-bottom:#dcdcdc solid 1px; border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid; padding:8px}
ul.hotyingyong li{line-height:25px;}

ul.hotservice{width:287px; background:#ffffff; border-bottom:#dcdcdc solid 1px; border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid; padding-left:10px;padding-right:10px}
ul.hotservice li{line-height:24px;}

.itop{ width:935px; margin:14px auto 0px auto; padding:0px 15px 0px 15px; clear:both; overflow:hidden;}
.itop .itleft{float:left; width:612px; margin-right:10px; background:url(gs.jpg) no-repeat; height:142px; border:1px solid #ccc; padding-left:50px; padding-top:10px; line-height:25px;}
.itop .itright{float:left; width:221px; background:url(ifw.jpg) no-repeat; height:110px; padding:38px 20px 10px 20px;}

.itop .nleft{float:left; width:261px; margin-right:10px;}
.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:664px;}
.itop .nright .ntopbg a{color:#ffffff;}
.itopend{background:url(itopbgend.jpg) no-repeat; width:965px; margin:0 auto; height:9px;}

.about{width:221px; background:url(nleftbg.jpg) no-repeat; line-height:28px; font-weight:bold; color:#025893; padding-left:40px; clear:both;}
.abox{border:1px solid #C2C2C2; padding:10px; width:239px; 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;}
.inews p{background:url(contacttitle.jpg) no-repeat; padding-left:20px; font-weight:bold;line-height:31px;}
.inews .box{border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1;padding:5px; background:#ffffff; height:190px }

#honor{width:640px;  line-height:25px;}
#honor dl{width:145px; text-align:center; float:left; margin:2px 5px 0px 5px; _margin:2px 5px 0px 5px;}
#honor dt{border:1px solid #dcdcdc; background:#fff;}dt img{display:block; margin:0 auto; height:110px; padding:5px}
#honor dd{text-align:center; height:60px; line-height:20px; overflow:hidden;}

.ipro{border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1;  margin-bottom:15px; padding-bottom:10px}
.ipro li{ margin-left:10px; padding-left:10px; margin-right:10px;border-bottom:1px #dcdcdc dotted;line-height:39px; height:39px;  color:#281C1C; font-size:14px; clear:both;}
.ipro li.pmore{margin-left:120px; 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;}

.iproduct{line-height:1.3em;clear:both;}
.iproduct li{width:116px;height:145px;line-height:20px;text-align:center;padding:12px 0px 12px 15px;display:inline;float:left;overflow: hidden;}
.iproduct .p_image{width:112px;height:108px;margin-bottom:2px;padding:1px; border:1px solid #ccc;}
.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;}


.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:980px; margin:0 auto; overflow:hidden;}
.maina .mleft{float:right; width:700px;  margin-top:10px;}
.maina .mleft .ntopbg{background:url(l.gif) no-repeat #ffffff; border:1px #dcdcdc solid;height:31px; line-height:31px; padding-left:15px; font-size:14px; font-weight:bold; }
.maina .mleft .nbox{border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#fff; border-right:1px solid #E1E1E1; padding:25px;}
.maina .mright{float:left; width:263px; margin-top:10px; margin-right:12px;}
.maina .mright p{background:url(protopbg.jpg) no-repeat; line-height:29px; height:29px; padding-left:15px; font-weight:bold; font-size:14px; color:#ffffff;}
.maina .mright .box{ width:263px; padding-bottom:10px; clear:both}
.maina .mright .contactpic{border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1; padding:8px; margin-bottom:10px}

.hotpro{border:1px solid #E1E1E1;  clear:both; overflow:hidden;}
.hotpro p{ background:url(proclasstitle.jpg) no-repeat; height:31px; padding-left:15px; color:#ffffff; font-weight:bold;}


.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:221px; margin:0px auto;}
.proclass li{line-height:26px; margin-top:8px; margin-bottom:8px; background:url(probg.jpg) no-repeat;padding-left:25px; font-weight:bold;clear:both;}
.proclass li a,.proclass li a:hover{color:#083F78;}


.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;}



.nava{margin:75px auto 0px auto;padding:0px; width:880px; height:38px;}
.nava li{float:left; width:110px; background:url(topright.jpg) right no-repeat; text-align:center; color:#ffffff;line-height:36px;font-size:14px;font-weight:bold;padding-top:2px;}
.nava li.on{background:url(navon.jpg) no-repeat;color:#ffffff; width:100px;}
.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;}

.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:960px;margin:0 auto; height:250px;background:url(banner1.jpg) no-repeat;clear:both;overflow:hidden;}
.banner2{width:980px;margin:8px auto; height:200px;background:url(banner.jpg) no-repeat;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:600px; 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:510px;color:#999;line-height:25px;}
#xl li a:link{color:#333333; font-weight:100}
#xl li a:hover,#xl li a:visited{color:#02405B;font-weight:100}

.newsend{border:1px solid #e1e1e1; padding:5px;width:98%;clear:both;}

.link{width:965px; margin:0 auto; line-height:30px; clear:both;}

.end{width:981px; background:url(endbg.jpg) repeat-x; padding-top:15px; margin:0 auto;text-align:center; line-height:25px; height:125px; color:#666666}
.end p,.end p a,.end p a:hover{padding-top:20px; color:#025FFF; margin-bottom:5px;}

