@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;overflow-x: hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
header .nav{
    height: 118px;
    background: #fff;
    
}
header .nav .logo{
    height: 118px;
    display: flex;
    align-items: center
}
header .nav .logo img{
    display: inline-block;
    width: 183px;
    height: 46px;
    align-items: center
}
header .nav .nav_lb{
    margin-left: 138px;
}
header .nav .nav_lb ul li{
    width: 99px;
    height: 118px;
    float: left;
    line-height: 118px;
    margin-left: 20px;
    text-align: center;
    font-size: 16px;
}
header .nav .nav_lb ul li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #2C2C2C
}
header .nav .nav_lb ul li a:hover{
     background: #6BCD6A;
     color: #fff;
}
.slideBox {
    width: 100%;
    height: 787px;
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    width: 154px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    bottom: 42px;
    z-index: 1;
    transform: translate(50%);
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    display: flex;
    justify-content: space-between
}

.slideBox .hd ul li {
    width: 66px;
    height: 6px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius: 50px;
}

.slideBox .hd ul li.on {
    background: #6BCD6A;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
}
main .sever{
    height: 457px;
}
main .tou{
    
    text-align: center;
}
main .tou h3{
    font-size: 30px;
    width: 374px;
    height: 36px;
    margin: 0 auto;
    font-weight: normal;
    position: relative;
    padding-top: 70px
}
main .tou h3::before{
    content: "";
    width: 98px;
    height: 1px;
    background: #6BCD6A;
    position: absolute;
    left: 0;
    bottom: 0;

}
main .tou h3::after{
    content: "";
    width: 98px;
    height: 1px;
    background: #6BCD6A;
    position: absolute;
    right: 0;
    bottom: 0;
}
main .tou  p{
    text-transform:uppercase; 
    margin-top: 18px;
    color: #A2A2A2
}
main .sever .snr{
    width: 100%;
    height: 232px;
    margin-top: 37px;
}
main .sever .snr ul{
    display: flex;
    justify-content: space-around
}
main .sever .snr ul li{
    width: 155px;
    height: 233px;
    text-align: center;
    float: left;
    border-radius: 50%
}
main .sever .snr ul li .da{
    width: 113px;
    height: 113px;
    border: 1px solid #fff;
    margin: 20px;
    padding: 0;
    position: relative;
    border-radius: 50%;
   
}
main .sever .snr ul li:hover .da{
    width: 113px;
    height: 113px;
    margin: 0;
    border: 1px solid #6BCD6A;
    padding: 20px;
    border-radius: 50%;
    transition: ease 1s; 
}
main .sever .snr ul li .xiao{
    width: 115px;
    height: 115px;
    margin: 0 auto;
    background: #DCDCDC;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-49.5%,-49.5%);
    display: flex;
    align-items: center;
}
main .sever .snr ul li .xiao img{
    margin: 0 auto;
}
main .sever .snr ul li:hover .xiao{
    background: #6BCD6A;
}
main .sever .snr ul li p{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 18px
}
main .yl{
    width: 1920px;
    height: 490px;
    background: url(../images/ylfu.jpg)no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
main .yl .bs{
    width: 386px;
    height: 377px;
    padding-top: 116px;  
}
main .yl .bs img{
    width: 100%;
    height: 100%;
}
main .yl .gyxq{
    width: 672px;
    margin-top: 92px;
    margin-left: 36px;
    color: #fff     
}
main .yl .gyxq h3{
    font-size: 26px;
    margin-bottom: 48px;
}
main .yl .gyxq p{
    line-height: 28px;
}
main .yl .gyxq div{
    width: 182px;
    height: 49px;
    margin-top: 41px;    
}
main .yl .gyxq div a{
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 49px;
    font-size: 16px;
    color: #fff
}
main .yl .lrzp{
    margin-left: 83px;
    border-radius: 50%;
}
main .yl .lrzp img{
    border-radius: 50%
}
main .hj{
    width: 100%;
    height: 909px;
    background: url(../images/hj.png)no-repeat;
    background-size: 100% 100%
}
main .hjxq .hd{
    width: 437px;
    margin: 0 auto;
    margin-top: 60px;
}
main .hjxq .hd ul li{
    float: left;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}
main .hjxq .hd ul li{
    position: relative;
    width: 68px;
}
main .hjxq .hd ul li::after{
    content: "/";
    position: absolute;
    right: 0;
    color: #000;
}
main .hjxq .hd ul li:last-child::after{
    content: "/";
    position: absolute;
    right: 0;
    color: #000;
    display: none;
}


main .hjxq .hd ul .on{
    color: #0B8406;
}
main .hjxq .bd{
    margin-top: 46px;
}
main .gd{
    width: 183px;
    height: 49px;
    border: 1px solid #C8C7C8;
    margin: 0 auto;
    text-align: center;
    line-height: 49px;
    border-radius: 50px;
    margin-top: 60px;
}
main .gd a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
}
main .dt{
    width: 394px;
    height: 260px;
    margin-left: 8px;
    position: relative;
    overflow: hidden;

}
main .dt:nth-of-type(1){
    margin: 0;
}
main .dt img{
    width: 100%;
    height: 100%;
}
main .dt div{
    width: 394px;
    height: 260px;
    position: absolute;
    left: 0;
    top: -260px;
    background: rgba(0,0,0,0.5);
}
main .dt:hover div{
    transform: translateY(260px);
    transition: 0.7s;
}
main .dt div p{
    width: 298px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    color: #fff;
    margin-top: 22px;
}

