﻿@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:12px;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";line-height:24px;background:url(webbg1.jpg) repeat-x;}
ul,li{ list-style-type:none;line-height:24px;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:underline; color:#009;}
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;}
.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 }

ul.hotnews{width:246px; border:1px #A2D9E9 solid ; padding-top:10px; padding-bottom:10px}
ul.hotnews li{line-height:25px; height:25px; padding-left:15px }

ul.hotabout{float:left; width:311px;padding-left:10px;}
ul.hotabout li{line-height:25px; height:25px;}

.ipro{ background:#ffffff; border:1px solid #BACFEC; padding:10px; margin-bottom:10px}
.ipro li{  padding-left:30px;background:url(titlebg1.jpg) no-repeat; line-height:29px; height:29px;  color:#281C1C; font-size:12px; clear:both;}
.ipro li.pmore{margin-left:120px; width:59px; height:20px;}
.ipro li a:hover{color::#009;}

.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:960px; margin:0 auto; overflow:hidden;}
.maina .mleft{float:left; width:695px;  margin-top:10px;}
.maina .mleft .ntopbgleft{background:url(title8.jpg) left no-repeat; height:31px; line-height:31px; padding-left:35px; font-size:14px; font-weight:bold; color:#006; border-bottom:1px #dcdcdc solid; float:left;width:200px}
.maina .mleft .ntopbgright{height:31px; line-height:31px; border-bottom:1px #dcdcdc solid; float:right;width:460px; text-align:right}
.maina .mleft .nbox{ padding:15px;font-size:14px; line-height:28px; }
.maina .mright{float:left; width:248px; margin-top:10px; padding-right:10px}
.maina .mright p{background:url(title7.jpg) no-repeat; line-height:25px; height:25px; padding-left:30px; font-weight:bold; font-size:12px; color:#ffffff;}
.maina .mright .box{ width:263px; padding-bottom:10px; clear:both}
.maina .mright .contactpic{border-left:1px solid #9FD8E8; border-bottom:1px solid #9FD8E8; border-right:1px solid #9FD8E8; padding:8px; margin-bottom:10px}

.mainbox{width:960px; margin:0 auto; padding-top:30px; overflow:hidden;}
.mainbox .mbox1{ width:248px; float:left; border-left:1px solid #9FD8E8; border-bottom:1px solid #9FD8E8; border-right:1px solid #9FD8E8; padding-bottom:5px}
.mainbox .mbox1 .box1title{ width:248px; float:left; }
.mainbox .mbox2{ width:431px; float:left; margin-left:12px; border:1px #A2D9E9 solid; background:#ffffff}
.mainbox .mbox2 .box2title{ width:431px; }
.mainbox .mbox3{ width:248px; background:#ffffff; float:right;border-left:1px solid #9FD8E8; border-bottom:1px solid #9FD8E8; border-right:1px solid #9FD8E8; }
.mainbox .mbox3 .box3title{ width:248px;}
.mainbox .mbox3 li{ padding-left:10px; padding-top:10px; }

.proright{width:670px; background:#FFFFFF; padding:10px;  float:right; }
.proright li{ position:relative;float:left; background:url(bg_pro.png) no-repeat; width:150px; height:200px; overflow:hidden; text-align:center; padding-right:8px; padding-left:8px; }
.proright li .var1{ height:120px; overflow:hidden; margin-top:1px;}
.proright li .var2{line-height:25px; margin-top:6px; overflow:hidden;}
.proright .new_icon{ position:absolute; width:51px; height:51px; background:url(new_icon.png); left:5px; cursor:pointer;clear:both;}



.hotpro{border:1px solid #A2D9E9;  clear:both; overflow:hidden;}
.hotpro p{ background:url(proclasstitle.jpg) no-repeat; height:31px; padding-left:15px;color:#ffffff;font-weight:bold;}

.featpro{padding:15px;margin:0px;clear:both;}
.featpro li{ position:relative;float:left; background:url(bg_pro.png) no-repeat; width:150px; height:160px; overflow:hidden; text-align:center;  padding-left:5px; margin-left:10px; }
.featpro li .var1{ height:120px; overflow:hidden; margin-top:1px;}
.featpro li .var2{ 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;}

.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;}

#head{width:960px; margin:0 auto;height:118px; background:url(logo.jpg) center no-repeat;}
#head p{height:29px;line-height:29px;text-align:right; padding-right:10px;}

.nava{margin:0 auto; width:960px; height:36px; padding-bottom:10px}
.nava li{float:left; width:110px;  text-align:center; color:#ffffff;line-height:36px;font-size:14px;font-weight:bold;}
.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:342px;background:url(banner1.jpg) no-repeat;clear:both;overflow:hidden;}
.banner2{width:960px;margin:10px auto; 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;}
.promsg .xgpro{ float:left}
.promsg .xgpro li{ width:315px;float:left; font-weight:100}
.promsg .xgpro li a{color:#555555;  font-weight:100;}

#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:#02405B;}
#xl li a:hover,#xl li a:visited{color:#F16609}

.newsend{border:1px solid #e1e1e1; padding:5px;width:98%;clear:both;}

.end{width:100%; background:url(endbg.jpg) #FAF9F9 repeat-x; margin:0 auto;text-align:center; padding-top:10px;  color:#666666}
.end p,.end p a,.end p a:hover{padding-top:20px; color:#025FFF; margin-bottom:6px;}

#banner-main .banner-inner{width:958px;display:block; background:url(bannerbg.jpg) bottom no-repeat; height:248px}
#banner-main .banner-inner img{width:958px;display:block;}
#homepg .three-cols{background:#0E0E0E url(img/home-bd-split.gif) repeat-y 264px 0;}
/*slide*/
#slide{position:relative;float:left;width:958px;height:342px;overflow:hidden;background:url(loading.gif) no-repeat center;}
#slide ul{position:absolute;}
#slide li{float:left; width:958px; height:342px; overflow:hidden; }
#slide .o-control{display:none;position:absolute;top:100px;width:50px;height:80px;opacity:0.3;cursor:pointer;}
#slide .control{position:relative;top:13px;left:8px;display:inline-block;width:30px;height:55px;opacity:0.6;}
#slide #goback{left:0px;}
#goback .control{background-position:0px -35px;}
#slide #forward{right:0px;}
#forward .control{left:10px;background-position:-35px -35px;}
#slide div{position:absolute; float:right; bottom:10px; right:10px; height:32px; overflow:hidden; zoom:1; }
#slide span{width:24px;font-size:14px;height:24px;margin:2px 2px; background:#0270E1;float:left;text-align:center;line-height:24px;cursor:pointer;font-family:arial;filter:alpha(opacity=80);opacity:0.7;}
#slide span a{color:#fff;text-decoration:none;}
#slide span.curr,#slide span.hover{background:#000;filter:alpha(opacity=100);opacity:1;}
#slide .curr a:link, #slide .curr a:visited{color:#fff;}