@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
td{font-size:12px;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";color:#555555;}
body{font-size:12px;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";line-height:22px; color:#555555; background:url(webbg.jpg) top repeat-x}
ul,li{ list-style-type:none;line-height:22px;}
a{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:underline; color:#006699;}
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;}

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

/* banner-box */
.banner-box{min-width:100%;height:420px;overflow:hidden;position:relative; clear:both}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1920px;margin:0 auto;position:absolute;left:50%;margin-left:-960px;}
.banner-box .bd li{width:100% !important;height:420px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1200px;position:absolute;top:120px;left:50%;margin-left:-600px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {width:1003px;position:absolute;top:260px;left:480px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#000000;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#Ffffff;}


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

#head{width:100%;margin:0 auto; background:url(topbg.jpg) top no-repeat}
#head .topqq{ width:1003px; margin:0 auto; clear:both;padding-top:15px; text-align:right; color:#FFF; font-size:14px; line-height:30px;}
#head .logo{ width:1003px; margin:0 auto; clear:both;}
#head .menu{ width:1003px; margin:0 auto; height:50px; clear:both;}
.searchbg{ background:url(searchbg.png) top no-repeat;height:26px; padding:2px; width:160px;}

.search {
	LINE-HEIGHT: 24px;WIDTH: 150px; HEIGHT: 24px; background:#9ED3F6; border:1px #9ED3F6 solid}

#nav { height:41px;line-height:40px;width:690px;margin:0 auto;}
#nav li,#nav li a { float:left; display:block; width:90px;  height:40px; line-height:40px; color:#000; font-weight:bold; text-align:center; font-size:14px; }
#nav li a:hover{ text-decoration:none; color:#039}

.rollBox{float:left; width:650px;margin:0 auto}

.rollBox .Cont{width:640px;overflow:hidden;float:left; padding-top:35px; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:200px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;display:block;margin:0 auto; width:180px;height:160px;}
.rollBox .Cont .pic p{padding-top:8px;margin:0px;text-align:center; font-size:14px;line-height:20px;overflow:hidden;display:inline;height:20px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none; color:#FFF; font-size:14px;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.proclassbg{ width:940px; margin:6px auto; background:url(proclassbg.jpg) no-repeat}
.proclassbg .box1{ padding-top:14px; padding-left:115px; padding-bottom:12px; width:200px; line-height:22px}
.proclassbg .box2{ padding-top:14px; padding-left:115px;  padding-bottom:12px; width:220px; line-height:22px}
.proclassbg .box3{ padding-top:14px; padding-left:95px; padding-right:10px; padding-bottom:12px; line-height:22px}
.title{ color:#000000; font-size:14px; font-weight:bold} 

.probg{ width:923px; margin:6px auto; background:url(probg.jpg) no-repeat}
.probg .box1{ padding-top:14px; padding-left:10px; padding-right:10px; padding-bottom:12px; width:500px; line-height:24px}
.probg .box2{ padding-top:14px; padding-left:15px; padding-right:5px; padding-bottom:12px; width:180px; color:#FFFFFF; line-height:24px}
.probg .box2 a{ color:#FFFFFF;}
.probg .box2 a:hover{color:#999999; text-decoration:none}
.probg .box3{ padding-top:14px; padding-left:10px; padding-right:10px; padding-bottom:12px; width:180px;color:#FFFFFF; line-height:24px}
.probg .box3 a{ color:#FFFFFF;}
.probg .box3 a:hover{color:#999999; text-decoration:none}

.main{width:1003px; margin:0 auto;}
.main_mid{width:946px; margin:0 auto; background:url(main_mid.jpg) repeat-y;padding:10px;}
.main_mid .mleft{ width:220px;  float:left}
.main_mid .mright{ width:710px; float:left}

.main_gonggao{width:888px; margin:0 auto; background:url(gonggaobg.jpg) top no-repeat; height:29px; font-size:14px; line-height:29px; padding-top:15px; padding-left:110px;}

.home-product{ width:710px; float:left}
.home-product li{width:160px;  float:left; line-height:22px; padding-left:15px; font-siz:12px; color:#0066FF}
.home-product img{ height:110px; width:125px; border:1px #dcdcdc solid; padding:15px; background:#FFF}
.home-product p{ line-height:22px;width:145px; text-align:center}

.text_img {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 86px; PADDING-RIGHT: 3px;  FLOAT: left; HEIGHT: 77px; OVERFLOW: hidden;  PADDING-TOP: 3px
}
.text_img IMG {
	WIDTH: 86px; HEIGHT:77px
}
.text_pic { background:url(line.gif) repeat-x bottom; width:200px}
.text_pic H5 {
	COLOR: #2c5997; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.text_pic H5 A {
	COLOR: #2c5997; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.text_pic P {
	MARGIN-TOP: 10px
}
.special .text_img {
	WIDTH: 122px; HEIGHT: 162px
}
.special .text_img IMG {
	WIDTH: 122px; HEIGHT: 162px
}
.special .text_pic H5 {
	FONT-SIZE: 18px
}
.special .text_pic H5 A {
	FONT-SIZE: 18px
}

.news_list {
	
}
.news_list LI {
	LINE-HEIGHT: 32px; PADDING-LEFT: 14px; BACKGROUND: url(dot_gray.gif) no-repeat left center
}
.maina{width:958px; margin:8px auto;overflow:hidden; }
.maina .nleft{float:left; width:208px;padding:0px 15px 0px 0px;}
.maina .nleft .nlefttitle{ float:left; width:208px;}
.maina .nright{float:right; width:730px; overflow:hidden; }
.maina .nright h1{background:url(titlebg.jpg) bottom left no-repeat; height:42px; line-height:42px; padding-left:35px; font-size:14px;}
.maina .nright h1 span{font-size:12px; color:#ff0000; padding-left:10px;}

.main_contact{width:208px; float:left}
.main_contact li{width:208px; float:left}

.maina1{width:940px; margin:8px auto;min-height:380px;overflow:hidden; }
.maina1 .left{float:left;  clear:both; width:210px}
.maina1 .nright1{float:right; width:720px; margin-left:8px; min-height:380px;overflow:hidden; }
.tclass{ width:200px; margin:0 auto}

.list1{width:198px; margin:0 auto;clear:both;overflow:hidden; float:left; }
.list1 li{border-bottom:1px #dcdcdc dotted; height:24px; line-height:24px; padding-left:20px;margin-top:6px; margin-bottom:5px;}
.list{width:198px; margin:0 auto;clear:both;overflow:hidden; float:left; }
.list li{border-bottom:1px #dcdcdc dotted; height:24px; line-height:24px; padding-left:20px; font-weight:bold;margin-top:6px; margin-bottom:5px;}
.nleftlx{margin-top:10px; background:url(fw.jpg) no-repeat; height:98px; width:200px; float:left;clear:both;}
.nadd{margin-top:100px;padding-left:10px; padding-bottom:20px; background:url(leftlx.jpg) no-repeat}

ul.hotnews{width:245px; padding-top:12px; padding-bottom:12px}
ul.hotnews li{line-height:23px; height:23px; padding-left:15px }
.topflash{float:right;padding-right:90px; padding-top:50px;width:109px;height:110px;}

.nbanner{width:922px;margin:0 auto; height:180px;margin-top:8px;}

.ipro{width:230px; height:auto; padding-left:20px; padding-top:15px }
.ipro li{padding-left:8px; line-height:28px; height:28px;float:left; color:#FFF; font-weight:bold; font-size:14px; width:100px; font-size:12px;  border-bottom:#597DA3 1px solid}
.ipro li a{color:#FFF; font-weight:bold; font-size:14px; }
.ipro1{width:208px; height:auto; }
.ipro1 li{padding-left:12px; line-height:23px; height:23px;float:left; width:92px; font-size:12px;   border-bottom:#dcdcdc 1px dotted;background:#E8F5FD}

.mainbox{width:977px; margin:0 auto; padding-top:20px; overflow:hidden;}
.mainbox .mbox1{ width:226px; float:left; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding-bottom:5px}
.mainbox .mbox1 .box1title{ width:227px; float:left; }
.mainbox .mbox2{ width:470px; float:left; margin-left:12px; border:1px #DDDDDD solid; background:#ffffff}
.mainbox .mbox2 .box2title{ width:468px; }
.mainbox .mbox3{ width:248px; background:#ffffff; float:right;border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; }
.mainbox .mbox3 .box3title{ width:248px;}
.mainbox .mbox3 li{ padding-left:10px;  }

.maina{width:977px; margin:0 auto; overflow:hidden;}
.maina .mleft{float:right; width:735px;}
.maina .mleft p{width:735px; margin-top:10px;}
.maina .mleft .ntopbg{background:url(titlebg.jpg) no-repeat; height:31px; line-height:31px; padding-left:25px; font-size:14px; font-weight:bold; color:#ffffff;}
.maina .mleft .nbox{border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1; padding:25px;}
.maina .mright{float:left; width:227px; }
.maina .mright p{width:227px;margin-top:10px;}
.maina .mright .contactbox{width:205px; border-bottom:1px #dddddd solid; border-left:1px #dddddd solid; border-right:1px #dddddd solid; padding:10px}
.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}

#iplist{ width:715px; border:1px #dcdcdc solid; padding:9px; height:400px}
.iproduct{line-height:1.3em; padding-top:5px;}
.iproduct li{width:133px;height:125px;text-align:center;display:inline;float:left;margin:0 9px 0px 0px;display:table-cell;overflow: hidden;}
.iproduct .p_image{ height:100px; width:110px; padding-left:10px; padding-right:10px; padding-top:2px; background:#ffffff}
.iproduct .span{ line-height:24px;}
.iproclass{ padding-top:5px;width:258px; clear:both; height:200px}
.iproclass li{background:url(ico.jpg)  left no-repeat; padding-left:12px; line-height:28px; float:left; width:103px; font-size:14px; margin-left:5px }

.hotpro{border:1px solid #dddddd;  clear:both; overflow:hidden;}
.hotpro p{ background:url(proclasstitle.jpg) no-repeat; height:31px; padding-left:15px;color:#ffffff;font-weight:bold;}

.featpro{padding:10px;margin:0px;clear:both;}
.featpro li{ position:relative;float:left; background:url(bg_pro.png) no-repeat; width:130px; height:130px; 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;}

.fw_pro{background:url(fw_pro.jpg) no-repeat; height:146px;}
.fw_pro .fleft{float:left; width:211px;margin-top:55px;padding-left:25px;}
.fw_pro .fright{float:left; width:720px;margin-left:20px;}
.fw_pro .fright li{ float:left; width:120px; margin-left:12px; text-align:center; border:1px solid #ccc; height:100px;margin-top:20px;}
.fw_pro .fright li img{height:100px;}

.about_new{ margin:10px auto; min-height:275px;  width:965px; overflow:hidden; background:url(bodybg1.jpg) top no-repeat}
.about_new .aleft{float:left; width:173px;padding:62px 15px 0px 35px;}
.about_new .aleft li{float:left; line-height:37px}
.about_new .acenter{float:left; width:490px; padding:70px 15px 0px 15px;}
.about_new .acenter p{float:right;line-height:22px;}
.about_new .aright{float:left; width:190px; padding:70px 0px 0px 6px; line-height:29px }
.about_new .aright .arighttitle{float:left; width:200px; height:35px}
.about_new .aright .arightc{float:left; width:200px; text-align:center; }
.hotnewtitle{ width:520px; float:left}
.hotnew{ width:520px; float:left}
.hotnew li{background:url(dian.jpg) 0px 2px no-repeat;  padding-left:18px; line-height:22px}
.hotnew li span{color:#ff0000;padding-right:10px;}

.procon{width:970px;margin:15px auto 0px auto;background:url(procon.jpg) no-repeat; height:210px;}

.proclass{float:left; width:208px;}
.proclass li{float:left; width:188px; height:25px; line-height:25px; border-top:1px #ffffff solid; color:#0066CC; font-weight:bold;background:#E6EFF6;padding-left:20px; }
.proclass li a{float:left; color:#333333; font-weight:bold;}
.proclass li a:hover{float:left; color:#F00; font-weight:bold;}


.proclass1{float:left; width:208px;}
.proclass1 li{float:left; width:188px; height:25px; line-height:25px; border-top:1px #ffffff solid; color:#0066CC; background:#E6EFF6;padding-left:20px;}
.proclass1 li a{float:left; color:#0066CC; }
.proclass1 li a:hover{float:left; color:#0099FF; }



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


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


.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	max-width:710px;
	position: relative;
    float:left;
	margin-bottom: 8px;
	padding:5px 0 0px 5px;
	clear:both;
	
}
.product_list li{
	height: 188px;width:345px;
        margin-bottom: 20px;
        float:left;
		position: relative;
        border-bottom:1px #0A86E5 solid;
}
.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list li img, .producto_list li ul {
	float: left;
padding-top:10px;
padding-bottom:10px;

}

.product_list li h3 {
	margin: 5px 0px 0px 5px;
	font-size: 12px;
	color:#000000;
	font-weight: bold;
	line-height: 20px;
	
}

.product_list h2{font-size:14px; width:700px; font-weight:bold; height:28px; line-height:28px; margin-bottom:10px; padding-top:10px; border-bottom:1px dashed #ccc;}
.product_list h2 span{float:right; font-size:12px; font-weight:normal; padding-right:20px;}

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

#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}


ul.product{clear:both; margin:0 auto;text-align:center;}
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 4px 15px 4px;}
ul.product li h3,ul.product li h2,ul.product li h3,ul.product li span{width:155px;line-height:18px;font-size:12px;text-align:center;}
ul.product li p{width:155px; height:125px; text-align:center;position:relative;vertical-align:middle;display:table-cell; 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%;border:1px #e3e3e3 solid;}

#newlist{float:left; width:100%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{ border-bottom:1px #dcdcdc dotted; line-height:30px; padding-left:16px; color:#333;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#0066FF;}

.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:#333333; 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:#666666;margin-right:10px;}
.promsg .xgpro{ float:left; text-align:left}
.promsg .xgpro li{ width:315px;float:left; font-weight:100}
.promsg .xgpro li a{color:#555555;  font-weight:100;}
.promsg .xgpro{text-align:left; margin-bottom:10px}
.promsg .xgpro li{ width:315px;float:left; font-weight:100}
.promsg .xgpro li a{color:#555555;  font-weight:100;}
.prowd{color:#0D63B9; padding:10px; border:1px #D8EBFE solid; background:#F2F8FE; margin-bottom:10px; font-size:12px}


#main_pro{width:1003px; margin:0 auto; clear:both; height:310px;}
#main_pro .ptitle{width:1003px; padding-top:15px; height:40px;}
#main_pro .hotprobg{ width:1003px; margin:0 auto; background:url(probg.jpg) top no-repeat; height:247px;}
#main_pro .hotprobg .proleft{ width:250px; float:left }
#main_pro .hotprobg .proright{ float:left; padding-left:50px; padding-right:50px; width:650px;}

#main_about{ width:1003px; margin:0 auto; clear:both; height:310px;}
#main_about .abox1{ width:350px; float:left}
#main_about .abox1 .atitle{ width:350px; height:50px;}
#main_about .abox1 .apic{ width:350px; background:url(picright.jpg) right bottom  no-repeat; padding-right:50px; height:260px;}
#main_about .abox2{ width:600px; float:right}
#main_about .abox2 .atitle{ width:600px; text-align:right; height:50px;}
#main_about .abox2 .acontent{ width:600px; line-height:26px;}



#main_news{ width:1003px; margin:0 auto; clear:both}
#main_news .nbox1{ width:492px; float:left}
#main_news .nbox1 .title{ width:492px;}
#main_news .nbox1 .newc{ background:#EFEFEF; padding:15px; width:462px;}
#main_news .nbox1 .newc li{ width:452px; line-height:27px; border-bottom:1px #cccccc dashed; padding-left:5px;}
#main_news .nbox2{ wdith:472px; float:right}
#main_news .nbox2 .title{ wdith:472px; }
#main_news .nbox2 .contact{ width:432px; background:url(contactbg.jpg) no-repeat; height:150px; padding-top:130px; padding-left:40px; line-height:30px; }

.foot{background:url(endtopbg.jpg) #0C1D3F top center no-repeat; width:100%; clear:both }
.end{ width:993px; margin:0 auto; text-align:right; padding-top:26px; padding-right:8px;}
.link{ width:803px; margin:0 auto; padding-top:30px; text-align:center; padding-left:200px; clear:both}
.link li{ padding-left:15px; padding-right:15px; float:left}
.link li a{ color:#cccccc; font-size:12px;}
.endbg{ width:803px; margin:0 auto; background:url(endbg.jpg) top no-repeat; padding-left:200px; line-height:28px; color:#999; padding-top:30px; height:100px;clear:both}