﻿.topbg{
    width:100%;
   
    color:#585858;
}
.topbg .top{
    width:1200px;
    margin:0 auto;
    padding:2px 0;
}
.topbg .top .top_lf{
    padding-left:40px;
}
.topbg .top .top_lf span{
    font-size:20px;
    font-weight: 400;
}
.topbg .top .top_rt{
    padding-top:3px;
}
.navbg{
    width:100%;
    background:#000;
}
.nav{
    width:1200px;
    margin:0 auto;
    height:93px;
}
.logo
{
    float:left;
    width:300px;
    height:93px;
   
}


.nav ul{
    width:900px;
    float:right;
    margin-top:35px;
}
.nav ul li{
    float:left;
    width:160px;
    text-align: center;
    font-size:16px;
}
.nav ul li a{
    color:#fff;
}
.nav ul li:hover a{
    color:#2c9807;
}
/*banner大图*/
.slideBox{ width:100%; height:570px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; cursor:pointer; background: url(../Images/index/banhd1.png) no-repeat; text-indent: -999px; }
.slideBox .hd ul li.on{ background:url(../Images/index/banhd2.png) no-repeat; color:#fff; }
.slideBox .bd{ position:relative;width:100%; height:570px; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:570px;}
.slideBox .bd li.ban1{background: url(../Images/base/BannerA.jpg) no-repeat center;}
.slideBox .bd li.ban2{background: url(../Images/base/BannerB.jpg) no-repeat center;}
.slideBox .bd li.ban3{background: url(../Images/base/BannerA.jpg) no-repeat center;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-25px; background: url(../Images/index/l_btn.png) no-repeat; width: 110px; height: 110px; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ position:absolute;  right:0; top:50%; margin-top:-25px; display:block; width:110px; height:110px; background:url(../Images/index/r_btn.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*大标题*/
.tittle{
    height:93px;
    position:relative;
}
.tittle i{
    position:absolute;
    display:block;
    width:100%;
    border-top:1px solid #ccc;
    top:46px;
}
.tittle .tit{
    width:1200px;
    margin:0 auto;
    position:relative;
    z-index:100;

}
.tittle .tit img{
    margin-left:426px;
}
/*关于我们*/
.aboutbg{
    width:100%;
    /*background: url("../img/aboutbg.jpg") center;*/
    background:#F8F0D9;
    padding:20px 0;
}
.about{
    width:1170px;
    margin:0 auto;
    height:370px;
    padding-top:40px;
    padding-left:30px;
}
.about .ab_lf{
    width:600px;
}
.about .ab_lf h2{

    font-size:30px;
}
.about .ab_lf h2 a{
    color:#2c9807;
}
.about .ab_lf h2 a span{
    font-size:20px;
    color:#888;
}
.about .ab_lf .main{
    margin-top:20px;
}
.about .ab_lf .main p{
    font-size:14px;
    line-height:30px;
    margin-bottom:10px;
    text-indent: 2em;

}

.slideBox1{  overflow:hidden; position:relative;}
.slideBox1 .hd{ height:12px; overflow:hidden; position:absolute;  right:2%; bottom:15px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ float:left; margin-right:5px;  width:12px;  height:12px; cursor:pointer; background: #fff;  text-indent: -999px; }
.slideBox1 .hd ul li.on{ background:#2c9807; color:#fff; }
.slideBox1 .bd{ position:relative;width:500px; height:350px; z-index:0;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle; width:480px; height:330px;padding:7px; border:3px solid #2c9807; border-radius: 5px;}
.slideBox1 .bd li img{width:480px;  height:330px;  }
/*产品展示*/
.productbg{
    width:100%;
    background: url("../Images/index/probg.jpg")no-repeat  center;
    padding:20px 0;
}
.product{
    width:1200px;
    margin:0 auto;
    padding:20px 0;
}
.select {
    padding-left:186px;
}
.select a{
    display:inline-block;
    font-size:20px;
    padding:15px 40px;
    color:#2c9807;
    border:1px solid #2c9807;
    margin:20px 35px;

}
.select a:hover,.select a.on1{
    background:#2c9807;
    color:#fff;
}
/*轮播*/
.bd1{
    padding-top:20px;
    background:#fff;
}
 .bd1 ul{ overflow:hidden; zoom:1; }
 .bd1 ul li{position: relative; margin:0 5px; float:left; _display:inline; overflow:hidden;
     text-align:center; width:290px;  height: 320px; }
 .bd1 ul li  img{ width:282px;  height:282px; display:block; border:3px solid #fff;}
.bd1 ul li p{
    padding:10px 0;
    text-align:center;
    color:#333;
}
 .bd1 ul li:hover img{
     border:3px solid #2c9807;
 }
.bd1 ul li:hover p{
    color:#2c9807;
}
/*新闻*/
.newsbg{
    width:100%;
    background: url("../Images/index/sharing.jpg") no-repeat  center;
    /*background:#F8F0D9;*/
    padding:20px 0;
}
.news{
    width:1200px;
    margin:40px auto 0;
}
.news h2{
    font-size:24px;
    font-weight:400;
    color:#333;
}
.news h2 span{
    font-size:18px;
    color:#666;
    padding-left:12px;
}
.newslf{
    width:580px;
}
.newslf ul{
    margin-top:20px;
}
.newslf ul li{
    height:130px;
    padding: 18px 0;
    border-bottom: 1px dashed #ccc;
}
.newslf ul li img{
    float:left;
    width:130px;
    height:130px;
}
.newslf ul li .news_m{
    float:right;
    width: 420px;
    height: 100px;
}
 .news_m p{
    margin-top:20px;
    color:#666;
    line-height:22px;
     height: 66px;
     overflow: hidden;
}
.newslf li:hover{
    background: #fff;
}
.newslf li:hover h3{
    color:#2c9807;
}
/*服务中心*/
.newsrt{
    width:550px;
}
.service{
    margin:30px;
    margin-right:0;
    border:1px solid #ccc;
    padding:5px;
}
.service a{
    display:inline-block;
    width:500px;
    height:120px;
}
.service a img {
    width:510px;
    height:120px;
}
.map{
    width:510px;
    height:280px;
    margin:30px;
    margin-right:0;
    border:1px solid #ccc;
    /*padding-top:5px;*/
    /*padding-left:6px;*/
    padding:5px 6px;
}
.map img{
    width:500px;
    height:280px;
}
/*友情链接*/
.flinkbg{
    width:100%;
    background: url("../img/link.png")no-repeat  center;
}
.flink{
    width:1150px;
    margin:0 auto;
}
.flink h2{
    height:50px;
    line-height: 50px;
    padding-left:40px;
    background: url("../img/flink.png") no-repeat left center;
    font-size:22px;
    border-bottom: 1px solid #ddd;
}
.flink ul {
    padding: 10px 0;
    margin-left:40px;
}
.flink ul li{
    float:left;
    font-size:15px;
    margin-right:10px;
    line-height:27px;
}
.flink ul li:hover a{
    color:#848a05;
}

/*底部*/
.bottombg{
    width:100%;
    height:150px;
    background: #394247;
}
.bottom{
    width:1100px;
    margin:0 auto;
    color:#fff;
}
.bottom .btm1{
    float:left;
    width:288px;
    height:106px;
    border-right:1px solid #61686C;
    margin-top:22px;
}
.bottom .btm1 .phone{
     height:59px;
     line-height:34px;
     background:url("../img/phone.png") no-repeat left top;
     font-size:24px;
     padding-left:48px;
 }
.bottom .btm1 .email,.bottom .btm1 .addr{
    height:16px;
    line-height:16px;
    background:url("../img/email.png") no-repeat left center;
    font-size:13px;
    padding-left:43px;
    margin:10px 0 10px 5px;
}
.bottom .btm1 .addr{
    background:url("../img/addr.png") no-repeat left center;
    margin-left:9px;
    margin-right:5px;
    height:23px;
    line-height:23px;
}
.bottom .btm2{
    width:530px;
    height:106px;
    margin-top:22px;
    border-right:1px solid #61686C;
    margin-right:20px;
    position: relative;
}
.bottom .btm2 h3{
    font-size:18px;
}
.bottom .btm2 p{
    margin-left:10px;
    line-height:26px;
    font-size:13px;
}
.bottom .btm2 p span{
    margin-left:20px;
}
.bottom .btm2 p a{
     color:#fff;
 }
.bottom .btm2 p a:hover{
    color:#848a05;
}
.bottom .btm2  img{
    width:50px;
    height:55px;
    position: absolute;
    bottom:0;
    left:250px;
}
.bottom .weixin{
    margin-top:22px;
    width:120px;
    height:106px;
    text-align: center;
    font-size:13px;
}
.bottom .weixin img{
    width:80px;
    height:80px;
    margin-top:10px;
}