main .dt div h3{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
}
main .dt div h3::after{
    content: "";
    width: 20px;
    height: 3px;
    display: block;
    background: #fff;
    margin: 0 auto;
    margin-top: 20px;
}
main .xt{
    margin-top: 7px;
    width: 100%;
    float: left;
}
main .xt li{
    width: 287px;
    height: 192px;
    float: left;
    margin-left: 9px;
    position: relative;
    overflow: hidden;
    margin-top: 7px;
}
main .xt li:nth-of-type(1){
    /*margin: 0;*/
}
main .xt li div{
    width: 292px;
    height: 192px;
    position: absolute;
    left: 0;
    top: -192px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
}
main .xt li div h3{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
}
main .xt li div h3::after{
    content: "";
    width: 20px;
    height: 3px;
    display: block;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
}

main .xt li div p{
    width: 196px;
    margin: 0 auto;
}
main .xt li:hover div{
    transform: translateY(192px);
    transition: 0.7s;
}
main .zx{
    width: 1920px;
    height: 374px;
    background: url(../images/zx.png)no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
main .zx .ls{
    width: 436px;
    height: 233px;
    position: absolute;
    top: -233px;
    left: 5px;
}
main .zx .ls img{
    width: 100%;
    height: 100%;
}
main .zx .hs{
    position: absolute;
    bottom: 0;
    left: 360px;
}
main .zx .zxwz{
    width: 626px;
    text-align: right;
    color: #fff
}
main .zx .zxwz h2{
    font-size: 36px;
    margin-top: 100px;
    font-weight: normal
}
main .zx .zxwz p{
    font-size: 18px;
    margin-top: 40px;
    line-height: 35px;
}
main .sz{
    height: 577px;
}
main .sz ul li{
    width: 289px;
    height: 235px;
    float: left;
    margin-left: 14px;
    position: relative;
    overflow: hidden;
}
main .sz ul li:nth-of-type(1){
    margin: 0;
}
main .sz ul li img{
    width: 100%;
    height: 100%;
}
main .sz ul li p{
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    background: rgba(255,255,255,0.8);
    position: absolute;
    left: -289px;
    bottom: 28px;
}
main .sz ul li:hover p{
    transform: translateX(289px);
    transition: 0.5s;
}
main .ydt{
    width: 100%;
    height: 859px;
    background: url(../images/ybt.jpg)no-repeat;
    background-size: 100% 100%
}
main .ydt .news .hd{
    width: 210px;
    margin: 0 auto;
}
main .ydt .news .hd ul li{
    float: left;
    width: 105px;
    text-align: center;
    font-size: 16px;
    margin-top: 35px;
    cursor: pointer;
}
main .ydt .news .hd ul .on{
    color: #0B8406
}
main .ydt .news .hd ul li:first-child{
    position: relative;
}
main .ydt .news .hd ul li:first-child::after{
    content: "/";
    color: #000;
    position: absolute;
    right: -2px;
}
main .ydt .tplb{
    margin-top: 44px;
}
main .ydt .nt{
    width: 387px;
    height: 421px;
    border-bottom: 5px solid #55BF53;
    background: #fff;
    float: left;
    margin-left: 18px;
}
main .ydt .nt:nth-of-type(1){
    margin: 0;
}
main .ydt .nt img{
    width: 100%;
    height: 258px;
}
main .ydt .nt .nxq{
    width: 344px;
    height: 326px;
    margin: 0 auto;
}
main .ydt .nt .nxq h3{
    width: 100%;
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #DCDCDC;
    font-weight: normal;
    font-size: 18px;
}
main .ydt .nt .nxq p{
    font-size: 15px;
    color: #969696;
    margin-top: 20px;
}

footer{
    width: 100%;
    height: 76px;
    background: #2F882A;
}
footer .gsm{
    width: 488px;
    font-size: 15px;
    line-height: 76px;
    margin: 0 auto;
    color: #fff;
}
footer .gsm span{
    float: right;
}
/* .slideBox .bd img {
    width: 450px;
    height: 230px;
    display: block;
} */
/* banner */

/*footer*/

/*main*/

/*.........about.............*/
.bg{
    width:100%;
  /*  height: 1262px;*/
    background: url(../images/bg_top.png) no-repeat top;
}
#bg2{
    width:100%;
    /*height: 2262px;*/
    background: url(../images/bg_bottom.png) no-repeat bottom;
}
main .about_content{
    width: 1200px;
    margin:0 auto;
}
main .about_content .news .hd{
    width: 210px;
    margin: 0 auto;
}
main .about_content .news .hd ul li{
    float: left;
    width: 105px;
    text-align: center;
    font-size: 16px;
    margin-top: 35px;
    cursor: pointer;
}
main .about_content .news .hd ul .on{
    color: #0B8406
}
main .about_content .news .hd ul li:first-child{
    position: relative;
}
main .about_content .news .hd ul li:first-child::after{
    content: "/";
    color: #000;
    position: absolute;
    right: -2px;
}
.content{
    width:     width: 100%;
    margin: 0 auto;
  /*  padding-left: 33%;*/
    margin-top: 2%;
}
.about_img1{
    margin: 40px 0 25px;  
}
.about_img2 {
     margin: 40px 0 25px;  
    float: left;  
}
.about_img3 {
    margin: 40px 0 25px;  
    float: right;  
}
.content p{
    width: 100%;
    margin-left: 5%;
    color: #2e2e2e;
    font-size: 16px;
    line-height: 2em;
   /* text-align: center;*/
}

