.header{ background:url(../images/top.jpg) repeat-x;}
.top{ height:89px; position:relative;}
.top .logo{ float:left; width:600px; height:89px; background:url(../images/logo.png) no-repeat left 10px;}
.top .tel{ width:310px; height:89px; background:url(../images/top_tel.png) no-repeat; float:right;}
.top .add{ width:142px; height:28px; padding-top:4px; position:absolute; right:6px; top:0px; background:url(../images/add.jpg) no-repeat;}
.top .add a{ display:inline-block; color:#fff; padding-left:12px; padding-right:10px;}
.add1{ background:url(../images/border2.jpg) no-repeat right 3px;}
.nav{ height:46px; background:url(../images/nav.jpg) repeat-x;}
.nav li{ width:110px; float:left;  line-height:46px; text-align:center; font-size:14px;}
.nav li a{ color:#fff; display:block; width:100%; height:46px;background:url(../images/border.jpg) no-repeat right 6px;}
.nav .active{ background:url(../images/active.jpg) no-repeat;}
.content{ background:url(../images/content.jpg); padding-bottom:20px;}
.side{ width:274px;}
.pro_list{ border:1px solid #e1e1e1; height:205px; background:#fff; margin-bottom:20px;min-height: 490px;}
.pro_list h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.pro_list h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.pro_list h2 span{ color:#333; font-size:14px; } 
.wrap{ margin-top:20px;}
.pro_list li{ width:245px; height:30px; line-height:30px; background:url(../images/li_bg.jpg) no-repeat; margin:0 auto; margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 40px;}

.side_content{ border:1px solid #e1e1e1; height:205px; background:#fff;}
.side_content h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.side_content h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.side_content h2 span{ color:#333; font-size:14px; } 
.side_content div{ line-height:24px; text-indent:20px;}
.side_content .firm{ color:#000; line-height:40px; font-weight:bold;}

.con_box{ width:714px;}

.introduce{ border:1px solid #e1e1e1; height:205px; background:#fff; float:left; width:480px; overflow:hidden;}
.introduce h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.introduce h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.introduce h2 span{ color:#333; font-size:14px; } 
.introduce_con{ line-height:24px; position:relative; padding-left:150px; height: 150px; overflow: hidden;}
.introduce_con img{ position:absolute; left:10px; top:10px; width:125px; height:97px;}
.introduce_con div{ padding-top:5px; text-indent:2em; position:relative;}
.introduce_con div .more{ color:#f00; position:absolute; right:10px; bottom:0px;}


.case{ border:1px solid #e1e1e1; height:205px; background:#fff; float:right; width:220px;}
.case h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.case h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.case h2 span{ color:#333; font-size:14px; }
 
.con_bottom{ border:1px solid #e1e1e1; height: 373px; background:#fff; width:712px; margin-top:20px;}
.con_bottom h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.con_bottom h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.con_bottom h2 span{ color:#333; font-size:14px; } 
.pic_list{ padding-top:10px;}
.case_list{ padding:0px 2px;}
.case_list .flexslider .slides img{ width:216px; height:165px; display:block;}

.footer{ height:103px; background:url(../images/footer.jpg) repeat-x; text-align:center; padding-top:10px; line-height:30px;}

.ny_content{ border:1px solid #e1e1e1; min-height:485px; background:#fff; width:712px; line-height:22px;}
.ny_content h2{ height:38px; line-height:38px; padding-left:20px; background:url(../images/title.jpg) repeat-x; color:#909090; position:relative;}
.ny_content h2 .more{ position:absolute; right:10px; top:0px; color:#909090;}
.ny_content h2 span{ color:#333; font-size:14px; } 
.ny_content .ny_box_com{ padding:10px;}
.ye_list li{ width:33.3%; height:180px; float:left;}
.ye_list li img{ width:200px; margin:0 auto; display:block; height:150px;}
.ye_list li span{ display:block; width:200px; height:30px; line-height:30px; text-align:center; margin:0 auto; overflow:hidden;}

.ny_news li{ height:32px; line-height:32px; position:relative; border-bottom:1px dashed #ccc; padding-left:20px;}
.ny_news li span{ position:absolute; right:20px; top:0px;}

.ny_box_com h3{  height:55px; line-height:24px; border-bottom:1px solid #ccc; font-size:16px; text-align:center; padding-top:5px;}
.ny_box_com h3 span{ display:block; font-size:14px;}

.contactleftshow{margin-top: 10px;}

.workListWrap {
width: 700px;
height: 145px;
margin: 0px auto;
}
.ctrlArea {
    position: relative;
    z-index: 888;
}
.workItem {
display: block;
width: 160px;
height: 300px;
padding: 6px;
float: left;
}
.workListWrap a {
width: 155px;
height: 160px;
display: block;
}
.workItem img {
display: block;
padding: 6px;
width: 145px;
height: 115px;
}
.workItem span{
    margin: 0 auto;
    display: block;
    text-align: center;
}
.span1{top: 135px;}
.span2{bottom: 0px}
.side_content{background: #fff;min-height: 170px;}
.slider{width: 215px;; height: 155px;margin:5px auto; overflow:hidden; position:relative;}
.sliderbox{position:relative;height:160px}
.slidernav{position:absolute; right:4px; bottom:5px; z-index:1;}
.slidernav li{float:left; width:24px;}
.slidernav li a{width:16px; padding:2px 4px; height:12px; background:#fff; color:#000; text-align:center;}
.slidernav li.current a{background:#3B8DD1; color:#fff;}
.slidertext{background:#000; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); position:absolute; left:0; bottom:0; width:100%;}
.slidertext li{display:none; padding-left:20px;}
.slidertext li a{text-align:left; line-height: 30px; height: 30px; color: #fff;}
.sliderbox li{height: 155px;}
.sliderbox img{height: 155px;width: 215px;}
.sliderbox a{height: 155px;width: 215px;display: block;}
