@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;}


.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#000000; height:140px; background:url(../images/pro_line.png) no-repeat center 44px;}
.tit1 a{ display:block; color:#000000;}
.tit1 em{ display:block; font:24px "Microsoft YaHei";}

.pro{ height:1100px; margin-top:88px; overflow:hidden; position:relative;}
.prot{ width:100%; height:226px; position:absolute; top:142px; z-index:2;}
.prot ul{ height:226px; width:1200px; margin:0 auto;}
.prot li{ width:230px; height:216px; float:left; margin-right:12px;}
.prot li a{ display:block; width:228px; height:190px; background:#fff; border:1px solid #bebebe; font:23px "Microsoft Yahei"; text-align:center; color:#000; padding-top:24px;}
.prot li em{ display:block; font:14px "Microsoft Yahei"; color:#8c8c8c;text-transform:capitalize;}
.prot li b{ display:block; width:83%; height:auto; margin:10px auto 0;}
.prot li b img{ display:block;width:100%;}
.prot .nones{ margin-right:0;}
.prot li a:hover{ background:url(../images/pro_bg2.jpg) no-repeat center top; color:#fff;}
.prot li a:hover em{ color:#a7e5cf;}

.pro1{ height:745px; overflow:hidden; background:url(../images/pro1_bg.jpg) no-repeat center top; width:100%; margin-top:105px;}
.pro01{ position:relative; height:323px; width:1200px; margin:170px auto 0;}
.pro1 ul{ height:323px; width:710px;}
.pro1 li{ width:114px; height:100px; float:left; margin:0 24px 50px 0; background:#fff; border-radius:10px; font:18px "Microsoft Yahei"; text-align:center; color:#000; padding-top:14px;}
.pro1 li span{ display:block; width:62px; height:51px; margin:0 auto 4px; position:relative;}
.pro1 li span em{display:block;}
.pro1 li span i{display:none;}
.pro1 li img{display:block; width:62px; height:51px;}
.pro1 li:hover em,.pro1 .cur em{display:none;}
.pro1 li:hover i,.pro1 .cur i{display:block;}
.pro1 li:hover,.pro1 .cur{ background:url(../images/pro_bg1.png) no-repeat center top; color:#fff;}
.pro1 h5{ font:18px "Microsoft Yahei"; color:#000; text-transform:uppercase; height:60px; text-align:left;}
.pro1 h4{ font:14px "Microsoft Yahei"; color:#282828; background:url(../images/pro_lx.png) no-repeat; padding:0 0 0 62px;}
.pro1 h4 em{ display:block; font:26px Arial, Helvetica, sans-serif; color:#282828; font-weight:bold;}

.solve{ height:auto; margin-bottom:95px;}
.solvet{ height:60px; width:1200px; margin:0 auto; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:30px; position:relative;}
.solvet h3{ width:399px; height:60px; float:left; font:22px "Microsoft Yahei"; line-height:60px;}
.solvet h3 a{ display:block; color:#000;}
.solvet h3 span{ display:block; width:30px; height:27px; float:left; position:relative; margin:15px 16px 0 110px; overflow:hidden;}
.solvet h3 span em{display:block;}
.solvet h3 em i{display:none;}
.solvet h3 img{display:block; width:30px; height:27px;}
.solvet h3 .erji{ display:none; width:1200px; position:absolute; top:60px; font:15px "Microsoft Yahei"; line-height:75px; color:#282828;}
.solvet h3:nth-child(2) .erji{ margin-left:-399px;}
.solvet h3:nth-child(3) .erji{ margin-left:-798px;}
.solvet h3 .erji a{ display:inline-block; color:#282828; background:none; padding:0 20px;}
.solvet h3 .erji a:hover,.solvet h3.cur .erji a:hover{ text-decoration:underline; color:#7ac64e; background:none;}
.solvet h3 a:hover span em,.solvet .cur span em{display:none;}
.solvet h3 a:hover span i,.solvet .cur span i{display:block;}
.solvet h3 a:hover,.solvet .cur a{ background:url(../images/fang_bg.png) no-repeat center top; background-size:100% 100%; color:#fff;}
.solvet h3 a:hover .erji,.solvet .cur .erji{ display:block;}
.solve1{ margin-top:90px; height:auto;}
.solve1 dl{ background:#eee url(../images/fang_bg.jpg) no-repeat center top; max-height:790px; overflow:hidden;}
.solve1 dt{ float:left; width:49.94%;}
.solve1 dt img{ display:block; width:100%;}
.solve1 dd{ width:600px; float:left; padding:3% 0 0 3%;}
.solve1 dd .so_dd{ height:auto;}
.solve1 dd .so_dd b{ display:block; font:22px "Microsoft YaHei"; color:#000; background:url(../images/fang_icon01.png) no-repeat left center; padding-left:30px; margin:15px 0;}
.solve1 dd .so_dd p{ font:16px "Microsoft YaHei"; line-height:32px; color:#515151;}
.solve1 dd .so_dd h5{ font:18px "Microsoft YaHei"; line-height:42px; margin-bottom:22px;}
.solve1 dd .so_dd h5 em{display:inline-block; color:#fff;padding:0 14px; line-height:42px;background:url(../images/about_btn.png) no-repeat; background-size:100% 100%; margin-right:8px;}
.solve1 dd .so_dd h5 em:last-child{ margin-right:0;}
.solve1 dd h4{ font:14px "Microsoft YaHei"; color:#000; background:url(../images/fang_lx.png) no-repeat left center; margin-top:30px; padding:8px 0 8px 55px;}
.solve1 dd h4 em{ display:block; font:26px Arial; font-weight:bold;}

.fang{ height:1078px; margin-bottom:95px;}
.fangt{ height:91px; width:1200px; margin:0 auto; overflow:hidden;}
.fangt h3{ width:164px; height:53px; float:left; margin-right:8px; font:18px "Microsoft YaHei"; text-align:center; line-height:53px;}
.fangt h3 a{ display:block; color:#fff; background:#333; border-radius:8px;}
.fangt h3:last-child{ margin-right:0;}
.fangt h3 a:hover,.fangt .cur a{ background:url(../images/fang_bg1.png) no-repeat center top;}
.fang1{ height:auto;}
.fang1 dt{ height:714px; overflow:hidden;}
.fang1 dt a{ display:block; height:714px; overflow:hidden;}
.fang1 dd{ width:1200px; margin:-140px auto 0; background:#fff; height:280px; box-shadow:0.1rem 0.1rem 0.8rem 0.1rem #ddd; position:relative;}
.fang1 dd p{ width:350px; height:250px; padding:30px 25px 0 25px; float:left;}
.fang1 dd p b{ display:block; font:22px "Microsoft YaHei"; color:#000; background:url(../images/fanga_icon.png) no-repeat left center; padding-left:32px;}
.fang1 dd p em{ display:block; font:16px "Microsoft YaHei"; line-height:28px; color:#737373; margin-top:18px;}
.fang1 dd p:hover{ background:url(../images/fanga_bg.jpg) no-repeat center top; background-size:100% 100%;}
.fang1 dd p:hover b{ background:url(../images/fang_icon01.png) no-repeat left center;}

.jiag{ height:940px; overflow:hidden;}
.jiag .tit1{ background:url(../images/jiag_line.png) no-repeat center 64px; height:162px;}
.jiag .tit1 em{ margin-top:10px;}
.jiag h5 img{ display:block; width:1200px; height:689px;}

.peit{ height:1000px; overflow:hidden; background:url(../images/down_bg.jpg) no-repeat center 164px;}
.peit .tit1,.news .tit1{ background:url(../images/peit_line.png) no-repeat center 55px; height:164px;}
.peit dt{ height:480px; width:727px; margin:103px auto 0; font:20px "Microsoft YaHei"; text-align:center; line-height:32px; color:#000;}
.peit dd{ margin-top:40px;}
.peit dd p{ width:326px; height:167px; float:left; background:url(../images/down_bg1.png) no-repeat; margin-right:111px;}
.peit dd p em{ display:block; float:left; width:150px; text-align:right; font:27px "Microsoft YaHei"; color:#818181; padding-top:55px;}
.peit dd p em a{ display:block; width:131px; height:40px; background:url(../images/wit_btn.png) no-repeat; font:15px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff; margin:8px 0 0 30px; position:relative;}
.peit dd p b{ display:none; width:180px; height:180px; position:absolute; top:-112px; left:-30px;}
.peit dd p b img{display:block; width:180px; height:180px;}
.peit dd p:hover b{ display:block;}
.peit dd p span{ display:block; width:98px; height:180px; float:left; margin:-30px 0 0 40px;}
.peit dd p:last-child{ margin-right:0;}
.peit dd p:last-child span{ width:216px; height:148px; float:right; position:relative; margin:-3px -70px 0 0;}
.peit dd p:hover{ background:url(../images/down_bg2.png) no-repeat;}
.peit dd p:hover em{ color:#7cc64c;}

.par{ height:566px; background:url(../images/par_bg.jpg) no-repeat center top; padding-top:100px;}
.par1{ width:1200px; overflow:hidden;}
.par li{ width:212px; height:112px; border:1px solid #dfdfdf; float:left; margin:0 26px 42px 0;}
.par li img{ display:block;width:212px; height:112px;}
.par li:hover{ box-shadow:0.1rem 0.1rem 0.8rem 0.1rem #ddd;}

.wit{ background:url(../images/wit_bg.jpg) no-repeat center top; height:827px; overflow:hidden; padding-top:90px;}
.wit dl{ height:600px; position:relative; overflow:hidden;}
.wit dt img{ display:block; width:1200px; height:600px;}
.wit dd{ width:100%; height:113px; background:rgba(0,0,0,0.8); position:absolute; bottom:0;}
.wit dd h4 a{ display:block; font:24px "Microsoft YaHei"; color:#f6f6f6; padding:25px 0 0 40px;}
.wit dd p{ width:930px; padding:8px 0 0 40px; font:14px "Microsoft YaHei"; color:#dadada;}
.wit dd h5 a{ display:block; width:131px; height:40px; background:url(../images/wit_btn.png) no-repeat; position:absolute; top:35px; right:45px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;}


/*新闻资讯*/
.news{ height:800px; padding-top:100px; overflow:hidden;}
.dyt{ height:42px; border:1px solid #ddd; border-right:0; width:692px; margin:0 auto 33px;}
.dyt h3{ width:172px; height:42px; float:left;border-right:1px solid #ddd; font:20px "Microsoft YaHei"; line-height:42px; color:#222;}
.dyt h3 a{ display:block; color:#222; text-align:center;}
.dyt h3 a:hover,.dyt .cur a{ color:#fff; background:url(../images/new_bg.jpg) no-repeat center top;}
.dy1{ height:540px;}
.dy1 dl{ width:580px;}
.dy1 dt{ width:580px; height:290px; overflow:hidden;}
.dy1 dt img{ display:block;width:580px; height:290px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy1 dd{ padding:20px 0; border-bottom:1px solid #ebebeb;}
.dy1 dd h4 a{ display:block; font:18px "Microsoft YaHei"; line-height:32px; height:32px; color:#000;}
.dy1 dd h4 em{ float:right; font:12px Arial; font-style:italic; color:#aaa; line-height:32px; text-transform:uppercase;}
.dy1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; padding-top:5px;}


/*关于*/
.about{ height:672px; background:url(../images/about_bg.jpg) no-repeat center top;overflow: hidden;}
.about h2{ font:66px "Microsoft YaHei"; font-weight:bold; color:#f7f7f7; padding:112px 0 45px; text-align:center;}
.about h2 a{ display:block; color:#f7f7f7;}
.about h2 em{ display:block; font:36px "Microsoft YaHei"; color:#fff;}
.about dd{ padding:23px 80px 0 80px; font:16px "Microsoft YaHei"; line-height:30px; color:#c5c7cc; text-align:center;}
.about dt a{ display:block; width:207px; height:53px; margin:35px auto 0; background:url(../images/about_btn.png) no-repeat; font:16px "Microsoft YaHei"; text-align:center; line-height:53px; color:#fff;}

.pic{ padding:67px 0; height:45px;}
.pic li{ float:left; margin-right:110px; height:45px;}
.pic li em{width:158px; height:42px; float:left; margin-right:12px;}
.pic li em img{ display:block;width:158px; height:42px;}
.pic li span{ display:inline-block; font:22px "Microsoft YaHei"; color:#000;}
.pic li span i{ display:block; font:12px "Microsoft YaHei"; color:#a3a3a3; text-transform:uppercase;}
.pic .nones{ margin-right:0;}


.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -122px;right: 0; width:340px; height:67px;}
.link p{ width:340px; float: left;overflow: hidden; font:12px "Microsoft YaHei"; color:#a4a4a4;line-height:62px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 14px 0 15px; font:12px "Microsoft YaHei"; color:#a4a4a4; line-height:62px; height:62px; position:relative;}
.link p a:hover{color: #7fc647;text-decoration: underline;}
.link p a:last-child{ padding-right:0;}


@-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);
  }
}