@charset "utf-8";
*{
    margin:0;
    padding: 0;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{
    font-family:'微软雅黑';
}
ul{
    list-style-type:none;
}
img{
    border: none;max-width: 100%;
}
a{
    color: #5e5e5e;
    text-decoration:none;
}
.clear{
    clear: both;
}
.top{
    width: 100%;
    height:88px;background:#fff;
}
.top .top-center{
    width: 1000px;
    margin:0 auto;height: 88px;
}
.top .top-center img{
    width:230px;
    height:63px;margin:10px 0 0 0;
}
.top .nav{
    background:url(../img/navbg.gif) repeat-x
}
.top .nav ul{
    width: 1000px;
    height:48px; margin:0 auto;
}
.top .nav ul li{
    text-align: center;
    float: left;width: 12.5%;height:48px;line-height:48px;color: #393939;font-size: 14px;
}
.top .nav ul li a{
    padding: 5px 10px;

}

/* 焦点图 */
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:500px;}
.lubo_box{ position: relative; width: 100%; height:500px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:500px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}

.lubo_box li img{ width: 100%; height: 500px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 210px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}


.footer{
    width: 100%;
    height: 100px;
    background:#f1f1f1;

}
.footer div{
    width: 1000px;
    height: 100px;line-height: 100px;
    margin: 0 auto;color: #393939;text-align: center;font-size: 14px;
}
#gotop{
   width: 70px;height: 70px;
    position: fixed;bottom:20px;right:20px;z-index: 9999;
    background: url(../img/gotop.png)no-repeat center center;cursor: pointer;
}


/*分页类*/
#page{
    height:40px;
    padding:20px 0px;
}
#page a{
    display:block;
    float:left;
    margin-right:10px;
    padding:2px 12px;
    height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
}
#page a:hover{
    color:#be9d6d;
    border:1px solid #be9d6d;
}
#page a.cur{
    border:none;
    background:#be9d6d;
    color:#fff;
}
#page p{
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;

}
#page p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
#page p.pageRemark b{
    color:#be9d6d;
}
#page p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right
}


/*二级导航*/
.banner{
    width: 100%;
    height: 300px;clear: both;
}
.banner img{
    width: 100%;height: 300px;
}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:50px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#be9d6d url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#be9d6d url(../img/fixCont.png) no-repeat 0 -57px;color: #fff}
.yb_bar .yb_QQ{text-indent:0;background:#be9d6d url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#be9d6d url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



.warp{
    width: 1000px;
    margin: 0 auto;padding: 20px 0;
}

h2.title{
    font-size:20px;font-weight: normal;height: 50px;line-height: 50px;
}
h2.title a{
    float: right;
    color: #be9d6d;font-size: 14px;
}
.about{
    overflow:hidden;
    height: 400px;
}

.WebNewsList{
    width: 100%;
}
.WebNewsList .WebNewsList-center{
    width: 1000px;margin:0 auto;
}
.WebNewsList .WebNewsList-center ul{
    width: 620px;
    float: left;margin:0 20px 0 0;height:250px;
}
.WebNewsList .WebNewsList-center ul h2{
    height: 40px;line-height: 40px;color: #fff;border-bottom: 1px solid #fff;
}
.WebNewsList .WebNewsList-center ul h2 a{
    float: right;font-size: 16px;color: #fff;
}
.WebNewsList .WebNewsList-center ul li{
    height:30px;line-height: 30px;color: #fff;
}
.WebNewsList .WebNewsList-center ul li a{
    height:30px;line-height: 30px;display: inline-block;
    color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 80%;
}
.WebNewsList .WebNewsList-center ul li span{
    float: right;font-size: 14px;color: #f0f0f0;
}
/*二级导航*/
.banner{
    width: 100%;
    height: 300px;
    position: relative;
}
.banner img{
    width: 100%;
    min-width: 1000px;height: 300px;position: absolute;top:0;z-index: 995;
}
.banner .banner_nav{
    height: 50px;
    position: absolute;
    bottom:30px;left:35%;z-index: 996;
}
.banner .banner_nav ul li{
    float: left;
    background: #fff;color: #666;
    height: 50px;line-height: 50px;cursor: pointer;
    margin:0 20px;padding: 0 20px;
}

.about{
    width: 1000px;
    margin:30px auto;
    min-height: 300px;
}
/*案例*/
.caselist{
    width: 1000px;
    margin: 0 auto;
}
.caselist ul{
    padding: 10px 0;
}
.caselist ul li{
    width:23%;float:left;
    margin:0 1% 10px 1%;
    height:200px;font-size: 0;border: 2px solid #be9d6d;box-sizing: border-box;
}
.caselist ul li img{
    height: 200px;width: 100%;
}



/*新闻列表*/
.WebNewsList{
    width: 100%;
    padding: 0 0 50px 0;
}
.WebNewsList ul li{
    margin:10px;height: 30px;line-height: 40px;
}
.WebNewsList ul li a{
    height:30px;line-height: 30px;display: inline-block;font-size: 14px;
    color: #393939;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 80%;
}

.WebNewsList ul li span{
    float: right;font-size: 14px;
}
.news_info{
    width: 1000px;margin:0 auto;padding: 0 0 30px 0;
}
.news_info .newstitle{
    height: 40px;line-height: 40px;text-align: center;color: #393939;font-size:22px;
}
.news_info .newstime{
    height: 40px;line-height: 40px;text-align: center;font-size:16px;
}
.nodata{
    text-align: center;
}