@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
td{font-size:14px;font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial;  color:#555555;}
body{font-size:14px;font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial;  line-height:24px; color:#555555; background:url(webbg.jpg) top repeat-x }
ul,li{ list-style-type:none;line-height:24px;}
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{width:100%;overflow:hidden;height:482px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:482px;}
.banList li{height:482px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-550px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#011CA2;cursor:pointer}



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

#head{width:400px;margin:0 auto; padding-left:600px; height:103px; background:url(logo.jpg) left top no-repeat ; }
#head .ico{ width:200px; padding-top:45px; float:left}
#head .search{ width:200px; padding-top:45px;float:left}
#head .search .searchleft{ width:12px; height:25PX; background:url(searchleft.jpg) no-repeat ;float:left}
#head .search .searchmid{ width:160px;height:25PX;background:url(searchbg.jpg) repeat-x;float:left}
#head .search .searchbt{ width:28px;height:25PX;float:left}


#bannerbg{width:100%; text-align:center; height:260px; margin:0 auto;position:relative;overflow:hidden;}
#banner{width:100%; height:260px;text-align:center;width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px;}


#main_pro{ width:100%; background:#F2F2F2; padding-top:30px; height:378px;}
#main_pro h1{width:1000px;margin:0 auto;color:#333333; font-size:26px; font-weight:100; text-align:center; padding-top:20px;  }
#main_pro h2{width:1000px;margin:0 auto; color:#333333; font-size:14px;  font-weight:100; text-align:center; padding-top:8px; }
#main_pro .prob{width:1000px;margin:0 auto; text-align:center; padding-top:25px; clear:both}

.rollBox{width:1000px; margin:0 auto; overflow:hidden;height:230px; padding-top:15px;}
.rollBox .LeftBotton{height:209px;width:47px; background:url(icoleft.jpg) left no-repeat; padding-right:3px;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .RightBotton{height:209px;width:47px;background:url(icoright.jpg) right no-repeat; padding-left:3px;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .Cont{width:900px;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:225px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:192px;height:186px;}
.rollBox .Cont .pic img:hover{background:#fff;border:2px solid #0155B2;display:block;margin:0 auto; width:190px;height:184px;}
.rollBox .Cont .pic p{margin:0px;text-align:center; font-size:14px;line-height:34px;overflow:hidden;display:inline;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


#main_ab{ width:1000px; margin:0 auto; padding-top:35px; }
#main_ab .leftab{ width:1px; padding-right:25px; float:left}
#main_ab .rightab{width:999px; float:left}
#main_ab .rightab h1{line-height:24px; font-size:26px;width:500px; font-weight:100; line-height:50px; color:#003B7C}
#main_ab .rightab li{line-height:28px; font-size:12px;}
#main_ab_pic{width:1000px; margin:0 auto; }

#main_about{ width:100%; background:#F2F2F2; height:520px;}
#main_about .ico{width:1000px; margin:0 auto;  text-align:center; }
#main_about  h1{width:1000px;margin:0 auto;color:#333333; font-size:26px; font-weight:100; text-align:center; padding-top:20px;  }
#main_about  h2{width:1000px;margin:0 auto; color:#333333; font-size:14px;  font-weight:100; text-align:center; }
#news{width:1003px; margin:0 auto; clear:both; height:375px; padding-top:15px;}
#news .nbox1{ width:316px; margin-right:8px; margin-left:7px; float:left; border-left:1px #E5E5E5 solid ;border-right:1px #E5E5E5 solid ; border-bottom:2px #002B7C solid; }
#news .nbox1 h1{ width:296px; line-height:24px; font-size:18px; padding-left:10px;padding-right:10px;padding-top:2px; text-align:left}
#news .nbox1 li{ width:316px; line-height:24px;}
#news .nbox1 li p{ width:296px; line-height:24px;padding-left:10px;padding-right:10px;padding-bottom:10px; }
#news .nbox2{ width:490px;  float:right}
#news .newsbox .content{ width:490px; font-size:14px; line-height:24px; color:#555555}
#news .newsbox .content h1{font-size:16px; line-height:30px; color:#555; font-weight:bold}
#news .newsbox .content li{font-size:12px; line-height:24px; color:#555;}
#news .newsbox .newc{width:485px; }
#news .newsbox .newc li{ width:470px; border-bottom:1px #dcdcdc dashed; line-height:28px; height:28px; padding-left:15px;background:url(lei.jpg) left no-repeat;  float:left}



.maina{width:1000px; margin:0 auto; padding-top:20px; }
.maina .aleft{ wdith:230px; padding-right:20px; float:left; background:url(left.jpg) top left no-repeat}
.maina .aleft .atitle{width:230px; line-height:50px; color:#FFF; font-size:16px; text-align:center}
.maina .aleft .procalss{width:230px;  }
.maina .aleft .procalss li{width:230px; line-height:45px; text-align:center; font-size:14px;}
.maina .aleft .contactc{width:206px; background:url(contact.jpg) top no-repeat; padding-top:50px; color:#000; padding-left:16px; padding-right:8px; line-height:28px; height:324px;}
.maina .aleft .picc{width:220px; margin-top:15px; background:url(pic.jpg) top no-repeat; padding-top:9px; color:#000; padding-left:5px; padding-right:5px; height:226px;}
.maina .aright{ wdith:740px; float:right}
.maina .aright .ctitle{wdith:730px; background:url(title7.jpg) left no-repeat; color:#06C; padding-left:20px; font-size:18px; line-height:50px; border-bottom:1px #dcdcdc solid}
.maina .aright .daohang{wdith:740px;  font-size:12px; padding-top:10px; text-align:right }
.maina .aright .content{ width:740px; line-height:30px; padding-top:30px;}
.maina .aright .content img{ border:2px #dcdcdc solid}
.maina .aright .content img:hover{ border:2px #0053A8 solid}
.maina .aright .content1{ width:740px; line-height:30px; padding-top:30px;}


.maina1{width:1000px; margin:0 auto; padding-top:20px; }
.maina1 .aleft{ wdith:230px; padding-right:20px; float:left; background:url(left1.jpg) top left no-repeat}
.maina1 .aleft .atitle{width:230px; line-height:50px; color:#FFF; font-size:16px; text-align:center}
.maina1 .aleft .procalss{width:230px;  }
.maina1 .aleft .procalss li{width:150px; line-height:40px; padding-left:80px; font-size:14px; border-bottom:1px #dcdcdc solid}
.maina1 .aleft .contactc{width:206px; background:url(contact.jpg) top no-repeat; padding-top:50px; color:#000; padding-left:16px; padding-right:8px; line-height:28px; height:324px;}
.maina1 .aleft .picc{width:220px; margin-top:15px; background:url(pic.jpg) top no-repeat; padding-top:9px; color:#000; padding-left:5px; padding-right:5px; height:226px;}
.maina1 .aright{ wdith:740px; float:right}
.maina1 .aright .ctitle{wdith:730px; background:url(title7.jpg) left no-repeat; color:#06C; padding-left:20px; font-size:18px; line-height:50px; border-bottom:1px #dcdcdc solid}
.maina1 .aright .daohang{wdith:740px;  font-size:12px; padding-top:10px; text-align:right }
.maina1 .aright .content{ width:740px; line-height:30px; }

.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;}





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








.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 {
	
	max-width:740px;
	position: relative;
    float:left;
	margin-bottom: 8px;
	padding:5px 0 0px 0px;
	clear:both;
	
}
.product_list li{
	height: 230px;width:360px;
	padding-right:5px;
	border-bottom:1px #dcdcdc dashed;
	margin-bottom:35px;
        float:left;
		position: relative;

}
.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list li img, .producto_list li ul {
	float: left;
	margin-right:10px;
	height:180px;
	width:180px; 
	border:1px #cccccc solid;
padding:1px;

}
.product_list li img:hover{
margin-right:10px;
	height:180px;
	width:180px; 
	border:1px #0070BD solid;
padding:1px;}
.product_list li h3 {
	margin: 5px 0px 0px 5px;
	font-size: 14px;
	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;
	width:350px;
	font-size: 12px;
	line-height: 28px!important;
}

.product_list1 {
	
	max-width:740px;
	position: relative;
    float:left;
	margin-bottom: 8px;
	padding:5px 0 0px 0px;
	clear:both;
	
}
.product_list1 li{
	height: 455px;width:360px;
	padding-right:5px;
	border-bottom:1px #dcdcdc dashed;
	margin-bottom:25px;
        float:left;
		position: relative;

}
.product_list1 li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list1 li img, .producto_list li ul {
	margin-right:10px;
	height:180px;
	width:180px; 
	border:1px #cccccc solid;
padding:1px;

}
.product_list1 li img:hover{
margin-right:10px;
	height:180px;
	width:180px; 
	border:1px #0070BD solid;
padding:1px;}
.product_list1 li h3 {
	margin: 5px 0px 0px 5px;
	font-size: 16px;
	color:#000000;
	font-weight: bold;
	line-height: 30px;
	
}

.product_list1 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_list1 h2 span{float:right; font-size:12px; font-weight:normal; padding-right:20px;}

.product_list1 li p {
	margin: 5px 0px 0px 5px;
	color: #737373;
	width:340px;
	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 dashed; line-height:40px; 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 p{ padding-top:15px;}
.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#0559CB;position:relative;font-size:1.5EM;line-height:60px;text-align:center;}
.promsg .protop{text-align:center; border:1px solid #dbdbdb; padding-bottom:5px; padding-top:5px; 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; }




.foot{width:1000px; margin:0 auto; padding-top:25px; height:120px; }
.foot li{ width:333px; float:left;}
.foot p{ width:235px; padding-left:95px; padding-top:60px; background:url(ico03.jpg)  no-repeat }
.end{ width:100%; background:#6A6A6A;  }
.end .wd{ margin:0 auto; width:800px; color:#FFF; background:url(end.jpg) top no-repeat; padding-left:200px; padding-top:65px;height:170px; line-height:30px;}
.endbg{ width:100%; background:#3E3E3E; color:#FFF; text-align:center; line-height:50PX;}