@charset "utf-8";


.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;}

.banner{ 
    height:641px;
    width:1920px; 
    position:relative; 
    z-index:1;
    left: 50%;
    margin-left: -960px;
    
}
.banner .bd,.banner .bd li{
    width:1920px!important; 
    height:641px; 
    overflow:hidden;
    margin:  0 auto;
}
.banner .bd li img{ 
    position:absolute; 
    top:0; 
    left:50%; 
    margin-left:-960px; 
    height:641px;
    width: 1920px;
}
.arr1 a{ display:block; font:40px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:149px; position:absolute; top:40%; left:50%; margin-left:-670px; background:rgba(0,146,63,0.6); width:55px; height:149px;}
.arr2 a{display:block;font:40px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:149px; position:absolute; top:40%; left:50%; margin-left:610px;background:rgba(0,146,63,0.6);width:55px; height:149px;}

.sou{ position:absolute; top:107px; left:50%; margin-left:580px; z-index:8; width:33px; height:33px;}
.sou h2{ width:33px; height:33px;}
.sou1{ width:308px; display:none; margin:30px 0 0 -270px;}
.sou1 .ip01{width:240px; height:50px;background:#00923f; padding-left:10px;outline:none; border:0;color:#fff; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden; border-radius:25px 0 0 25px;}
.sou1 .ip02{width:58px;height:50px; background:#fff url(../image/sou.png) no-repeat center center;border:0; outline:none;border-radius:0 25px 25px 0;}

.yinz{ height:443px; margin-top:95px; overflow:hidden;}
.yinz1{ width:505px; height:344px; overflow:hidden; position:relative; float:left;}
.yinz1 li{ width:505px; height:344px; float:left; overflow:hidden;}
.yinz1 li img{ display:block; width:505px; height:344px;}
.arr{ width:80px; height:80px; overflow:hidden; position:absolute; bottom:0; right:0;background:rgba(0,146,63,0.6);}
.arr01{ width:13px; height:22px; overflow:hidden; position:absolute; top:27px; left:21px;}
.arr02{width:13px; height:22px; overflow:hidden; position:absolute; top:27px; left:49px;}
.yinz dl{ width:596px; float:right; overflow:hidden; margin-top:32px;}
.yinz dt{ 
    height:40px; 
    overflow:hidden;
    
}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:33px; color:#575757;}
.yinz dd p b{ color:#2ba54b;}
.yinz dd span{ display:block; margin-top:36px; float:right; text-align:right; padding-left:10px; position:relative; font:12px Arial; text-transform:uppercase; color:#a9a9a9; width:230px;}
.yinz dd span em{ font:18px "Microsoft YaHei"; font-weight:bold; color:#333; padding-left:8px;}
.yinz dd span:before{ content:""; position:absolute; top:14px; left:0; width:12px; height:2px; background:#0d9749;}

.power{ height:560px; padding-top:127px; overflow:hidden; background:url(../image/power_bg.jpg) no-repeat center top;}
.power dl{ width:270px; float:left; overflow:hidden;}
.power dt{ font:40px "Microsoft YaHei"; color:#fff; height:204px;}
.power dt b{ color:#00ce62;}
.power dt em{ display:block; font:14px Arial; color:#00ce62; text-transform:uppercase;}
.power dt span{ display:block; padding:35px 10px 0 0; font:18px "Microsoft YaHei"; line-height:32px; color:#fff;}
.power dd{ font:18px "Microsoft YaHei"; color:#2b2b2b; background:url(../image/power_line.gif) no-repeat left top; padding-top:90px;}
.power dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#828282; margin-top:15px;}
.power dd em a{ display:block; width:105px; height:31px; border:1px solid #00923f; margin-top:36px; font:14px "Microsoft YaHei"; text-align:center; line-height:31px; color:#00923f;}
.power ul{ width:900px; float:right; overflow:hidden;}
.power li{ width:282px; height:459px; overflow:hidden; float:left; margin-right:27px; position:relative;}
.power li img{ display:block;width:282px; height:459px;}
.power li h5{ position:absolute; bottom:0; left:0; text-align:center; width:100%; height:10%; font:18px "Microsoft YaHei"; color:#fff;}
.power li h5 p{ display:none; font:14px "Microsoft YaHei"; line-height:25px; padding:87px 20px 0 20px; position:relative; margin-top:20px;}
.power li h5 p:before{ content:""; position:absolute; top:0; left:50%; width:1px; height:60px; background:#9fe5b5;}
.power li:last-child{ margin-right:0;}
.power li:hover h5{ background:rgba(27,217,77,0.9); bottom:0;-webkit-transition:height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66); height:100%;}
.power li:hover h5 em{ padding-top:40%; display:block;}
.power li:hover p{ display:block;}

.pro{height:810px; padding-top:60px;overflow: hidden; background:#f6f6f6;}
.pro h2{ width:570px; height:138px; float:left; overflow:hidden; font:40px "Microsoft YaHei";}
.pro h2 a{ color:#2e2e2e;}
.pro h2 b{ color:#bdbdbd;}
.pro h2 em{ font:14px Arial; color:#b0b0b0; text-transform:uppercase; position:relative; margin-left:15px;}
.pro h2 em:before{ content:""; position:absolute; top:-13px; width:34px; height:3px; background:#008d3c;}
.pro h2 span{ display:block; font:18px "Microsoft YaHei"; color:#2e2e2e; padding-top:10px;}
.pro h5{ height:38px; margin-top:38px; text-align:right; float:right; width:555px;}
.pro h5 a{ 
    display:inline-block; 
    height:38px; 
    width:120px; 
    margin-left:12px; 
    background:#2ba54b; 
    font:15px "Microsoft YaHei"; 
    text-align:center; 
    line-height:38px; 
    color:#fff;
    
}
.pro h5 a:hover{ background:#a9a9a9; border:1px solid #a9a9a9; box-sizing:border-box; box-shadow:0.1rem 0.1rem 0.5rem 0.2rem #d7deda;}
.pro1{ width:570px; height:570px; overflow:hidden; float:left; background:url(../image/pro_bg.jpg) no-repeat; position:relative;}
.pro2 li{ width:500px; float:left; padding:10px 0 0 35px;}
.pro1 li img{ display:block; width:500px; height:500px;}
.pro1 li span{ display:block; font:16px "Microsoft YaHei"; color:#444; position:relative; padding-left:40px;}
.pro1 li span:before{ content:""; position:absolute; top:10px; left:0; width:32px; height:1px; background:#008d3c;}
.pro1 li span em{ display:block; font:12px Arial; text-transform:uppercase; color:#949494; padding-top:3px;}
.prot{ width:90px; height:10px; overflow:hidden; position:absolute; bottom:33px; right:0;}
.prot li{ width:10px; height:10px; border-radius:10px; background:#575757; float:left; margin:0 5px 0 0;}
.prot .cur{ background:#008d3c;}
.pro3{ width:602px; float:right; overflow:hidden;}
.pro3 li{ width:300px; height:268px; float:left; background:url(../image/pro_bg2.jpg) no-repeat;overflow:hidden; margin:0 0 33px 1px; position:relative;}
.pro3 li img{ display:block;width:300px; height:268px;}
.pro3 li span{ display:block; font:16px "Microsoft YaHei"; color:#515151; text-align:center; width:100%; height:10%; position:absolute;bottom:15px;}
.pro3 li span em{ display:none; background:url(../image/pro_btn.png) no-repeat center center; height:56px; margin-top:8px;}
.pro3 li:hover span{ bottom:0; background:rgba(167,167,167,0.9); padding:20px 0;-webkit-transition:height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66); height:30%;}
.pro3 li:hover span em{ display:block;}

.ys{ background:url(../image/ys_bg.jpg) no-repeat center 162px;margin-top:90px; height:1411px;}
.ys .content{ position:relative;}
.ys h2{ text-align:center; height:162px; font:48px "Microsoft YaHei"; text-align:center; color:#2a2a2a;}
.ys h2 b{ color:#999; padding:0 5px;}
.ys h2 em{ display:block; font:22px "Microsoft YaHei"; color:#2a2a2a; padding:10px 0 20px; position:relative;}
.ys h2 em:before{ content:""; position:absolute; bottom:0; left:50%; width:36px; height:2px; background:#00923f; margin-left:-18px;}
.ys dl{ height:345px; width:1200px; position:relative;}
.ys dt{ width:960px; height:345px; overflow:hidden; margin-right:-360px;}
.ys dt img{ display:block;width:960px; height:345px;}
.ys dd{ width:550px; margin-top:55px; font:24px "Microsoft YaHei"; color:#313131;}
.ys dd em{ display:block; margin-bottom:10px;}
.ys dd span{ color:#969696; font-weight:bold;}
.ys dd span b{ color:#008d3c; font-size:24px;}
.ys dd i{ display:block; font:12px Arial; color:#dfdfdf; text-transform:uppercase; padding:10px 0 30px;}
.ys dd p{ font:14px "Microsoft YaHei"; color:#646464; line-height:30px;}
.ys dd p b{ color:#393939;}
.ys dl:nth-child(3){ height:459px; text-align:right;}
.ys dl:nth-child(3) dd{ margin-top:92px;}
.ys dl:nth-child(3) dt{ width:960px; height:459px; margin-left:-360px;}
.ys dl:nth-child(3) dt img{ display:block;width:960px; height:459px;}
.ys2{ height:419px; position:absolute; top:895px; left:0; width:1200px; overflow:hidden;}
.ys2 dl{ width:600px; overflow:hidden;height:419px;}
.ys2 dt{ width:298px; height:419px; float:right; overflow:hidden; margin:0;}
.ys2 dt img{ display:block;width:298px; height:419px;}
.ys2 dd{ width:294px; height:419px; margin:0; float:left; background:#f6f6f6 url(../image/ys_bg3.jpg) no-repeat center bottom; }
.ys2 dd em{ display:block; padding-top:74px; margin:0 auto; width:86px;}
.ys2 dd i{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#008d3c; text-align:center; padding-bottom:12px;}
.ys2 dd span{ display:block; font:18px "Microsoft YaHei"; text-align:center; color:#313131;}
.ys2 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#6b6b6b; width:240px; margin:25px auto 0;}
.ys2 dl:last-child dd{ background:#f6f6f6 url(../image/ys_bg4.jpg) no-repeat center bottom; }

.par{ height:490px; padding-top:55px; overflow:hidden; background:url(../image/par_bg.jpg) no-repeat center 0; position:relative;}
.par h2{ text-align:center; height:131px; font:40px "Microsoft YaHei"; text-align:center; color:#fff;}
.par h2 b{ color:#00ce62; padding:0 5px;}
.par h2 em{ display:block; font:18px "Microsoft YaHei"; color:#fff; padding:10px 0 20px; position:relative;}
.par h2 em:before{ content:""; position:absolute; bottom:0; left:50%; width:36px; height:2px; background:#fff; margin-left:-18px;}
.par1{ background:#f7f7f7; margin-top:20px; padding-top:50px; position:relative;}
.par2{ width:1035px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.par li{ width:185px; height:116px; float:left; border:1px solid #f0f0f0; margin-right:25px;}
.par li img{ display:block; width:185px; height:116px;}
.arr03{ font:24px "宋体"; color:#848484; width:30px; height:30px; background:#fff; border-radius:30px; border:1px solid #ededed; position:absolute; top:90px; left:18px; text-align:center; line-height:30px;}
.arr04{font:24px "宋体"; color:#848484; width:30px; height:30px; background:#fff; border-radius:30px; border:1px solid #ededed; position:absolute; top:90px; right:18px; text-align:center; line-height:30px;}
.par h5 a{ display:block; height:45px; font:18px "Microsoft YaHei"; text-align:center; line-height:45px; color:#fff; background:url(../image/par_btn.gif) no-repeat center top;}

.new{ width:1200px; margin:0 auto; overflow:hidden; height:770px;}
.new h2{ text-align:center; height:162px; font:48px "Microsoft YaHei"; text-align:center; color:#2a2a2a;}
.new h2 b{ color:#999; padding:0 5px;}
.new h2 em{ display:block; font:22px "Microsoft YaHei"; color:#2a2a2a; padding:10px 0 20px; position:relative;}
.new h2 em:before{ content:""; position:absolute; bottom:0; left:50%; width:36px; height:2px; background:#00923f; margin-left:-18px;}
.newt{ height:40px;overflow:hidden;background:url(../image/new_line.gif) no-repeat left 10px; position:relative; margin-bottom:34px;}
.newt li{ font:18px "Microsoft Yahei"; line-height:40px; height:40px; float:left; padding:0 24px;}
.newt li a{ color:#272727; display:block;}
.newt li a:hover,.newt .cur a{ font-weight:bold; color:#018f3d;}
.newt h5 a{ display:block; width:12px; height:12px; overflow:hidden; background:url(../image/new_more.png) no-repeat; position:absolute; top:12px; right:0;}
.newt li:nth-child(1){ background:url(../image/new_line2.png) no-repeat right center;}
.new1 h4{ width:452px; height:450px; float:right; overflow:hidden;}
.new1 h4 img{ display:block; width:452px; height:450px;}
.new3{ width:714px; padding-top:14px; height:436px; background:#f5f5f5; float:left; overflow:hidden;}
.new1 dl{width:680px; background:#fff; overflow:hidden; margin:0 auto 14px;}
.new1 dt{ width:75px; height:75px; font:18px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#272727; float:left; line-height:75px; background:#e4e4e4;}
.new1 dd{ width:560px; float:right; margin-right:25px;}
.new1 dd a{ display:block; font:16px "Microsoft Yahei"; height:75px; color:#272727; background:url(../image/new_more.png) no-repeat right center; line-height:75px;}
.new1 dd p{ display:none; font:14px "Microsoft YaHei"; line-height:25px; color:#818181; height:50px; overflow:hidden;}
.new1 .cur1 dl{ height:155px; overflow:hidden;}
.new1 .cur1 dt{ height:155px; color:#fff;background: #22d351; 
background: -moz-linear-gradient(top,  #22d351 0%, #018f3c 100%); 
background: -webkit-linear-gradient(top,  #22d351 0%,#018f3c 100%); 
background: linear-gradient(to bottom,  #22d351 0%,#018f3c 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22d351', endColorstr='#018f3c',GradientType=0 ); }
.new1 .cur1 dd a{ color:#02903d;}
.new1 .cur1 dd p{ display:block;}

.about{ height:730px; padding-top:40px; overflow:hidden; background:url(../image/about_bg.jpg) no-repeat center top;}
.about h2{ text-align:center; height:131px; font:40px "Microsoft YaHei"; text-align:center; color:#fff;}
.about h2 b{ color:#fff; padding:0 5px;}
.about h2 em{ display:block; font:18px "Microsoft YaHei"; color:#fff; padding:10px 0 20px; position:relative;}
.about h2 em:before{ content:""; position:absolute; bottom:0; left:50%; width:36px; height:2px; background:#fff; margin-left:-18px;}
.about dl{ background:#f7f7f7; height:550px; border-bottom:1px solid #e9e9e9; overflow:hidden;}
.about dt{ width:1188px; border:6px solid #fff; border-bottom:0;}
.about dt img{ display:block;width:1188px; height:380px;}
.about dd h3 a{ display:block; font:18px "Microsoft YaHei";color:#333; text-align:center; margin-top:40px;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:56px; overflow:hidden; margin:10px 30px 0 30px; text-align:center;}

.pic{ height:350px; overflow:hidden;}
.pict{ width:125px; height:245px; float:left; overflow:hidden; background:#e6e5e5;}
.pict li{ height:81px; font:16px "Microsoft YaHei"; text-align:center; color:#414141;}
.pict li span{ display:block; width:25px; height:25px; margin:0 auto 3px; overflow:hidden;}
.pict li span em{ display:block;width:25px; height:25px;}
.pict li span img{display:block;width:25px; height:25px;}
.pict li span i{display:block;width:25px; height:25px;}
.pict li a{ display:block; color:#414141; padding-top:16px; height:65px;}
.pict li a:hover,.pict .cur a{ background:#0ca644; color:#fff;}
.pict li em,.pict .cur em{ display:none;}
.pic1{ width:1028px; float:right; height:235px;}
.pic2{width:1028px; height:235px;}
.pic1 li{ width:226px;float:left; position:relative; margin-right:40px;}
.pic1 li img{ display:block;width:226px; height:170px}
.pic1 li em{ display:block; width:226px; height:74px; font:14px "Microsoft YaHei"; line-height:74px; color:#6e6d6d; border-bottom:1px solid #f0f0f0;overflow:hidden; background:url(../image/pic_more.png) no-repeat right center;}
.pic1 li:last-child{ margin-right:0;}
.pic1 li a:hover em{ color:#02903d;}

.link{ background:#f1f1f1; border-top:1px solid #e6e6e6; height:80px; overflow:hidden;}
.link span{ font:18px "Microsoft YaHei"; line-height:80px;color:#313131; display:block; float:left; height:80px; width:140px; font-weight:bold; }
.link em{ font:14px Arial; text-transform:uppercase; color:#434343;}
.link a{ display:inline-block; font:14px "Microsoft YaHei"; line-height:80px; color:#808080; padding:0 40px;}




@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}