@charset "utf-8";


/*common*/
html{overflow:scroll;}
body{position:relative; font-family: 'Times New Roman', sans-serif; font-size:12px; color:#fff; text-align:left; margin:0px; padding:0px; background-color:#181818;}

a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}

*{margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6,h7{padding:0px;margin:0px; font-weight:bold; }
ul li{list-style:none; padding:0px; margin:0px;}
input[type="text"], input[type="password"]{width:100%; height:20px; line-height:20px; background:#fff; font-size:12px; color:#333; font-family: 'Times New Roman', sans-serif; border:none; padding:0px 1px; border-radius:0px;}
select{font-family: 'Times New Roman', sans-serif; font-size:12px;}
textarea{font-size:12px; font-family: 'Times New Roman', sans-serif; }
strong, b{font-weight:bold;}
input[type="button"],input[type="submit"]{cursor:pointer;}

.fLeft{position:relative; float:left;}
.fRight{position:relative; float:right;}
.clearFix{clear:both;}
.error{font-size:12px; color:#f00;}

.uiDraggable{cursor:move;}

img { -ms-interpolation-mode: bicubic; }
img{border:none; }

a.hoverImg{display:inline-block; /*background-color:#fff;*/}
a.hoverImg.cur img,
a.hoverImg:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity:50); KHTMLOpacity: 0.50; MozOpacity: 0.50; opacity: 0.50; }
img.hoverImg{display:inline-block; /*background-color:#fff;*/}
img.hoverImg.cur,
img.hoverImg:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity:50); KHTMLOpacity: 0.50; MozOpacity: 0.50; opacity: 0.50; }
/*end of common*/


a.hoverImg8{display:inline-block;}
a.hoverImg8.cur img,
a.hoverImg8:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity:80); KHTMLOpacity: 0.80; MozOpacity: 0.80; opacity: 0.80; }


/*layout*/
#container{position:relative; width:980px; margin:0px auto; height:742px;  border:0px solid #00f; background-image:url('i/bg.jpg'); background-repeat:no-repeat;}

#header{position:relative; z-index:3; border:0px solid #00f; text-align:center; padding:0px 20px;}
#header .logo{border:0px solid #0f0; padding:20px 0px}
#header .navigation{position:relative; text-align:left; border:px solid #0f0;}
#header .navigation ul {}
#header .navigation ul li{position:relative; float:left; border:0px solid #0f0; margin-right:8px; display:block;}
#header .navigation ul li.first,
#header .navigation ul li.last{line-height:35px;}
#header .navigation ul li.first{margin-right:18px;}
#header .navigation ul li.last{margin-left:18px; margin-right:0px;}
#header .navigation ul li a{display:block;}
#header .navigation ul li dl{display:none;border:0px solid #0f0; position:absolute; left:22px; background-image:url('i/bg_menu.png')}
#header .navigation ul li dl dd{margin-bottom:2px;}
#header .navigation ul li:hover dl{display:block}

#content{position:relative;  z-index:1;  border:0px solid #00f; padding:0px 20px;}
#content .wrapper{padding:13px 18px 0px 16px; }
#content .index{margin:20px 0px;}
#content .aboutus{margin:20px 0px;}
#content .aboutus .left{float:left; width:298px; border:0px solid #0f0;}
#content .aboutus .left h4{font-size:18px; font-weight:normal; padding-bottom:5px;}
#content .aboutus .left h6{font-size:15px; font-weight:normal;}
#content .aboutus .left .description{margin-top:16px; line-height:20px; font-size:13px;}
#content .aboutus .right{float:right; width:602px; border:0px solid #0f0;}
#content .service{margin:20px 0px 7px 0px;}
#content .service ul li{float:left; position:relative; margin-right:15px;}
#content .service ul li.last{margin-right:0px;}
#content .service ul li .text{position:absolute; top:280px; margin:0px 18px; line-height:18px; border:0px solid #0f0;}
#content .contact{margin:20px 0px 27px 0px;}
#content .contact  table{}
#content .contact  table tr td .info{text-align:center; line-height:20px; font-size:13px; }
#content .contact  table tr td .styleImg{margin:14px 0px 5px 0px;}
#content .gallery{border:0px solid #0f0; height:508px;}

#footer{position:relative; z-index:2;  border:0px solid #00f;}
#footer .wrapper{padding-left:143px;}
#footer .wrapper table{}
#footer .wrapper table tr td{text-align:center}