@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

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

.banner{/* height:920px; */width:100%;position:relative;z-index:1;}
.banner .bd,.banner .bd li{width:100%;/* height:920px; */overflow:hidden;}
.banner .bd li img{/* position:absolute; */top:0;/* left:50%; *//* margin-left:-960px; *//* height:920px; */width: 100%;}
.banner .bantil{ width:160px; height:12px;position:absolute; bottom:50px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{width: 13px;height: 13px;float:left;display:inline;background: #2d3642;opacity:1;border-radius:12px;margin:0 12px;box-sizing:border-box;cursor: pointer;}
.banner .bantil li.on{background:#78bc27; width:60px;}

.numb{ height:200px; margin-top:44px; overflow:hidden;}
.numb li{ width:270px; float:left; padding-left:30px; font:16px "Microsoft YaHei"; color:#333;}
.numb li span{ display:block; font:72px Arial; font-weight:bold; position:relative;}
.numb li span:before{ content:""; position:absolute; top:67px; left:0; width:120px; height:4px; background:#78bc27;}

.tit1{text-align:center;font:48px "Microsoft YaHei";color:#333;}
.tit1 a{ color:#333;}
.tit1 em{ display:block; margin-top:3px; font:20px "Microsoft YaHei";}

.yinz{ height:476px; background:url(/img/yinz_bg.jpg) no-repeat center top; padding-top:80px;}
.yinz dl{ padding-top:40px; border-top:2px solid #eee; height:222px; overflow:hidden;}
.yinz dt{ width:380px; float:left; font:48px "Microsoft YaHei"; font-weight:bold; line-height:60px; color:#fff;}
.yinz dt em{ display:block;}
.yinz dd{ width:756px; float:right;}
.yinz dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#fff;}
.yinz dd em{ display:block; font:14px "Times New Roman", Times, serif; color:#fff; margin-top:20px; letter-spacing:2px;}
.yinz h5{ width:810px; height:180px; margin:0 auto;}
.yinz h5 img{ display:block;width:810px; height:180px;}

.pro{ height:1017px; background:url(/img/pro_bg.jpg) no-repeat center bottom; padding-top:63px;overflow:hidden;}
.fen{ width:282px; height:820px; overflow:hidden; margin-top:38px;}
.fen2{height:507px;border-left:2px solid #333;border-right:2px solid #333;overflow:hidden;background: #fff;}
.fen h2{height:142px;overflow:hidden;background:url(/img/fen_h.jpg) no-repeat;font: 30px "Microsoft YaHei";color:#fff;}
.fen h2 a{display:block;color:#fff;padding: 41px 0 0 24px;}
.fen h2 em{display:block;font: 30px "Times New Roman", Times, serif;text-transform:uppercase;}
.fen h3{ height:61px; border-bottom:1px solid #e3e3e3; font:20px "Microsoft YaHei"; font-weight:bold; line-height:61px; overflow:hidden;}
.fen h3 a{display:block;color:#333;background:url(/img/fen_arr1.gif) no-repeat right top;/* padding-left:55px; */text-align: center;}
.fen h3 a:hover,.fen .on a{ color:#78bc27;background:url(/img/fen_arr2.gif) no-repeat right center;}   
.fen li{ font:16px "Microsoft YaHei"; line-height:64px; height:64px; overflow:hidden;border-bottom:1px solid #e3e3e3;}
.fen li a{display:block;/* color:#666; *//* padding-left:55px; */text-align: center;}
.fen li a:hover{color: #333333;background: #78bc27;font-weight: bold;}
.fen h5{height:171px;overflow:hidden;background:url(/img/fen_bg.jpg) no-repeat;font:24px Arial;font-weight:bold;text-align:center;color: #fff;}
.fen h5 em{display:block;font:24px "Microsoft YaHei";color: #fff;line-height:32px;background:url(/img/fen_lx.png) no-repeat 70px 0;padding-left:110px;margin-top:55px;text-align:left;}
.pro1{width: 1087px;height:820px;background:#fff;border:1px solid #333;margin-top:38px;}
.pro1 h2{ height:50px; background:#333; overflow:hidden; font:18px "Microsoft YaHei"; line-height:50px; color:#fff;}
.pro1 h2 a{ display:block; color:#f9f8f8; padding:0 0 0 18px;}
.pro1 h2 em{ font:12px Arial; color:#adadad; padding-left:8px; text-transform:uppercase;}
.pro1 h2 span{ display:block; float:right; width:50px; font:14px "Microsoft YaHei"; color:#ccc; line-height:50px; margin-right:18px; background:url(/img/pro_more.gif) no-repeat right center;}
.pro1 li{width: 237px;height: 315px;float:left;display:inline;margin:24px 0 0 27px;overflow:hidden;position:relative;border: 2px solid #e4e4e4;box-sizing: border-box;}
.pro1 li img{display:block;width: 100%;/* height: 262px; *//* border: 2px solid transparent; *//* box-sizing: border-box; */padding: 10px 0px;}
.pro1 li em{display:block;height:50px;width:100%;text-align:center;border-top:1px dashed #e4e4e4;font:16px "Microsoft YaHei";line-height:50px;color:#333;position:absolute;bottom:0;background: #78bc27;}
.pro1 li em:before{ content:""; position:absolute; top:-1px; left:0; width:0; height:1px; background:#78bc27;}
.pro1 li:hover{ display:block; border:2px solid #78bc27; box-sizing:border-box;}
.pro1 li a:hover em:before{ width:100%;-webkit-transition: width .5s;
    transition: width .5s;}
  
.dingz{ height:673px; padding-top:80px; overflow:hidden; background:url(/img/dingz_bg.jpg) no-repeat center top;}
.dingz .content{ height:673px; position:relative;}
.dingz h2{ width:350px; float:left; padding:43px 0 0 30px; font:48px "Microsoft YaHei"; color:#fff;}
.dingz h2 em{ display:block; font:20px "Microsoft YaHei";}
.dingz ul{ width:774px; float:right; margin-top:42px;}
.dingz li{ width:387px; float:left; height:224px; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; text-align:center;}
.dingz li em{ display:block; width:120px; height:120px; margin:0 auto 6px;}
.dingz li em img{ display:block; width:120px; height:120px; border:3px solid #ccc;box-sizing:border-box; border-radius:120px;}
.dingz li span{ display:block; width:210px; margin:8px auto 0; text-align:center; font:14px "Microsoft YaHei"; line-height:24px; color:#333;}
.dingz h5{ width:475px; height:509px; overflow:hidden; position:absolute; top:149px; left:0;}
.dingz h5 img{ display:block;width:475px; height:509px;}  
.dingz li:hover{ color:#78bc27;}
.dingz li:hover em img{ border:3px solid #78bc27;}

.case{height:694px;margin-top:70px;overflow:hidden;/* position: relative; */}
.case dl{ width:580px; float:left; background:#fff; height:530px; margin:30px 40px 0 0; position:relative;}
.case dl:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#78bc27;}
.case dt{ width:580px; height:326px; overflow:hidden; position:relative;}
.case dt img{ display:block;width:580px; height:326px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case dd h4 a{display:block; font:20px "Microsoft YaHei"; color:#333; height:42px; line-height:42px; padding-top:18px; font-weight:bold; border-bottom:1px solid #ccc; overflow:hidden;}
.case dd p{ font:14px "Microsoft YaHei"; line-height:22px; height:44px; overflow:hidden; color:#333; margin:16px 0;}
.case dd em a{ display:block; width:100px; height:32px; font:14px "Microsoft YaHei"; text-align:center; line-height:33px; color:#fff; background:#333;}
.case dl:hover:before{width:100%;-webkit-transition: width .5s;
    transition: width .5s;}
.case dl:hover dd em a{ background:#78bc27;}
.case dl:hover dd h4 a{ color:#78bc27; font-weight:bold;}

.ys{ padding-top:70px; height:885px; overflow:hidden; background:url(/img/ys_bg.jpg) no-repeat center top;}
.ys .tit1,.ys .tit1 em{ color:#fff;}
.yst{ height:100px; margin-top:20px;}
.yst li{width:300px;float:left;text-align:center;font:36px "Microsoft YaHei";font-weight:bold;color:#fff;background:url(/img/ys_dot1.png) no-repeat center top;padding-top:15px;cursor: pointer;}
.yst .cur{ color:#78bc27;background:url(/img/ys_dot2.png) no-repeat center top;}
.ys1{ background:#fff; height:593px; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
.ys dl{ height:593px; overflow:hidden;}
.ys dt{ width:840px; height:593px; float:right; position:relative; overflow:hidden;}
.ys dt img{ display:block;width:840px; height:593px;}
.ys dt:before{ content:""; position:absolute; top:80px; left:0; width:0; height:0; border-left:30px solid #fff; border-top:30px solid rgba(0,0,0,0);border-bottom:30px solid rgba(0,0,0,0);}
.ys dd{ width:323px; float:left; padding-top:75px;}
.ys dd h3{ font:40px "Microsoft YaHei"; font-weight:bold; color:#000; padding-left:57px; background:url(/img/ys_line.gif) no-repeat left 74px; margin-bottom:20px;}
.ys dd h3 em{ display:block; font:24px "Times New Roman", Times, serif; color:#333; text-transform:uppercase; padding-top:5px;}
.ys dd h3 i{ display:block; font:24px "Microsoft YaHei"; padding-top:20px;}
.ys dd p{ width:274px; padding-left:56px; font:14px "Microsoft YaHei"; line-height:22px; color:#333; margin-bottom:17px; position:relative;}
.ys dd p:before{ content:""; position:absolute; top:5px; left:40px; width:0; height:0; border-left:4px solid #333; border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);}
.ys dd span{ display:block; width:218px; height:47px; border:2px solid #999; margin:30px 0 0 55px; font:16px "Microsoft YaHei"; font-weight:bold; line-height:47px; color:#333; background:url(/img/ys_arr.gif) no-repeat 151px center;}
.ys dd span a{ display:block; color:#333; padding-left:54px;}

.about dd span:hover {
    background: url(/img/ys_arr.gif) no-repeat 151px center #78bc27;
}
/*新闻资讯*/
.newbox{/* background:#f7f7f7; */padding-bottom: 70px;height:737px;overflow:hidden;}
.new_t{height:67px;overflow:hidden;padding: 37px 0 0 250px;}
.new_t li{float: left;width:156px;height:37px;font:16px "Microsoft YaHei";text-align:center;line-height:37px;color:#17120f;margin: 0 10px;}
.new_t li a{display:block;color:#17120f;border: 2px solid #999999;border-radius: 2rem;}
.new_t .cur a{ border:2px solid #78bc27; color:#78bc27; font-weight:bold; border-radius:2rem;}
.newbox .yshd{width: 189px;height:27px;position: absolute;right:0;top:550px;}
.newbox .yshd li{float: right;width: 4px;height: 4px;border-radius: 100%;background: #333;border: solid 3px #333;margin: 0 0 0 35px;cursor: pointer;}
.newbox .yshd li.cur,.ys .yshd li:hover{border-color: #78bc27;background: #fff;}

.newtj{float: left;width:600px;}
.newtj dt{width: 600px;height: 337px;overflow: hidden;margin-bottom: 15px;}
.newtj dt img{width: 600px;height: 337px;display: block;}
.newtj dd{position: relative;padding: 0 0 0 50px;}
.newtj dd:before{content: "";position: absolute;width: 100px;height: 2px;background:#78bc27;left:0;top: 45px;}
.newtj h3{height: 56px;line-height: 56px;font-size: 16px;color: #17120f;margin-bottom: 12px;}
.newtj h3 a{color: #17120f;}
.newtj h3 span{font-size: 16px;color: #999999;}
.newtj p{font-size: 14px;line-height: 30px;height: 60px;overflow: hidden;color: #333;}
.newr{float: right;width: 505px;}
.newr dl{height: 130px;color: #333;line-height: 48px;margin-bottom: 21px;}
.newr dt{height:40px;line-height:40px;position: relative;overflow:hidden;margin-bottom: 10px;}
.newr dt:before{ content:""; position:absolute; top:36px; left:0; width:100px; height:2px; background:#78bc27;}
.newr dt span{ display:block; float:left; width:180px; font:40px Arial; color:#17120f; font-weight:bold;}
.newr dt a{font-size: 16px;color: #17120f;display:block;background:url(/img/new_arr.png) no-repeat right center;padding-right: 17px;font-weight: bold;line-height:40px;}
.newr dt b{ display:inline-block; float:right;width:90px;font-size: 15px;color: #999999;line-height: 40px; }
.newr dd p{height: 56px;font-size: 14px;color: #333;line-height: 30px;}
.newr dl:hover dt a{color: #78bc27;}

.about{height:833px;margin:27px 0 80px;overflow:hidden;background: #f7f7f7;}
.about dl{ height:833px;}
.about dt{ width:959px; height:833px; overflow:hidden; float:left; position:relative; margin-left:-360px;}
.about dt img{ display:block;width:959px; height:833px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img,.about dd h4 a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ width:560px; float:right; margin-top:107px;}
.about dd h3{ font:48px "Microsoft YaHei"; font-weight:bold; color:#000;}
.about dd h3 a{ color:#000;}
.about dd h3 em{ display:block; font:22px "Microsoft YaHei"; text-transform:uppercase;}
.about dd h4{ width:919px; height:329px; margin:30px -360px 30px 0; overflow:hidden; position:relative;}
.about dd h4 img{ display:block;width:919px; height:329px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dd p{font: 16px "Microsoft YaHei";line-height:22px;height:88px;overflow:hidden;font-weight:bold;}
.about dd span{ display:block; width:218px; height:47px; border:2px solid #999; margin:30px 0 0 0; font:16px "Microsoft YaHei"; font-weight:bold; line-height:47px; color:#333; background:url(/img/ys_arr.gif) no-repeat 151px center;}
.about dd span a{display:block; color:#333; padding-left:54px;}


.link{/* height:70px; */background: #181818;overflow:hidden;font: 14px "Microsoft YaHei";color:#d5d6d7;text-align:center;/* line-height: 33px; */padding-bottom: 10px;}
.link a{ display: inline-block;padding:0 13px; font:14px "Microsoft YaHei"; color:#d5d6d7;}
.link a:hover{ color:#78bc27; font-weight:bold;}




@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-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);
  }
}
.case .prev {
    position: absolute;
    left: -120px;
    top: 41%;
}

.case .content {
    position: relative;
}

.case .prev img,.case .next img {
    width: 75px;
    opacity: 0.6;
}
.case .prev img:hover, .case .next img:hover {
    opacity: 1;
}
.case .next {
    position: absolute;
    right: -120px;
    top: 41%;
}

.pro .tit1 {letter-spacing: 10px;}


.content1 {
    width: 1380px;
    margin: 0 auto;
}
.pro1 li:hover em {background: #78bc27;}