body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#ddd;}
html{ overflow-y:scroll}
*{ padding:0px; margin:0px; list-style:none}
a{ color:#333; text-decoration:none;}
a:hover{ color:#09F; text-decoration:underline}

div#main{ width:1200px; margin:0px auto; overflow-y:auto; overflow-x:hidden; border-top:3px solid #09F; background:#fff;}
#top{ width:1200px; float:left;}
.logo{ float:left;}
.topnav{ float:right; line-height:30px; padding-right:28px; padding-top:10px;}

#menu{ width:770px; float:right; padding-top:15px; position:relative; z-index:100;}
#nav { width:770px; display:block;}
#nav .mainlevel {float:left;  width:110px; background:url(../images/index-11.jpg) no-repeat left center/*IE6 only*/}
#nav .mainlevel a { text-decoration:none; line-height:35px; display:block; width:110px; text-align:center; color:#1060ae; font-family:Microsoft Yahei; font-size:15px;}
#nav .mainlevel a:hover {color:#b00; text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute; width:110px;}
#nav .mainlevel li a {border-top:1px solid #fff; background:#1060ae; float:left; color:#fff; width:110px; height:25px; line-height:25px; font-family:"宋体"; font-size:12px;/*IE6 only*/}
#nav .mainlevel li a:hover{ color:#fff;text-decoration:underline;}
.nav_1{ width:110px; float:left; text-align:center; background:#fff url(../images/index-12.jpg) no-repeat center center; height:8px;}
.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}

#bottom{ width:1200px; float:left; background:#e5e5e5 url(../images/index-10.jpg) repeat-x left top;}
#bottom ul{ width:1160px; float:left; background:url(../images/index-13.jpg) repeat-x left bottom; padding:30px;}
#bottom ul li{ width:193px; float:left;}
#bottom ul li .title{ width:193px; float:left;font-family:Microsoft Yahei; font-size:16px;}
#bottom ul li a{ width:193px; float:left; height:25px; line-height:25px;}
#bottom ul li a:hover{ text-decoration:none}
#bottom .Copyright{ width:1200px; float:left; line-height:20px; padding:15px 30px;}



#banner{ width:1200px; float:left; padding-bottom:20px;}

#about{ width:700px; float:left; background:url(../images/index-2.jpg) no-repeat right center; height:340px; padding-left:15px; padding-right:30px;}
.homecolumn{ width:100%; height:40px; background:url(../images/index-1.jpg) repeat-x left top;}
.homecolumn .title{ float:left; font-size:22px; color:#09F;font-family:Microsoft Yahei; line-height:40px; padding-left:10px;}
.homecolumn .title span{ font-size:12px; color:#666;}
.more{ float:right; line-height:40px; padding-right:15px;}

.aboutcont{ width:700px; float:left; padding:15px 0px; line-height:25px;}
.aboutcont img{ border:1px solid #ccc; padding:10px; margin-right:15px; }

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

#brand{ padding:0px 15px; width:1170px; float:left; background:url(../images/index-17.jpg) no-repeat center bottom; padding-bottom:40px;}
#brand .column{ float:left; width:1170px; background:url(../images/index-4.jpg) repeat-x left top; height:70px; overflow:hidden}
#brand .column .title{ width:420px; height:70px; float:left; font-size:22px; color:#09F;font-family:Microsoft Yahei; line-height:54px; height:54px; padding-left:10px;background:url(../images/index-5.jpg) no-repeat left bottom; padding-bottom:16px;}
#brand .column .title span{ font-size:12px; color:#666;}
#brand .column .more{ line-height:54px;}
#brand ul{ width:1170px; float:left; padding:16px 0px;  margin:0px;background:url(../images/index-18.jpg) repeat-y 570px top;}

#brand ul li{ width:584px; float:left; height:110px; background:url(../images/index-15.jpg) repeat-x left top; padding:15px 0px; }
#brand ul li img{ margin-right:15px;}
#brand ul li span{ width:280px; float:left;font-family:Microsoft Yahei; font-size:20px; color:#09F}
#brand ul li p{ width:280px; float:left; line-height:25px; height:60px; overflow:hidden}

#pro{ width:550px; float:left; height:150px;background:url(../images/index-19.jpg) no-repeat right center; height:230px; padding-left:15px; padding-right:30px; padding-bottom:25px;}

.rollphotos {	MARGIN-TOP: 10px;WIDTH: 550px;}
.blk_29 {OVERFLOW: hidden; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/index-6.jpg) no-repeat left top; LEFT: 0px; FLOAT: left; WIDTH:22px; CURSOR: pointer; POSITION: absolute; TOP:50px; HEIGHT: 44px}
.blk_29 .RightBotton {	RIGHT: 0px; BACKGROUND: url(../images/index-7.jpg) no-repeat left top; FLOAT: right; WIDTH:22px; CURSOR: pointer; POSITION: absolute; TOP:50px; HEIGHT:44px; }

.blk_29 .Cont { margin:0px auto; OVERFLOW: hidden; }
.blk_29 .box {	FLOAT: left; WIDTH:420px; }
.blk_29 .box IMG { border:1px solid #add2fc;DISPLAY: block; float:left; margin-right:15px;}
.blk_29 .box A:hover IMG { border:1px solid #5385cc;}
.blk_29 .box span{ width:200px; float:left;font-family:Microsoft Yahei; font-size:20px; color:#09F}
.blk_29 .box span a{color:#09F}
.blk_29 .box P { WIDTH: 220px; LINE-HEIGHT: 20px; display:block; float:left;}




#wrapper {width:585px; float:left; }
#rotator {color:#000;position:relative;padding-bottom:2.6em;margin:0; }
/* Tabs */
#rotator ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { height:53px;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;float:left;font-family:Arial, Helvetica, sans-serif;}
#rotator ul.ui-tabs-nav {position:absolute;top:0px;left:0;z-index:1;width:100%;height:53px;background:url(../images/index-1.jpg) repeat-x left top;}
#rotator ul.ui-tabs-nav .column{ width:300px; height:53px; float:left;}
#rotator ul.ui-tabs-nav .title{ float:left; font-size:22px; color:#09F;font-family:Microsoft Yahei; line-height:40px; padding-left:10px;}
#rotator ul.ui-tabs-nav .title span{ font-size:12px; color:#666;}

#rotator .ui-tabs-nav-item a{font-weight:normal;color:#333; width:80px;}
#rotator .ui-tabs-nav-item a:hover{background:url(../images/index-9.jpg) no-repeat left top;color:#fff;}
#rotator .ui-tabs-nav-item a span {float:left; padding:1em; cursor:pointer;}


/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {background:url(../images/index-9.jpg) no-repeat left top;color:#fff; width:80px;}
/* Content Panels */
#rotator .ui-tabs-panel {font-family:Arial, Helvetica, sans-serif;clear:left;padding-top:53px;width:585px;height:225px;}
#rotator .ui-tabs-hide {display:none;}

.ui-tabs-panel ul{ width:585px; float:left; padding:0px; margin:0px;}
.ui-tabs-panel ul li.ser{ width:175px; float:left; padding:10px; text-align:center}
.ui-tabs-panel ul li.ser img{ width:173px; height:175px; border:1px solid #ccc;}
.ui-tabs-panel ul li.dow{ width:575px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #ddd; background:url(../images/index-3.jpg) no-repeat left center; padding-left:15px;}
.ui-tabs-panel ul li.dow span{ float:right;}

.slides {  width:1200px; height: 360px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 1200px; overflow: hidden; list-style: none; }
.slide-pic img { width: 1200px; height: 360px; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
.slide-li li { margin: 0px; padding: 0px; width: 240px; height: 10px; float: left; overflow: hidden; list-style: none; }
.slide-li a { width: 240px; height: 10px; color: #000; font-size: 12px; display: block; }
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
.op li.cur { background: #666666; }
.slide-txt span { display: none; }



#left{ width:230px; float:left; padding:0px 10px; background:url(../images/index-2.jpg) no-repeat right top;height:auto!important; height:340px; min-height:340px;}
#left .column{ width:210px; float:left; height:40px; background:url(../images/index-14.jpg) repeat-x left bottom; line-height:38px; font-family:Microsoft Yahei; font-size:20px; color:#000; }


#left ul{ width:210px; float:left; padding:0px; margin:0px;}
#left ul li{ width:210px; float:left; background:url(../images/index-15.jpg) repeat-x left bottom; height:30px; line-height:30px;}
#left ul li a{ background:url(../images/index-16.jpg) no-repeat 5px center; padding-left:20px;}
#left ul li a:hover{ font-weight:bold}


#pro-nav{ width:230px; float:left; padding:0px 10px; background:url(../images/index-2.jpg) no-repeat right top;height:auto!important; height:340px; min-height:340px;}
#pro-nav .column{ width:210px; float:left; height:40px; background:url(../images/index-14.jpg) repeat-x left bottom; line-height:38px; font-family:Microsoft Yahei; font-size:20px; color:#000; }
#pro-nav ul{ width:210px; float:left; padding:0px; margin:0px;}
#pro-nav ul li span{ width:210px; float:left; background:url(../images/index-15.jpg) repeat-x left bottom; height:30px; line-height:30px;}
#pro-nav ul li span a{background:url(../images/index-16.jpg) no-repeat 5px center; padding-left:20px;}
#pro-nav .two { width:190px; float:left; padding:0px 10px;}
#pro-nav .two ul{ padding:10px 0px 0px 0px; margin:0px; float:left;}
#pro-nav .two ul li{ float:left; background: none; line-height:25px;}
#pro-nav .two ul li  span{ background:none;height:25px; line-height:25px;}
#pro-nav .two ul li  span a{ background:url(../images/commend_dot.gif) no-repeat 5px center; padding-left:15px; line-height:20px;}

#pro-nav .Three{ float:left; padding:0px;  }
#pro-nav .Three ul{ padding:0px 20px 5px 20px; width:170px; margin:0px;}
#pro-nav .Three ul li{ background:none; width:150px; line-height:20px; height:20px;}



#right{ width:930px; float:right; overflow: hidden; padding:0px 10px 0px 10px;}
#right .column{ width:900px; float:left; background:url(../images/index-1.jpg) repeat-x left top; height:40px; line-height:40px; padding:0px 15px; text-align:right;}
#right .column span{ float:left; display:inline-block;font-family:Microsoft Yahei; font-size:20px; color:#000;}
#right .column span a{color:#000}
#right .content{ width:930px; float:left; padding-top:15px; line-height:30px;}
#right .content img{width: expression(this.width >930?930 : true); max-width: 930px;}

#right .newslist{ width:930px; float:left;}
#right .newslist ul{ padding:0px; margin:0px; float:left;}
#right .newslist ul li{ width:910px; float:left; background:url(../images/index-3.jpg) no-repeat left center; height:30px; line-height:30px; border-bottom:1px dashed #ddd; padding-left:20px;}
#right .newslist ul li span{ float:right;}
#right .back{ width:930px; float:left; padding:15px 0px; text-align:right}
#right .date{ width:930px; float:left; text-align:center;  border-bottom:1px solid #ddd; line-height:30px;}
#right .newstitle{ width:930px; float:left;font-family:Microsoft Yahei; font-size:18px; color:#000; text-align:center; padding-top:20px; }

#right .service{width:930px; float:left; padding-top:20px;}
#right .service ul{ padding:0px; margin:0px; float:left;}
#right .service ul li{ float:left; text-align:center; border:1px solid #ddd; width:201px; margin-left:15px; padding:9px; background:#eee; line-height:30px;}
#right .service ul li.left{ margin:0px;}
#right .service ul li img{ width:201px; height:200px;}
#right .serviceitle{ width:930px; float:left;font-family:Microsoft Yahei; font-size:18px; color:#000; padding-top:20px; }


#right .pro{width:930px; float:left; padding-top:20px;}
#right .pro ul{ padding:0px; margin:0px; float:left;}
#right .pro ul li{ width:465px; float:left; background:url(../images/index-15.jpg) repeat-x left bottom; padding:15px 0px; height:150px;}
#right .pro ul li img{ margin-right:15px;}
#right .pro ul li span{font-family:Microsoft Yahei; float:left; display:inline-block; width:250px; font-size:15px; font-weight:bold;}
#right .pro ul li p{ width:250px; float:left; line-height:23px;padding-top:5px; height:100px;  overflow:hidden}
#right .propic{ width:930px; float:left; padding-top:20px;}
#right .propic img{width: expression(this.width >930?930 : true); max-width: 930px;}




#title{font-family:Microsoft Yahei; font-size:20px; color: #09F; width:1140px; margin:0px auto; height:40x; background:url(../images/index-1.jpg) repeat-x left top; clear:both; padding:0px 15px;}
#content{ width:1170px; clear:both; margin:0px auto; line-height:30px; overflow:auto; padding:20px 0px;}

.certificate{width:930px; float:left; padding-top:20px;}
.certificate ul{ padding:0px; margin:0px; float:left;}
.certificate ul li { width:280px; float:left; padding:15px;}
.certificate ul li span{ width:280px; height:30px; line-height:30px; float:left; text-align:center}
.certificate ul li img{ width:280px; float:left; height:197px;}