body{margin:0 auto; font-family:"microsoft yahei"; color:#525252; font-size:14px; min-width:1300px; overflow-x: hidden;}
div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6{margin:0px; padding:0px; list-style:none; border:0px; font-weight: normal;}
  i,em{ font-style: normal;}
.clear{clear:both; height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #00824a; background-color:#fff; padding:2px;}
a{color:#525252; text-decoration: none; cursor:pointer;}
.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}
.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}
		
.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}
	
 .trans3 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans3 img:hover{ transform: rotateY(360deg);}
 
 a:hover{text-decoration: none; color:#007d43;}
.box,.w1300{width:1300px; height:auto; margin:0 auto; position: relative;}
  .box:after,w1300:after{ display: block; clear: both; content: "";}
  
  
  
/*抬头*/
.htop,.htop a{ font-size:14px; color:#999; line-height:59px;}
.htop a:hover{ color:#00824a;}
.htop{background:#f9f9f9;}
.htop span{ display:inline-block; padding-left:21px; position:relative; cursor:pointer;}
.htop span+span{ margin-left:17px;}
.htop span img{ position:absolute; top:110%; left:0; width:100px; z-index:9; height:auto; visibility:hidden; opacity:0; transition:all .3s ease;}
.htop p.fl{ padding-left:25px; background:url(../images/001.png) no-repeat left center; font-size:13px;}
.htop span:hover img{ top:100%; visibility:visible; opacity:1;}
.htop span:nth-child(1){ background:url(../images/0022.png) no-repeat left center;}
.htop span:nth-child(2){ background:url(../images/0033.png) no-repeat left center;}
.htop span:nth-child(3){ background:url(../images/0044.png) no-repeat left center;}
.htop span:nth-child(4){ background:url(../images/0055.png) no-repeat left center;}
.htop span:nth-child(5){ background:url(../images/0066.png) no-repeat left center;}
.htop span:nth-child(6){ background:url(../images/0077.png) no-repeat left center;}


.header{background: #fff;}
.hlogo{position: relative; margin: 20px 0 40px 0;}
.hlogo img{position: relative;z-index: 3; height: auto; display: block; margin: 0 auto;}
  .hlogo a{ display: block;padding-top: 20px;}
  
.hwa{margin: 40px 0 30px 15px;}
.hwa p{ float: left;}
.hwa i{ display: block;font-style: normal;font-size: 46px;line-height: 50px; color: #222;font-weight: bold;}
.hwa em{ display: block;font-style: normal;font-size:14px;line-height:34px; letter-spacing:0.3px; font-family: "arial"; text-transform: uppercase;color: #999;}
  
  
.hline{width: 15px;height: 86px;  margin: 0 2px 0 17px ;    background: url(../images/007.png) left center no-repeat;}
.hmean{font-size: 18px;color: #555;}
.hmean b{display: block;font-size: 30px;color: #333;margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #eee;letter-spacing:0.7px;}
.hmean b span{color: #00824a; font-weight:bold;}
 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px; padding:40px 0 0 55px; background: url(../images/005.png) left 54px no-repeat;}
 .head_p p{ font-size:30px; font-family: "impact"; color: #222; line-height: 32px;}
 .head_p li{ display: block; position: relative;}
 .head_p li:nth-of-type(1):after{ display: block; content: ""; margin: 15px 25px 0 25px;  float: right;height: 55px; border-right: 1px dashed #dedede;}
 

/*产品展示*/
  .pro_all{width: 100%;min-width: 1300px;padding: 80px 0;}
  .pro_t{text-align: center;font-size: 18px;line-height:50px; background: url(../images/008.png) bottom center no-repeat; padding-bottom: 35px; margin-bottom:35px;}
  .pro_t dl{ font-size: 42px;color: #222;line-height: 42px;}
  .pro_t dl span{font-weight: bold;color: #00824a;}
  .pro_t p{font-weight: lighter;}
  
  
  .prod_tab { margin-bottom:20px;}
.prod_tab .title{  color: #fff;width: 210px; height: 110px; overflow: hidden;box-sizing: border-box;padding:20px 20px;  line-height: 40px; background: #00824a;text-align: center;}
.prod_tab .title a{ display: block;color: #fff;}
.prod_tab .title a i{ display: block;font-style: normal;font-weight: bold; font-size: 30px; }
.prod_tab p{ color: #fff; font-size: 14px; text-transform: uppercase; line-height: 26px;}
 
.prod_tabt dl{width: auto; }
.prod_tab dl dt{}
.prod_tab dl dd{float:left; display: block; position: relative;margin:0  !important; line-height:35px;width: 140px;box-sizing: border-box; overflow: hidden;background: #fff; border: 1px solid #eee; border-left: none; padding:20px 5px 20px 5px !important; text-align: center;}
.prod_tab dl dd:nth-of-type(1){ width:165px; border-left:1px solid #eee;}
.prod_tab dl dd:nth-of-type(2),.prod_tab dl dd:nth-of-type(5),.prod_tab dl dd:nth-of-type(6),.prod_tab dl dd:nth-of-type(8),.prod_tab dl dd:nth-of-type(10){ width:115px;}
.prod_tab dl dd a{ display: block;}
.prod_tab dl dd a em{ display: block; font-style: normal;font-size: 22px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod_tab dl dd a p{ font-size: 14px;font-family: "arial";text-transform: uppercase; color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.prod_tab dl dd a{ font-size:16px; color:#fff;  }

.prod_tab .on{position:relative; color: #fff; background:#00824a; }

.prod_tab .on a em, .prod_tab .on a p{ color: #fff;}
 .dis{display:none;}
 .prod_d{
     min-height: 500px;
 }
 .prod_d ul a{display:block; width:32%; float:left;margin:1%;overflow:hidden;box-sizing:border-box; border:20px solid #f5f5f5;background:#fff; padding-bottom:25px; }
.prod_d ul a:nth-of-type(3n+1){ margin-left:0;}
.prod_d ul a:nth-of-type(3n){ margin-right:0;}
.prod_d ul a:nth-of-type(n+4){margin-bottom:0;}
.prod_d ul a .pic{width:100%; height:auto; overflow:hidden;
    box-sizing: border-box;padding: 20px 20px 0 20px;
}
.prod_d ul a .pic img{ width:100%; height:auto;
    transition: all ease 0.5s;
}
.prod_d ul a:hover .pic img{ transform:scale(1.2);
}
  .prod_d ul a span{ display:block;box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding:0 10px; line-height:50px; background:#fff; font-size:16px;color:#333;text-align:center;}
.prod_d ul a:hover span{ color:#00824a;font-weight:bold;}
  .prod_d ul:after{display:block; content:""; clear:both;}
  
  
  /*特点*/
 .feature{ width: 100%;min-width: 1300px;background: url(../images/009.jpg) bottom center no-repeat; position: relative;}
 .feature_l{width: 300px;font-size: 15px;}
 .feature_l dl{ display: block;font-size: 90px;color: rgba(255,255,255,0.2);font-family: "impact";line-height: 85px; text-transform: uppercase; padding-top: 80px;}
 .feature_l dd{ display: block; padding-top: 20px;}
 .feature_l dt{ display: block;font-size: 28px;color: #fff;line-height: 40px;font-weight: bold;padding-top: 30px;}
 .feature_l i{ display: block;font-size: 30px;line-height: 32px;padding:18px 0 8px 0; color: #fff; font-weight: lighter;}
 .feature_l em{ font-size: 16px;line-height: 16px; color: rgba(255,255,255,0.8);}
 .feature_l p{ font-family: "arial";text-transform: uppercase;color: rgba(255,255,255,0.4);line-height: 18px; padding-top: 28px; font-size: 12px; }
 .feature_r{width: 702px;height:570px;box-sizing: border-box; margin: 80px 242px 0 0; }
 .feature_r li{ display: block;width: 234px;height: 235px;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);border-right:none; text-align: center;padding: 50px 20px; color: #fff; line-height: 34px;}
 .feature_r li:nth-of-type(n+4){ border-top:none;}
 .feature_r li img{ display: block; margin: 0 auto 20px auto;}
 .feature_r li i{ display: block;font-size: 26px;}
 .feature_r li em{ display: block;font-size: 14px; text-transform: uppercase; color:  rgba(255,255,255,0.6);}
 .feature_r li:nth-of-type(3){ border-right:  rgba(255,255,255,0.2);}
 .feature .boxer{ width: 376px;height: 543px;position: absolute;right: 0;bottom: 0;background: url(../images/012.png)no-repeat;}
 
/*优势*/
 .adv_all{width: 100%;min-width: 1300px;padding: 80px 0 80px 0;background: #f5f5f5 url(../images/013.jpg) bottom center no-repeat; overflow:hidden;}
 .adv_b{ position: relative; padding-bottom: 30px;}

.adv_b:before{content: ""; background: url(../images/adv_bg1.jpg) center top repeat-y;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;width:100%;  height:700px; z-index: 0;
    display: block;
}
 .adv_b:after{display: block;content: ""; background: url(../images/adv_bg2.jpg) center top repeat-y;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;width:100%;   height:500px;  animation:mymove1 3s infinite; -moz-animation:mymove1 3s linear infinite;-ms-animation:mymove1 3s linear infinite; -o-animation:mymove1 3s linear infinite; -webkit-animation:mymove1 3s linear infinite; z-index: 1;}

 @-webkit-keyframes mymove1
{
0% { height: 0px;}
50%{height:700px}
 100%{ height: 0px}

 }

 .adv_cont{position: relative; z-index: 2;}
 
  
  .baseybj{ width:1200px;background:#fff; padding:0px 50px 0px 50px; height:740px;box-shadow: 0 0 25px #ddd inset;}
.yswenkd{ width:530px; margin-left:30px;}
.yshzbjg{ width:110px; height:168px; background:#00824a; position:relative; bottom:50px; left:-30px;}
.yghsgwz{ font-size:26px; color:#fff; font-weight:lighter; text-align:center; padding-top:32px;}
.shgzhms{ font-size:60px; color:#fff;font-family: fontDin1;text-align:center; line-height:60px;}
.xaingty{ width:50px; height:3px; background:#ffa800; margin:0 auto; margin-top:10px;}
.bgitnyn{font-size:28px; color:#333; font-weight:lighter; height:66px;}
.bgitnyn span{font-weight:bold;}
.yngbtiy{ font-size:36px; color:#c7c9c8;font-family: fontDin1;  text-transform:uppercase;height:65px;}
.xwengnr{ font-size:16px; color:#999999; line-height:38px; font-weight:lighter;height:210px;}
.xwengnr span{ padding-right:10px;}
.xwengnr p{ padding-top:10px;}
.hamabjg{ width:430px; height:98px; background:#f0f2f1; border-radius:46px 0px 46px 0px;}
.hmdtbnd{ width:24px; height:24px; padding:36px 12px 0px 50px;}
.futeysd{ font-size:18px; color:#888888; font-weight:lighter; padding-top:38px;}
.ysgszdh{ font-size:30px; color:#00824a;padding-top:30px;font-family: fontDin1;}
.ybgdtps{ width:580px; height:580px; margin-top:50px; overflow: hidden;}
.ybgdtps img{transition:all 0.7s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.7s ease-in 0s; -o-transition:all 0.7s ease-in 0s;cursor:pointer;}
.ybgdtps:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; }

.advtab{ position:relative;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center; bottom:56px;}
.advtab:after{ content:''; display:block; position:absolute; width:100%; height:1px; bottom:25px; left:0; }
.advtab li{ width:25%; position:relative; z-index:3; cursor:pointer;}
.advtab_t{ font-size:18px; color:#9fa5a4; font-weight:lighter;}
.advtab_t b{ transition:all .3s ease; display:block; font-size:26px; color:#32302f; margin-bottom:8px; margin-top:20px;}
.advicon{ display:inline-block; width:100px; height:70px;background:#fff;  border-radius:50%; padding-top:30px;}
.advicon span{ display:inline-block; width:50px; height:50px; background:url(../images/adv_ico.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon span{ background-position-x:-76px;}
.advtab li:nth-child(3) .advicon span{ background-position-x:-160px; width:50px;}
.advtab li:nth-child(4) .advicon span{ background-position-x:-250px;}
.advtab li.on .advicon span{ background-position-y:-62px;}
.advtab li.on .advtab_t b{ color:#00824a;}

.xiangtys span {display: block;width:100%;height:120px; background: #00824a;animation: waves1 2s linear 0s infinite alternate;-webkit-animation: waves1 2s linear 0s infinite alternate;
}
.xiangtys{ height:594px; width:30px; background:#35a02e; margin-top:70px;}

  
.case_all{ overflow: hidden;
    width: 100%;min-width: 1300px;background: #fff url(../images/case_bg.jpg) center bottom no-repeat;margin-top: 10px; padding-bottom: 90px;
}    


     .case_bg .box {
        min-height: 50px;
    }
     .case_bg li {
        float: left;
        margin-right: 30px;
        width: 413px;
    }
     .case_bg li:nth-child(3n) {
        margin-right: 0;
    }
     .case_bg li:nth-child(n+4) {
        margin-top: 30px;
    }
     .case_bg li .case_img { overflow: hidden;
        width: 100%;
        height: auto;
       
    }
     .case_bg li .case_img img {transition:all ease 0.5s;
        display: block;
        width: 100%;
        height: 100%;
    }
    .case_bg li:hover .case_img img {
        transform: scale(1.2);
    }
     .case_bg li .case_t {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #f5f5f5;
    }
     .case_bg li .case_t span {
        position: relative;
        display: block;
        padding-left: 20px;
        font-size: 16px;
        color: #333;
    }
     .case_bg li .case_t span:after { transition:all ease 0.5s;
        display: block;
        content: " ";
        position: absolute;
        top: 25px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url(../images/014.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }
     .case_bg li:hover .case_img {
       
    }
     .case_bg li:hover .case_t { background:#00824a;
       
    }
     .case_bg li:hover .case_t span {
        color: #fff;
    }
     .case_bg li:hover .case_t span:after {
        background-position: 0 -15px; transform: rotate(45deg)
    }
    
    .case_more{
        width: 40px;height: 40px;margin:50px auto;
    }
    .case_more a{ display:block;}
    
    /*简介*/
.about{ width: 1300px; margin:80px auto auto auto;height: 560px;background: url(../images/015.jpg) no-repeat; overflow: hidden; box-sizing: border-box; padding: 80px 0;}
.about_w{width: 650px;height: 400px;background: rgba(255,255,255,0.9); line-height: 34px; box-sizing: border-box;padding: 50px;}
  .about_w dl{font-size: 30px;font-weight: bold;color:#333; line-height: 50px;}
  .about_w dt{ font-size: 14px;font-family: "arial";color: #999;line-height: 32px; text-transform:uppercase;}
  .about_w p{font-size: 15px;text-align: justify;padding-top: 15px;}
  .about_w a{display: block;width: 150px;line-height: 40px;color: #fff;background: #00824a;margin-top: 30px;text-align: center; font-size: 15px;border-radius: 25px; overflow: hidden;}
  .about_w a:hover{ background: #ffa800;color:#222;}
  
/*  车间*/
  .plant{width: 1300px; margin: 0 auto;}
  .plant_l{ background: #00824a;color: #fff;width: 320px;height: 280px; box-sizing: border-box;padding:62px 50px;  line-height: 50px;text-align: center;}
  .plant_l dl{ font-size: 30px;font-weight: bold;}
  .plant_l  dt{ font-size: 18px;}
  .plant_l  a{background: rgba(255,255,255,0.2); color: #fff; display: block;width: 150px;margin:15px auto;text-align: center;line-height: 40px;border-radius: 20px; font-size: 15px;}
  .plant_l a:hover{ background:#ffa800;color:#222 ;}
  
  .plant_b{ padding-top: 30px;width:955px;overflow:hidden;
  }
  .plant_b li {
        float: left;
        margin-right: 20px;
        width: 280px;
    }
   .plant_b li .plant_img {
        width: 280px; box-sizing: border-box;
        height: 210px;
        border: 1px solid #ddd;
    }
   .plant_b li .plant_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .plant_b li .plant_t {
        position: relative;
        width: 280px;
        height: 40px;
        text-align: center;
        font-size: 15px;
        line-height: 40px;
        background: #f5f5f5;
    }
   .plant_b li .plant_t span { color: #555;transition:all ease 0.5s;
        position: relative;
        display: block;
        z-index: 9;
    }
   .plant_b li .plant_t:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 40px;
        transition: all 0.3s;
        background:#00824a;
    }
   .plant_b li:hover .plant_t:after {
        width: 280px;
    }
      .plant_b li:hover .plant_t span{ color:#fff;}
      
    .copytop{ margin-top:60px;}
    
    .n_prod_r{ width:1020px;}