@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font: 12px/1.5 tahoma,Arial,'Hiragino Sans GB',"Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}

span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.backtop a, .backtop a:hover,.page ul li i,.listtext ul li{ background:url(/images/icon.png) no-repeat; }

.bodybg{ background:url(/images/bg.jpg) center top no-repeat fixed;}
.wrapper{ width:1000px; margin:0px auto;}
#header{ background:url(/images/header.png) no-repeat; height:100px;}
.nav{ font-size:17px; line-height:50px; height:50px; text-align:center; background:url(/images/nav.png) no-repeat;}
.nav a{ padding:0 22px; color:#fff; background:url(/images/nav_middle.png) center right no-repeat;}
.nav a#nav_contact{ background:none;}
.nav a:hover{ text-decoration:underline;}
.mainpic{ background:url(/images/mainpic.jpg) no-repeat; height:260px;}
.content{ padding:20px 20px 0 20px; background:#fff;}
.content h1{ font-size:26px; line-height:45px; color:#18957b; padding:0 0 0 20px; border-bottom:solid 2px #ccc;}

.footer{ padding:15px 0; font-size:14px;}
.footer p{ line-height:23px; color:#333; text-align:center;}
.footer p a{ color:#333; text-decoration:underline;}
.footer p a:hover{ text-decoration:none;}

.text{ font-size:14px; line-height:26px; color:#444; padding:20px;}
.text p {font-size:14px}
#Contact { width: 940px; margin: 20px auto 0 auto; padding-bottom:20px; }
#Contact .text { padding:20px 0 20px 150px;; line-height:25px; position:relative; height:180px;}
#Contact .text .rwm{position:absolute; top:-10px; right:20px; width:200px; height:220px;}
#Contact .text .rwm p{ margin-top:-10px; text-align:center; font-size:14px; color:#333;}
#Contact ul li { font-size: 14px }
#Contact ul li p { line-height: 25px; padding: 0 10px; text-indent: 0em; }
#Contact ul li i { font: bold 20px/30px "Microsoft Yahei", Verdana, Geneva, sans-serif; color: #18957b;margin-bottom:10px; display:block;}
#Contact .map { width: 940px;  }
#Contact #map{ width:940px; height:550px; border:solid 1px #ccc;}
#Contact .map .text{ width:auto; padding:10px;}

.prolist { width:960px; overflow:hidden; margin:10px auto;}
.prolist ul { float:left; padding-bottom:15px;}
.prolist ul li { float:left; padding:0; margin:4px; width:230px; height:230px; border:solid 1px #ccc; _overflow:hidden; position:relative; line-height: 230px; text-align:center;}
.prolist ul li a { text-decoration:none; }
.prolist ul li p { font-size:14px; line-height:30px; height:30px; overflow:hidden; text-align:center; width:230px; position:absolute; left:0px; bottom:-2px;background:rgba(0,0,0,0.6)!important;filter: Alpha(opacity=60); background: #000; color:#fff;}
.prolist ul li p span{ position:relative;color:#fff;}
.prolist ul li img {max-width: 230px; max-height: 230px; _width: expression(this.width > 230 && this.width > this.height ? 230 :true);
_height: expression(this.height > 230 ? 230: true);vertical-align: middle;display:inline-block; text-align:left;}
.prolist ul li:hover { background:none; border-color:#18957b;}
.prolist ul li:hover p {background:rgba(24,149,123,0.8)!important;filter: Alpha(opacity=80); background: #18957b;}
.prolist ul li:hover p span { color:#fff;}
.prolist ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}


.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-right:10px; text-decoration:none; display:block; padding:4px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#169e49; border-color:#169e49; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }

.backtop{ right: 20px; bottom: 20px; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px;background-position:-850px 0px; }
.backtop a:hover {background-position:-900px 0px;}

.sidepic{ width:1000px; height:520px;}
#slide{position:relative;width:1000px;height:520px;overflow:hidden;background:url(/images/loading.gif) no-repeat center;}
#slide ul{position:absolute;}
#slide li{float:left; width:1000px; height:520px; overflow:hidden; }
#slide .o-control{display:none;position:absolute;top:200px;width:50px;height:80px;background:#000;filter:alpha(opacity=30);opacity:0.3;cursor:pointer;}
#slide .control{position:relative;top:13px;left:8px;display:inline-block;width:30px;height:55px;background:url(/images/bg_index.png);filter:alpha(opacity=60);opacity:0.6;}
#slide #goback{left:0px;}
#goback .control{background-position:0px -35px;}
#slide #forward{left:950px;}
#forward .control{left:10px;background-position:-35px -35px;}
#slide div{position:absolute; float:right; bottom:10px; left:450px; height:15px; overflow:hidden; zoom:1; }
#slide span{width:15px;margin:0 5px; text-indent:-990em; background:#fff;float:left;cursor:pointer;font-family:arial;filter:alpha(opacity=70);opacity:0.7;}
#slide span a{color:#fff;text-decoration:none;}
#slide span.curr,#slide span.hover{background:#18957b;filter:alpha(opacity=100);opacity:1;}