@charset "gb2312";
body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form,a{ margin:0; padding:0;word-wrap:break-word; outline:none;  }
body{ font-family: Arial, Helvetica, sans-serif; min-width:960px;  font-size:12px; background:#171717; line-height:1.8; color:#494848}
ul{ list-style:none}
input,select{ font-size:14px;}
a{ text-decoration:none; color:#494848} 
 a:hover{ text-decoration:underline; color:#FF0000}
 .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{ zoom:1}

#wrap{ background:url(../images/bg.jpg) no-repeat center top;  min-width:982px;}
#content{ width:982px; margin:0 auto;background:url(../images/bg.jpg) no-repeat center top;height:660px;}
.header{ height:131px;}

.default{ height:335px; position:relative;}
.area h1{ display:none}
.area .s1{ position:absolute; width:265px; left:10px;  height:177px; overflow:hidden }
.area .s2{ position:absolute; width:265px; left:10px;  height:177px; top:180px; overflow:hidden }
.area .s3{ position:absolute; width:202px; left:285px;  height:152px; top:162px; overflow:hidden}
.area .s4{ position:absolute; width:202px; left:500px;  height:152px; top:162px; overflow:hidden}
.area .s5{ position:absolute; width:202px; left:710px;  height:177px; top:0; overflow:hidden}
.area .s6{ position:absolute; width:202px; left:710px;  height:177px; top:162px; overflow:hidden}
.area h3 a{ height:120px; text-indent:-9999px; display:block}
.area .s1 ul li,.area .s2 ul li,.area .s5 li,.area .s6 li{ padding-left:20px;}
.area .s2 ul li a,.area .s6 ul li a{ color:#FFFFFF}
.area .s4 p{ padding-left:10px;}
.area .s3 h3 a{ height:152px;}


#index{ background:#151515 url(../images/conBg.jpg) no-repeat center top}
#wraper{ width:860px; margin:0 auto}
#header{ background:url(../images/head.jpg) no-repeat; height:186px;}
#header h1 a{ display:block; width:300px; height:150px; text-indent:-9999px;}
#nav{ background:url(../images/nav.jpg) no-repeat; height:44px; line-height:44px; padding:0 20px;}
#nav ul li{ float:left; width:95px; height:44px; padding-left:5px;  background:url(../images/navH.jpg) no-repeat 0 -44px;}
#nav ul li a{ float:left; width:90px; text-align:center; color:#FFFFFF; font-size:14px;}
#nav ul li a:hover{ background:url(../images/navH.jpg) no-repeat; text-decoration:none}
#nav ul li.current a{ background:url(../images/navH.jpg) no-repeat}
#container{ background:#fff url(../images/content.jpg) no-repeat; min-height:500px; _height:500px; padding:20px 10px;}

#sideLeft{ float:left; width:220px; background:url(../images/sideBg.jpg) no-repeat right top; min-height:400px; _height:400px;}
#sideLeft h2{ color:#000; padding-left:20px; font-weight:normal; font-family:"΢ÈíÑźÚ"; font-size:20px; height:50px; }
.sideMenu{ width:206px;}
.sideMenu ul li{  height:37px; line-height:37px; background:url(../images/sideM.jpg) no-repeat 0 -38px; padding-left:20px; font-size:14px; margin-bottom:1px;}
.sideMenu ul li a{ color:#787878}
.sideMenu ul li.current{ background-position: 0 0}
.sideMenu ul li.current a{ color:#000000; font-weight:bold}
#sideRight{ float:right; width:600px;}
.title{ color:#000; padding-left:20px; font-weight:normal; font-family:"΢ÈíÑźÚ"; font-size:20px; height:50px; background:url(../images/rightT.jpg) no-repeat }

#foot{ padding:20px 0; text-align:center; color:#e8e8e8; background:url(../images/bottom.gif) no-repeat center top; width:860px; margin:0 auto}

.company{ font-size:14px; line-height:2}
.main{ padding:30px;}

.company p{ text-indent:24px;}

.pic{ padding-top:10px; }
.pic ul li{ display:inline-block; *display:inline;vertical-align:top;zoom:1; margin:10px; text-align:center ; width:126px; height:130px; overflow:hidden}
.pic ul li img{ width:120px; height:100px; border:3px #CCCCCC solid; display:block; margin-bottom:5px;}

#shade{ background:#000; width:100%; position:absolute; left:0; top:0;FILTER: alpha(opacity=30);Opacity:0.3}
.showDiv{ border:10px #fff solid; background:#FFFFFF; position:absolute; left:50%; top:0; margin-top:300px}

.productMx{ padding:20px;}
.productMx h1{ font-size:20px; font-family:"΢ÈíÑźÚ"; color:#c80000; text-align:center; border-bottom:1px #ececec solid; margin-bottom:10px; padding-bottom:10px;}
.productMx .img{ max-width:500px;}


.offsetDiv{ background:url(../images/online.png) no-repeat; z-index:100; width:164px; height:147px; _background:none; position:absolute; left:0; top:100px}
.offsetDiv i{ display:none}
.offsetDiv h3{ height:50px; }
.offsetDiv h3 a{ float:right; position:relative; z-index:2; font-weight:normal; font-size:12px;  margin:22px 20px 0 0; cursor:pointer ; display:inline}
.offsetDiv ul{ position:relative; z-index:1; padding:0 20px; }
.offsetDiv ul li{ border-bottom:1px #CCCCCC dotted; padding:8px 0}
*html .offsetDiv i{display:block; width:164px; height:147px; position:absolute; left:0; top:0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/online.png');}