body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
*{ padding:0px; margin:0px; list-style:none}
html{ overflow-y:scroll}
a{ color:#666; text-decoration:none}
a:hover{ color:#1b5ab6;}

div#head{ width:100%; clear:both; height:90px; background:url(../images/index-1.jpg) repeat-x left bottom}
#top{ width:1002px; margin:0px auto; height:90px;}
#top .logo{ float:left; width:530px;}
#top .right{ float:right;  padding-top:30px;}
#top .srarch{ width:206px; height:20px; float:left; background:url(../images/index-13.jpg) no-repeat; padding:5px 5px;}
#top .srarchbox{ width:204px; height:18px; border:1px solid #ddd; float:left;}
#top .text{ width:145px; float:left; border:0px; border-right:1px solid #ddd; height:18px; line-height:18px;}
#top .Version{ float:left; margin-left:15px; height:30px; line-height:30px; background:url(../images/index-11.jpg) no-repeat left center; padding-left:45px;}
#top .Version ul{ padding:0px; margin:0px; float:left;}
#top .Version ul li{ width:70px; float:left; height:30px; line-height:30px; background:url(../images/index-12.jpg) no-repeat right center; text-align:center}


#nav{width:100%; clear:both;height:35px;background:url(../images/index-2.jpg) repeat-x left top; z-index:1200; }
#nav ul{ width:1001px; height:35px; margin:0px auto; background:url(../images/index-3.jpg) no-repeat left top; padding-left:1px;}
#nav ul#menu li{float:left; display:block; width:150px;height:35px;line-height:35px; background:url(../images/index-3.jpg) no-repeat right top;text-align:center; padding-right:1px;}
#nav ul#menu li a{color:#fff; text-decoration:none; line-height:35px; height:35px; text-align:center; display:block;width:150px; font-size:14px;}
#nav ul#menu li a:hover,.red{color:#fff; text-decoration:none; background:#1b5ab6 ;line-height:35px; height:35px; display:block;}

#nav ul#menu li ul{width:149px; display:none;background:#1b5ab6; z-index:1200;position:relative; left: auto; padding:0px; }
#nav ul#menu li ul li{float:left; border-top:1px solid #2a65bb; width:149px; background:none; padding:0px;}
#nav ul#menu li ul li{height:30px;line-height:30px;float:left;}
#nav ul#menu li ul li a{width:149px;background:#1b5ab6; height:30px;line-height:30px; font-size:12px;}
#nav ul#menu li ul li a:hover{color:#fff; background:#4883dc; width:149px;height:30px;line-height:30px;}

#bottom{ width:100%; clear:both; height:40px;  background:#f3f3f3; border-top:1px solid #ddd; margin-top:15px;}
#bottom .foot{ width:1002px; margin:0px auto; height:40px; line-height:40px;}
#bottom .left{ float:left;}
#bottom .right{ float:right;}

#main{ width:1002px; margin:0px auto; overflow:auto; clear:both;}
.clear{ width:1002px; float:left; height:15px;}

.banner { width:1002px; height: 350px; position: relative; overflow:hidden; padding:15px 0px;}
.banner .num { overflow:hidden; height: 25px; position: absolute; bottom:25px; right: 15px; zoom:1; z-index:3 }
.banner .num li { width:20px; height: 20px; line-height:20px; text-align:center;color: #666; background: #fff; margin-right: 10px; cursor:pointer; float: left; }
.banner .num li.on { background: #999; color:#fff } 

#news{ width:1002px; float:left; height:46px;  background:url(../images/index-4.jpg) repeat-x left top; padding:10px 0px;}
#news .column{ width:1002px; float:left; height:20px; line-height:20px; font-size:14px; font-weight:bold;color:#1b5ab6;}
#news a{ background:url(../images/index-15.jpg) no-repeat left center; padding-left:20px; margin-left:5px;}


.pro{ width:220px; float:left; background:url(../images/index-6.jpg) repeat-x left top;}
.pro ul{ padding:0px;  margin:0px; float:left;}
.pro ul li{  width:220px; float:left; height:45px; background:url(../images/index-6.jpg) repeat-x left bottom;}
.pro ul li a{ width:210px; float:left; height:45px; line-height:45px; background:url(../images/index-5.jpg) no-repeat left center; padding-left:10px;}

#rightbox{ width:760px; float:right;}

.boxcont{ width:370px; float:left;}
.boxcont .column{ width:340px; float:left; height:30px; background:url(../images/index-7.jpg) repeat-x left top; color:#fff; line-height:30px; padding:0px 15px;  font-weight:bold; font-size:18px;}
.boxcont .newslist{ width:350px; float:left; border:1px solid #ddd;  padding:9px; height:150px;}
.boxcont .newslist ul{ padding:0px; margin:0px; float:left;}
.boxcont .newslist ul li{ width:350px; float:left; padding:5px 0px;}
.boxcont .newslist ul li span.date{ float:left; width:70px; display:block; font-weight:bold;line-height:20px;}
.boxcont .newslist ul li span.title{ float:left; display:block; width:280px; line-height:20px;}
.boxcont .about{ width:350px; float:left; border:1px solid #ddd;  padding:9px; height:150px; line-height:25px;}
.boxcont .more{ width:370px; float:left; height:30px; line-height:30px; text-align:right;}

#prolist{ width:760px; float:left; background:url(../images/index-8.gif) no-repeat left top; height:160px; padding-top:35px;}


.rollphotos {WIDTH:730px; float:left; padding:20px 15px; height:120px; }
.blk_29 { width:730px; float:left;OVERFLOW: hidden;  ZOOM: 1; POSITION: relative; height:120px;}
.blk_29 .LeftBotton {BACKGROUND:url(../images/index-10.png) no-repeat left top; LEFT: 0; FLOAT: left; WIDTH: 12px; CURSOR: pointer; POSITION: absolute; TOP:0px; HEIGHT: 140px}
.blk_29 .RightBotton {RIGHT:0px; BACKGROUND: url(../images/index-9.png) no-repeat left top; FLOAT: right; WIDTH: 11px; CURSOR: pointer; POSITION: absolute; TOP:0px; HEIGHT: 140px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 680px;}

.blk_29 .box {	FLOAT: left; WIDTH: 170px; TEXT-ALIGN: center}
.blk_29 .box IMG {	 DISPLAY: block; width:160px; height:120px;}
.blk_29 .box P {	MARGIN: 6px auto 0px; WIDTH: 97px; LINE-HEIGHT: 20px}

.boxpic{ width:1002px; float:left; padding:15px 0px; height:200px;}

#left{ width:220px; float:left;}
#left ul{ width:220px; float:left; background:url(../images/index-6.jpg) repeat-x left top; padding:0px; margin:0px;}
#left ul li{  width:220px; float:left; height:35px; background:url(../images/index-6.jpg) repeat-x left bottom;}
#left ul li a{ width:210px; float:left; height:35px; line-height:35px; background:url(../images/index-5.jpg) no-repeat left center; padding-left:10px;}
#left .column{ width:190px; float:left; height:35px; line-height:35px;background:url(../images/index-2.jpg) repeat-x left top; color:#fff; padding:0px 15px;font-weight:bold; font-size:18px;}

#right{ width:760px; float:right;}
#right .column{ width:760px; float:left; height:35px; background:url(../images/index-16.jpg) repeat-x left top; line-height:35px;}
#right .content{ width:760px; float:left; padding:15px 0px; line-height:20px;}

#right .certification{ width:760px; float:left; padding:15px 0px;}
#right .certification ul{ padding:0px; margin:0px; float:left;}
#right .certification ul li{ width:240px; float:left; margin-right:20px; text-align:center; padding-bottom:15px;}
#right .certification ul li.right{ width:240px; margin:0px; float:left;}
#right .certification ul li img{ width:240px; height:150px;}
#right .certification ul li span{ width:240px; float:left; display:block; line-height:30px;}

.prolist{ width:760px; float:left; padding:15px 0px;}
.prolist ul{ padding:0px; margin:0px; float:left;}
.prolist ul li{ width:760px; float:left; padding-bottom:20px; }
.prolist ul li .procolumn{ width:728px; padding:0px 15px; float:left; height:27px; border:1px solid #ddd; line-height:27px; font-size:14px; background:url(../images/index-18.jpg) repeat-x left;}
.dow{ background:#fff url(../images/index-17.jpg) no-repeat 20px center; padding-left:45px;}

#right .news-list{ width:760px; float:left; padding:15px 0px;}
#right .news-list ul{ padding:0px; margin:0px; float:left;}
#right .news-list ul li{ width:745px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #ddd;background:url(../images/index-5.jpg) no-repeat left center; padding-left:15px;}
#right .news-list ul li span{ float:right}

#right .newstitle{ width:760px; float:left; line-height:40px; text-align:center; font-size:18px;}
#right .newsdate{ width:760px; float:left; line-height:30px; text-align:center; border-bottom:1px solid #ddd;}