﻿@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{margin:0px; padding:0px;line-height:22px; font-family:"宋体"; font-size:12px;color:#555555; }
ul,li{ list-style-type:none;line-height:22px;}
a{ text-decoration:none; color:#555555;}
a:hover{ text-decoration:none; color:#ff0000;}
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;}
	
	.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;}


#ding{clear:both; width:100%;background:#F4F4F4; margin:auto;border-bottom:1px solid #C7C7C7;  }
.ding-tou{clear:both; width:980px; margin:auto; float:center;}
.ding-left{width:830px;  margin-top:4px;float:left;}
.ding-right{width:150px; height:20px;float:right; margin-top:2px;}

#top{clear:both; width:980px; height:158px; margin:auto; margin-bottom:10px;}
.top-left{width:240px; height:161px; background:#0077CF;float:left;}
.top-right{width:728px; height:auto;margin-left:8px;float:right;}

.about{width:170px; background:url(../../template/images/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(../../template/images/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(../../template/images/line.jpg) repeat-x bottom; padding-left:8px}

.dapro{width:675px;overflow:hidden; clear:both;}
.dapro li{float:left; width:138px; overflow:hidden; text-align:center; margin:0 auto;  margin-left:12px; margin-right:12px;border:1px solid #ccc;}
.dapro li p{line-height:26px;}
.dapro li img{width:expression(this.width > 130 && this.width > this.height ? 125 : true); height: expression(this.height > 125 ? 125 : true);
max-width:130px;max-height:125px;vertical-align:middle; top:-50%;left:-50%;  padding:3px;}

.iorder{background:url(../../template/images/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(../../template/images/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(../../template/images/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(../../template/images/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:310px; clear:both; overflow:hidden; background:url(../../template/images/probg.jpg) bottom no-repeat; width:668px; }
.hotpro p{ background:url(../../template/images/title1.jpg) no-repeat; height:66px;   color:#ffffff; font-weight:bold;}

.rollBox{width:710px;overflow:hidden;padding:10px 0px 5px 12px; height:150px; margin-top:4px}
.rollBox .Cont{width:685px;overflow:hidden;float:left;height:150px;}
.rollBox .ScrCont{width:1000000px;}
.rollBox .Cont .pic{width:150px;float:left;text-align:center; margin-left:8px;  margin-bottom:3px;}
.rollBox .Cont .pic img{margin-top:5px;background:#ffffff;border:1px #dcdcdc solid; padding:2px; display:block;margin:0 auto; height:120px;}
.rollBox .Cont .pic p{margin-top:8px;margin:0px;text-align:center;  color:#555555;font-size:12px;line-height:22px;overflow:hidden;display:inline;height:22px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#00457A;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(../../template/images/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:220px;color:#0272BF; clear:both;display:inline; padding-right:80px}
#proclass li a,.proclass li a:hover{color:#000000;}

.aboutIndex{ width:935px; height:236px; background:url(../../template/images/aboutbg.jpg) no-repeat;margin:0px auto;}
.aboutIndex .aboutc{ padding-top:30px; padding-left:250px; padding-right:50px; line-height:28px}
#title { margin:18px 10px 0px 350px;color:#FFFFFF}
#title li{padding-right:80px;color:#FFFFFF;line-height:26px; 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(../../template/images/topbg.jpg) no-repeat;}
#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(../../template/images/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:728px; height:33px;float:left}
.nava li{float:left; width:89px; text-align:center; color:#ffffff;font-size:12px;line-height:30px;background:#014292;height:30px;border-right:2px #ffffff solid}
.nava li a{color:#ececec;background:#014292;width:89px; line-height:30px;}
.nava li a:hover{color:#010101;background:url(../../template/images/images/titlebg) top repeat-x;width:89px; line-height:30px;}

.banner{width:728px;margin:0 auto; height:128px;clear:both;float:left}

#mid{ width:980px; height:auto;  margin:auto; margin-bottom:10px;}
.mid-zuo{width:240px; height:auto;  margin-bottom:10px;}
.mid-left{width:240px; height:auto; float:left;  }
.mid-left_top1{width:240px; height:34px; line-height:34px; background:url(../../template/images/leftmenu.jpg) no-repeat;font-size:14px; font-weight:bold; color:#fff; text-align:center;float:left; margin-top:4px;}
.mid-left_top{width:240px; height:34px; line-height:34px; background:url(../../template/images/leftmenu.jpg) no-repeat;font-size:14px; font-weight:bold; color:#fff; text-align:center;float:left;}
.mid-left-bottom{ padding:8px; width:220px; background:url(../../template/images/hotprobg.jpg) repeat-x; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px; float:left; text-align:left}
.mid-left-bottom a{ color:#FFFFFF}
.mid-left-bottom a:hover{ color:#FFFFFF}
.mid-right_tel_left{width:210px; height:auto; float:left; background:url(../../template/images/contactbg.jpg) repeat-x; padding-left:30px; padding-top:10px; color:#FFFFFF; padding-bottom:10px}
.mid-right_tel_left a{ color:#FFFFFF}
.mid-right_tel_left a:hover{ color:#FFFFFF}
.ipro{width:240px;}
.ipro li{float:left; clear:both;width:188px;height:31px; background:url(../../template/images/promenubg.jpg) no-repeat; line-height:31px; padding-left:52px }
.ipro li a{color:#ffffff;}
.ipro li a:hover{color:#ffffff;}

.mid-zhong{width:727px; height:auto;  margin-left:13px; }
.mid-center{width:727px; height:auto;}
.mid-center-mid{width:727px; height:auto;}
.mid-center-left{width:492px; height:42px; float:left;}
.mid-center-right{width:235px; height:42px; float:right}

.mid-center1{width:727px; height:auto;}
.mid-center1-left{width:462px; float:left; text-align:left; padding:15px; background:#337FB9;color:#ffffff;}
.mid-center1-left a{ color:#FFFFFF}
.mid-center1-left a:hover{ color:#FFFFFF}
.mid-center1-right{width:205px;float:right; text-align:left; padding:15px; background:#005DA3;color:#ffffff;}

.mid-center_msg{ width:480px; margin:8px 4px 0px 4px;}
.mid-center_news{width:715px; padding:10px 4px 9px 8px; background:url(../../template/images/newbg.jpg) repeat-x ; color:#FFFFFF; border-bottom:4px #1677be solid}
.mid-center_news a{ color:#FFFFFF}
.mid-center_news a:hover{ color:#FFFFFF}
.mid-center_yeji{ width:725px; padding:10px 0px 8px 2px; background:#88BFE7 }

.mid-you{width:230px; height:auto;  margin-bottom:10px;}
.mid-right-jingpin{width:230px; }
.mid-right{width:228px; height:auto; border:1px solid #999; margin-bottom:10px;}
.mid-right-left{width:120px; height:23px; float:left;  background:#0077CF; font-weight:bold; color:#fff; letter-spacing:4px; font-size:14px; padding-top:3px;text-align:center;float:left}
.mid-right-right{width:108px; height:26px; float:right;  background:#999;}
.mid-right_tel{ width:180px; height:auto; padding-top:8px; padding-bottom:8px; }
.mid-right_tel_tu{ width:20px; height:auto; margin:24px 12px 0px 8px; }
.mid-right_link{ width:228pxpx; height:auto; margin:15px 8px 12px 24px; }
.mid-right_msg{ width:228px; margin:auto; height:auto;}
.mid-right_text{ width:212px; margin:auto; height:auto;padding:8px}



.itop{width:980px; margin:0 auto;  clear:both; overflow:hidden;}
.itop .nleft{float:left; width:240px;  }
.itop .nright{float:right; width:725px; margin-left:5px; min-height:325px; border:1px solid #0077CF; margin-bottom:10px;}
.itop .nright .ntopbg{background:url(../../template/images/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; color:#888888; margin:0 auto; width:690px}
.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(../../template/images/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;}



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

.pclass{background:url(../../template/images/pclass.jpg) no-repeat; height:280px;}
.list{width:198px; margin: 45px auto;clear:both;overflow:hidden;}
.list li{background:url(../../template/images/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(../../template/images/nleftlx.jpg) no-repeat; height:276px;}
.nadd{padding-top:150px;padding-left:10px;}

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


.product_list {
	background: url(../../template/images/bg_producto_lista.png) repeat-x bottom;
	border: 1px solid #d3d3d3;
	height: 120px;width:690px;
	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(../../template/images/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:980px; background:url(../../template/img/bottom_bg.jpg) #D5D5D5 top repeat-x; margin:0 auto;text-align:center; line-height:30px; }
.end p{ width:864px;  height:70px;padding-top:8px;}
.end p a,.end p a:hover{text-align:center; line-height:29px; color:#ffffff; }﻿