/*环境*/
main .hj_content{
    width: 1200px;
    margin:0 auto;
}
main .tou div{
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
main .hj_content ul {
    margin-top:30px;
}
main .hj_content ul li{
    width: 392px;
/*    background: #fff;*/
    float: left;
   /* height: 331px;*/
    margin-right: 8px;
    margin-bottom: 10px;
}
main .hjcontent ul li img{
    width: 392px;
    height:260px;
    overflow: hidden;
}
main .hj_content ul li p{
    margin-top: 30px;
    text-align: center;
}
main .hj_content ul li:last-child{
    margin-left: 0;
}
/*页码*/
.yema {
    color:#6e777c;
    font-size:13px;
    text-align:center;
    margin-top:60px;
    padding-bottom:60px;
}
.yema a {
    border: #d2d2d2 1px solid;
    text-align:center;
    color:#666666;
    margin:0 4px;
    display:inline;
    padding: 6px 14px;
    background:#f0f0f0;
}
.yema a:hover {
    background:#2f882a;
    color:#fff;
}
#yama {
    background:#2f882a;
    color:#fff;
}
/*contact*/
.map{
    width: 600px;
    height: 378px;
    margin: 60px auto 0;
    overflow: hidden;
 /*   border: #6bcd6a 1px solid;*/
}
.contact_text{
    /*width: 390px;*/
    padding-bottom: 80px;
    margin: 30px auto 0;
    text-align: center;
}
.contact_text p{
    font-size: 16px;
    line-height: 2em;
    text-align: center;
}
/*zhaopin*/
main .zhaopin_content{
    width: 1200px;
    margin:0 auto;
}
.zp{
    width: 1200px;
    height: 190px;
    background: #fff;
    margin-top:30px;
    border: #6bcd6a 1px solid;
}
.height{
    height:30px;
}
.zp_hr{
    width: 1040px;
    height: 72px;
    margin: auto;
    line-height: 72px;
    text-align: center;
    color: #232323;
    font-size: 22px;
    border-bottom: #eee 1px solid;
}
.zp ul{
    width:1080px;
    margin:15px  auto 0;
}
.zp ul li{
    width: 360px;
    height: 35px;
    line-height: 35px;
    float: left;
}
/*shanshi*/
main .shanshi_content{
    width: 1200px;
    margin:0 auto;
}
main .shanshi_content ul {
    margin-top:30px;
}
main .shanshi_content ul li{
    width: 289px;
/*    background: #fff;*/
    float: left;
    height: 275px;
    margin-right: 6px;
    margin-bottom: 10px;
}
main .shanshi_content ul li img{
    width: 289px;
    height:235px;
    overflow: hidden;
}
main .shanshi_content ul li p{
    margin-top: 10px;
    text-align: center;
}
main .shanshi_content ul li:last-child{
    margin-left: 0;
}

/*news*/
.new_dt{
    width: 1200px;
    height: 150px;
    margin-top: 50px;
    border-bottom: #e5e5e5 1px solid;
}
.dt_left{
    width: 175px;
    height: 120px;
    float: left;
}
.dt_right{
    width: 1000px;
    height: 110px;
    float: left;
    margin-top: 10px;
    margin-left: 25px;
}
.dt_right span{
    font-size: 17px;
    display: inline-block;
    margin-bottom: 14px;
    font-weight: bold;
}
.dt_right span:hover{
   color: #137212;
}
.dt_right p{
    font-size: 14px;
    color: #454545;
}
.dt_right em{
    font-style: normal;
    float: right;
    font-size: 14px;
    color: #aeaeae;
}



.Products_fenlei{width:100%; padding-left:2%;}
.Products_fenlei ul a li{width:16%;float:left;text-align:center;margin:2px;border-radius:12px;border:1px solid #000;margin-right: 20px;}