body{ background:#f3f3f4;}
.wrap { background:url(../image/head_bg.jpg) no-repeat top center; width:100%;}
.header { width:100%;height:180px; background:url(../image/head_bg_e.gif) repeat-x;}
.header .head { background:url(../image/head_bg1.gif) no-repeat; height:180px; width:1000px; margin:0 auto;}
.header .head .top {height:30px; line-height:30px; color:#8d8c8c; padding:0px 10px;}
.header .head .cen{ height:80px; position:relative;width:1000px;overflow:hidden;}
.header .head .cen .logo{ background:url(../image/logo.gif) no-repeat; width:418px; height:72px; text-indent:-9999px; margin:2px 0px 2px 20px; float:left;}
.header .head .cen .tel { background:url(../image/tel.gif) no-repeat; width:204px; height:44px; float:right; margin:15px 50px; overflow:hidden}
.header .head .menu{ position:relative; z-index:1;color:#fff; height:36px; line-height:36px;   }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header .head .menu .nav{ padding:0 20px; height:36px; line-height:36px;  position:relative; z-index:1;  }
.header .head .menu .nav a{ color:#fff;  }
.header .head .menu .nav .nLi{ float:left;  position:relative; display:inline;  }
.header .head .menu .nav .nLi h3{ float:left;  width:120px; text-align:center;}
.header .head .menu .nav .nLi h3 a{ display:block; padding:0 20px; font-size:13px; font-weight:bold;  }
.header .head .menu .nav .sub{ display:none; width:120px; left:0; top:34px;  position:absolute; background:#0e4eda;  line-height:26px; padding:5px 0; text-align:center;}
.header .head .menu .nav .sub li{ zoom:1;}
.header .head .menu .nav .sub a{ display:block; padding:5px 10px; font-size:12px;  }
.header .head .menu .nav .sub a:hover{ background:#96b5f9; color:#fff;  }
.header .head .menu .nav .on h3 a{ background:#96b5f9; color:#fff;   }

.header .head .login { height:32px; line-height:32px; text-indent:20px; color:#a3a3a5;}
.header .head .login span { font-weight:bold; color:#0e4eda; }
.header .head .login em { margin:0px 10px;}
.header .head .login .sbtn { background:url(../image/login_btn.gif) no-repeat; width:54px; height:23px; border:none; cursor:pointer; text-indent:-9999px;}

.main { width:990px; background:#FFF; margin:0 auto; padding-bottom:20px;}
.main .banner{ padding:10px 0px;}
.main .banner .focusBox { position: relative; width:990px; height:275px; overflow: hidden; }
.main .banner .focusBox .pic{ position:relative; z-index:0; }
.main .banner .focusBox .pic img { width:990px; height:275px; display: block; }
.main .banner .focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.main .banner .focusBox .hd li{margin: 0 5px; background: url(../image/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../image/dot8.png) no-repeat 0 -16px;
	}
.main .banner .focusBox .hd .on{ background-position:0 0; }
.main .banner .focusBox .prev,
.main .banner .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.main .banner .focusBox .prev { left: 0; }
.main .banner .focusBox .next { background-position: 0 -90px; right: 0; }
.main .banner .focusBox .prev:hover,
.main .banner .focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }


.main .aboutus{ float:left; width:465px; height:200px; margin:5px;}
.main .aboutus .tit { color:#aeaeae; border-bottom:1px dashed #aeaeae; height:40px; line-height:40px;}
.main .aboutus .tit span{ float:right; margin:10px; }
.main .aboutus .tit em{ margin:0px 5px}
.main .aboutus .tit b{ color:#0e4eda; font-size:14px;}
.main .aboutus .con{ margin:5px; line-height:20px;}
.main .aboutus .con .pic{ float:left; margin:10px 10px 0px 5px; border:1px solid #d8d8d8}
.main .aboutus .con .pic img { width:120px; height:78px;}
.main .newsbox{ float:right;width:465px; height:200px;margin:5px}
.main .newsbox .tit { color:#aeaeae; border-bottom:1px dashed #aeaeae; height:40px; line-height:40px;}
.main .newsbox .tit span{ float:right; margin:10px; }
.main .newsbox .tit em{ margin:0px 5px}
.main .newsbox .tit b{ color:#0e4eda; font-size:14px;}
.main .newsbox .con{ margin:5px 0px; line-height:20px;}
.main .newsbox .con ul { padding:10px 0px ;}
.main .newsbox .con ul li { background:url(../image/dot1.gif) no-repeat left center; height:27px; line-height:27px; text-indent:15px;}
.main .newsbox .con ul li span { float:right;}

.main .product{ float:left;width:795px; height:230px;margin:5px; border:1px solid #d8d8d8}
.main .product .tit { color:#aeaeae; border-bottom:1px solid #d8d8d8; height:30px; line-height:30px; text-indent:10px;}
.main .product .tit span{ float:right; margin:5px; }
.main .product .tit em{ margin:0px 5px}
.main .product .tit b{ color:#0e4eda; font-size:14px;}
.main .product .con{ margin:5px 0px; }
.slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }
.sPrev,.sNext{ position:absolute; left:0px; top:10px; display:block; width:40px; height:175px;  background:url(../image/icoLeft.gif) center center no-repeat #fff; }
.sNext{ left:auto; right:0px; background:url(../image/icoRight.gif) center center no-repeat #fff;  }
.sPrev:hover,.sNext:hover{ border-color:#f60;  }
 .slideBox ul{ overflow:hidden; zoom:1; width:590px; height:200px;  }
 .slideBox  ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
 .slideBox  ul li .pic{ text-align:center; }
 .slideBox  ul li .pic img{ width:158px; height:143px; display:block;  padding:2px; border:1px solid #ccc; }
 .slideBox  ul li .pic a:hover img{ border-color:#999;  }
 .slideBox ul li .title{ line-height:24px;   }


.main .cright {width:183px; float:right;height:230px;}
.main .cright .contact{ background:url(../image/contact_bg.gif) no-repeat; width:183px; height:231px; margin-top:5px;}
.main .cright .contact .txt { padding:50px 20px 20px 20px;}


/*关于*/
.main .l { width:210px; float:left; background:url(../image/main_r_bg.gif) no-repeat right center; height:870px}
.main .l .cat_list{ width:210px; }
.main .l .cat_list .tit { color:#aeaeae; border-bottom:1px  dashed #d8d8d8; height:30px; line-height:30px; text-indent:10px; margin:0px 20px 0px 10px}
.main .l .cat_list .tit em{ margin:0px 5px}
.main .l .cat_list .tit b{ color:#0e4eda; font-size:14px;}
.main .l .cat_list .con{ margin:5px 0px; }
.main .l .cat_list .con ul { padding:10px 20px;}
.main .l .cat_list .con ul li { background:url(../image/dot1.gif) no-repeat left center; height:25px; line-height:25px; text-indent:20px;}
.main .l .cat_list .con ul li a {color:#888787}
.main .l .cat_list .con ul li.cur a {color:#0e4eda}

#curr a{color:#888787; text-decoration:none;}#curr a:hover{color:#0e4eda; text-decoration:none;}

.main .l .contact{ background:url(../image/contact_bg_2.gif) no-repeat; width:163px; height:231px; margin:5px 18px; }
.main .l .contact .txt { padding:50px 5px 0px 5px;}

/*案例*/
.main .r { width:740px; float:right; margin-right:20px;}
.main .r .here { background:url(../image/here.gif) no-repeat; height:30px; line-height:30px; text-indent:20px; color:#888787;}
.main .r .content { padding:15px; line-height:25px;}
.main .r .content .tit { border-bottom:1px dashed #e2e2e2; height:50px; line-height:50px; font-size:14px; font-weight:bold; text-align:center;}
.main .r .content .union { text-align:center; height:30px; line-height:30px;}
.main .r .content .union  span { margin:0px 5px;}
.main .r .content .con_txt { width:710px; overflow:hidden; margin:20px 0px}
.main .r .case { width:740px; margin-top:10px;}
.main .r .case .item { background:url(../image/case_bg.gif) no-repeat; height:150px; margin:20px 0px}
.main .r .case .item .pic{ width:205px; height:150px; float:left;}
.main .r .case .item .pic img {width:165px; height:115px; padding:17px 20px}
.main .r .case .item .txt { width:530px; float:right;}
.main .r .case .item .txt .ctit { height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#0e4eda; margin-top:20px}
.main .r .case .item .txt .ctit a {color:#0e4eda;}
.main .r .case .item .txt .csum { line-height:22px;}
.main .r .case .item .txt .see { text-align:right; padding:0px 20px;}

/*新闻*/
.main .r .news {}
.main .r .news ul { padding:20px;}
.main .r .news ul li { background:url(../image/dot2.gif) no-repeat left center; height:40px; line-height:40px;  text-indent:20px; border-bottom:1px dashed #e4e4e4;}
.main .r .news ul li  span { float:right; color:#999999}
.main .r .news ul li  strong { font-weight:100;}

/*产品*/
.main .r .product_list {}
.main .r .product_list ul { padding:0px;}
.main .r .product_list ul li { width:210px; height:190px; float:left; margin:17px	}
.main .r .product_list ul li img { width:208px; height:148px; border:1px solid #CCC;}
.main .r .product_list ul li  p { text-align:center; line-height:20px; height:40px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}



.pager { margin:10px 0px ; text-align:center;  height:25px; line-height:25px;}
.pager a { border:1px solid #d2d2d3; background:#eff3f4; border-radius:3px;  padding:3px 10px ;  margin:0px 5px;}
.pager a.current { color:#fff; background:#0e4eda;}

.footer { height:128px; border-top:2px solid #0e4eda; width:990px; margin:0 auto; background:url(../image/footer_bg.gif) no-repeat left center #FFF; position:relative;}
.footer .copyright { width:320px; height:98px; position:absolute; top:35px; left:230px; line-height:25px;}
.footer .link { position:absolute; top:35px; right:100px; }
.footer .link span { margin:0px 5px}