﻿*{margin:0;padding:0;}
body{
	font-size: 14px;
	FONT-FAMILY: "微软雅黑","Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #555555;
	line-height: 150%;
	margin:0px 0px 0px 0px;
	padding: 0px;
	background:url(webbg.jpg) top center  repeat-x;
}
td{
	font-size: 14px;
	FONT-FAMILY:"微软雅黑", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #555555;
	line-height: 150%;}
div,ul,li,p{
	list-style:none; 
	line-height:30px;
	FONT-FAMILY:"微软雅黑", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;
	}
	
	
a:active,a:link,a:visited{text-decoration:none;color:#555555;}
a:hover {text-decoration:none;color:#EB5800;}

ol,ul,li { list-style:none; }
hr {border:1px #cccccc dotted;}

img {border:0;} 

.fontbai{color:#fff;line-height:25px;}
.fontbai a{color:#fff;}
.fontbai:active,.fontbai:link,.fontbai:visited{text-decoration:none;color:#fff;}
.fontbai:hover {text-decoration:underline;color:#EB5800;}


.clear{ clear:both}


.prolist{padding-top:5px; clear:both; overflow:hidden; padding-left:15px}
.prolist li{float:left; margin-left:22px; width:136px;}
.prolist li img{border:1px solid #ccc; width:134px; height:90px;}
.prolist li p{line-height:18px; height:18px; overflow:hidden; text-align:center;}

.nleft{background:url(nleftbg.jpg) no-repeat;}
.nleft ul{width:180px; margin:0 auto; padding-top:20px;}
.nleft li{background:url(dian1.jpg) 0px 12px no-repeat; padding-left:20px; line-height:35px; height:35px; font-weight:bold;}

.nfw{width:228px; height:286px; background:url(nfw.jpg) no-repeat; margin:10px 0px 20px 8px;}


/*pronews*/
.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	border: 1px dashed #999;
	max-width:760px;
	position: relative;
	margin-bottom: 8px;
	padding:3px 0 4px 3px;
	clear:both; overflow:hidden;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	width: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: 25px!important;
}


#honor{width:740px; margin:10px auto; line-height:25px;}
#honor dl{width:220px; text-align:center; float:left; margin:2px 10px 0px 10px; _margin:2px 10px 0px 7px;}
#honor dt{border:1px solid #dcdcdc; background:#fff;}dt img{display:block; margin:0 auto; height:180px; padding:5px}
#honor dd{text-align:center; height:60px; line-height:20px; overflow:hidden;}

#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #999;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:600px;color:#999;line-height:25px;}
#xl li a:link{color:#02405B;}
#xl li a:hover,#xl li a:visited{color:#0483CA}


#order{padding:10px 0 20px;width:650px; 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:#ff3300}
.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}

.rollBox{width:1000px; margin:0 auto; overflow:hidden;height:300px; padding-top:15px;}
.rollBox .LeftBotton{height:258px;width:28px; background:url(proleft.png) left no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .RightBotton{height:258px;width:28px;background:url(proright.png) right no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .Cont{width:940px;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:235px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:218px;height:220px;}
.rollBox .Cont .pic img:hover{background:#fff;border:1px solid #0155B2;display:block;margin:0 auto;width:218px;height:220px;}
.rollBox .Cont .pic p{margin:0px;text-align:center; font-size:14px; color:#0754A6; font-weight:bold;line-height:44px;overflow:hidden;display:inline;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;color:#0754A6;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}




.head{width:1000px;margin:0 auto; height:30px;clear:both; overflow:hidden;   }
.head .hleft{ width:600px; line-height:30px; float:left}
.head .hright{ width:400px; float:right; text-align:right}

.logo{width:1000px; height:154px; margin:0 auto; }

.menu{width:100%;margin:0 auto; height:46px;clear:both; background:#066ABF }

.banner{width:100%;overflow:hidden;height:500px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:500px;}
.banList li{height:500px;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:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:9px;height:9px; border:1px #039 solid;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#00458E;cursor:pointer;border:1px #fff solid;width:10px;height:10px;}

#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;}

#maina{width:1000px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;}
#maina .infoleft{ width:225px;  float:left; background:#F7F7F7; height:auto; overflow:hidden}
#maina .infoleft .title{ width:225px;}
#maina .inforight{ float:right; width:750px; padding-left:25px;}
#maina .inforight .title{ width:750px; height:37px; }
#maina .inforight .content{ padding-top:25px; line-height:30px;}



.proclass1{ padding:14px; width:197px;}
.proclass1 li{line-height:32px; font-size:14px; border-bottom:1px #dcdcdc dashed; padding-left:25px;}
.proclass1 li a{color:#555;}
.proclass1 li a:hover{color:#EB5800;}


#mainabout{ width:100%; background:url(aboutbg.jpg) top repeat-x;}
#mainabout .about{width:1000px; margin:0 auto; clear:both; height:420px; }
#mainabout .about .title{ width:1000px; padding-top:40px;}
#mainabout .about .aboutc{ wdith:1000px;margin:0 auto; clear:both;  padding-top:20px;}
#mainabout .about .aboutc li{ line-height:38px; width:1000px;}

#mainpro{width:100%; background:url(probg.jpg) no-repeat; height:532px;}
#mainpro .productm{ width:1000px; margin:0 auto; clear:both}
#mainpro .productm h1{ width:1000px; text-align:center; font-family:"黑体"; font-size:32px; color:#035199; font-weight:bold; line-height:45px; padding-top:40px;}
#mainpro .productm h2{ width:1000px; text-align:center; font-size:18px; color:#9ABCE0; font-weight:100; line-height:18px; height:40px; }

.proclass{ width:990px;margin:0 auto;  background:url(probg.png) no-repeat; height:99px; padding-left:20px;}
.proclass li{ width:105px; float:left;line-height:28px; font-size:16px; font-weight:bold; border-bottom:1px #888888 solid; background:url(dian1.png)  left no-repeat; padding-left:15px; margin-left:15px; padding-top:32px;}
.proclass li a{color:#555;}
.proclass li a:hover{color:#039;}

#mainnews{ width:100%; background:#FAFFFF; padding-top:40px; height:350px;}
#mainnews .news_case{width:1000px; margin:0 auto; clear:both}
#mainnews .news_case .news{ width:573px; float:left}
#mainnews .news_case .news .title{ width:573px;}
#mainnews .news_case .case{ float:right; padding-left:20px;}
#mainnews .news_case .case .title{ width:390px;}



.inews{width:573px;  clear:both; overflow:hidden; border-right:1px #dcdcdc solid}
.inews ul{margin-top:8px;}
.inews li{ padding-left:10px; line-height:32px; width:530px; overflow:hidden;}
.inews li span{ color:#888; padding-left:15px;}

#endbg{background:url(endbg.jpg) top  repeat-x; height:288px; margin-top:40px; }
#endbg .link{ wdith:1000px; margin:0 auto; text-align:center; line-height:48px;color:#FFF}
#endbg .link a{ wdith:1000px; margin:0 auto; text-align:center; line-height:48px; color:#FFF}
#endbg .link a:hover{ wdith:1000px; margin:0 auto; text-align:center; line-height:48px; color:#8DC1F9}
#endbg .end{width:1000px; margin:0 auto; height:165px; padding-top:50px;}
#endbg .end .endleft{ float:left; width:350px; height:161px; padding-top:5px;}
#endbg .end .endwd{ float:left; width:550px; color:#fff; line-height:24px; font-size:13px }
#endbg .end .endright{ float:right;}
