@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:620px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:620px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:620px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:40px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#00853c;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#05265c;}

.tit1{ font:42px "Microsoft YaHei"; text-align:center; color:#333;}
.tit1 a{ display:block; color:#333;}
.tit1 b{ color:#00853c;}
.tit1 i{ display:block; font:14px "Microsoft YaHei"; color:#cfcfcf;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#333; background:url(../images/pro_line.png) no-repeat center top; margin-top:10px; padding-top:16px; text-transform:uppercase;}

.bg01{ height:auto;}

.pro{ margin:60px 0;overflow:hidden;}
.fen{ width:290px;overflow:hidden;position:relative;}
.fen h2{ font:24px "Microsoft YaHei"; text-align:center; height:72px; padding-top:50px;background:url("../images/fen_bg-1.jpg") top center no-repeat;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{ display:block; font:12px Arial; color:#a5b4dc; text-transform:uppercase; padding-top:4px;}
.fen .p{background:url("../images/fen_bg-2.jpg") top center repeat-y;padding-bottom:15px;}
.fen h3{ height:50px; width:243px; margin:0px auto 0; font:16px "Microsoft YaHei"; line-height:50px;overflow:hidden;padding-top:17px;}
.fen h3 a{ display:block; color:#fff; background:url(../images/fen_bg1.jpg) no-repeat center top; padding-left:30px;}
.fen .cur a{background:url(../images/fen_bg2.jpg) no-repeat center top;}
.fen ul{ width:243px; margin:6px auto;}
.fen li{ font:14px "Microsoft YaHei"; line-height:39px; border-bottom:1px dashed #dadada;}
.fen li a{ color:#666; display:block; background:url(../images/fen_arr.png) no-repeat 7px center; padding-left:27px;}
.fen li a:hover{ color:#00853c; font-weight:bold;}
.fen .p2{position:relative;background:url("../images/fen_bg-3.jpg") bottom center no-repeat;height:171px;}
.fen h5{ font:14px "Microsoft YaHei"; color:#333; background:url(../images/fen_lx.png) no-repeat left top; padding-top:42px; height:47px; position:absolute; bottom:65px; left:128px;}
.fen h5 em{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#00853c;}

.pro1{ width:880px; float:right; margin-top:17px; overflow:hidden;}
.pro1 h3{ height:79px; overflow:hidden; font:24px "Microsoft YaHei"; line-height:79px; color:#161616; background:url(../images/pro_line.gif) no-repeat 257px 40px;}
.pro1 h3 a{ display:block; color:#161616;}
.pro1 h3 em{ font:14px "Microsoft YaHei"; color:#7c7c7c; padding-left:8px;}
.pro1 h3 i{ float:right; font:14px "Microsoft YaHei"; color:#7c7c7c; background:url(../images/pro_arr.png) no-repeat right center; padding-right:20px; margin-top:30px;}
.pro1 li{ width:279px; float:left; margin:0 21px 20px 0;}
.pro1 li img{ display:block; width:275px; height:205px; border:2px solid #e7e7e7;}
.pro1 li em{ display:block; font:15px "Microsoft YaHei"; height:46px; line-height:46px; background:#e7e7e7 url(../images/pro_btn.png) no-repeat 227px center; color:#666; overflow:hidden; padding-left:20px;}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li a:hover img{ border:2px solid #00853c;}
.pro1 li a:hover em{ font-weight:bold; color:#fff; background:#00853c url(../images/pro_btn2.png) no-repeat 227px center;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}

.huis{ background:url(../images/huis_bg.jpg) no-repeat center top; height:646px; overflow:hidden; padding-top:70px;}
.huis h2{ text-align:center; height:216px; overflow:hidden;}
.huis h2 em{ display:block; font:37px "Microsoft YaHei"; font-weight:bold; color:#00853c; margin-top:20px;}
.huis2{ height:350px; position:relative;}
.huis2 ul{ width:410px; height:350px; overflow:hidden; background:#fff; border-radius:5px;}
.huis2 li{ width:410px; height:87px; border-bottom:1px dashed #dedede; font:16px "Microsoft YaHei"; line-height:87px; color:#333; overflow:hidden;}
.huis2 li em{ display:block; width:48px; height:48px; border-radius:48px; background:#00853c; float:left; margin:20px 20px 0 30px; font:22px Arial; text-align:center; line-height:48px; color:#fff;}
.huis2 ul:nth-child(1) li:nth-child(3),.huis2 ul:nth-child(1) li:nth-child(8){ font:16px "Microsoft YaHei"; width:400px; line-height:24px; color:#333; padding:20px 10px 0 0; height:67px;}
.huis2 ul:nth-child(1) li:nth-child(3) em,.huis2 ul:nth-child(1) li:nth-child(8) em{ margin:0 20px 0 30px;}
.huis2 ul:nth-child(1) li:nth-child(5){ position:absolute; top:0; right:0;}
.huis2 ul:nth-child(1) li:nth-child(6){ position:absolute; top:88px; right:0;}
.huis2 ul:nth-child(1) li:nth-child(7){ position:absolute; top:176px; right:0;}
.huis2 ul:nth-child(1) li:nth-child(8){ position:absolute; bottom:0; right:0; border:0;}
.huis2 li:hover,.huis2 .cur,.huis2 ul:nth-child(1) li:nth-child(3):hover,.huis2 ul:nth-child(1) li:nth-child(8):hover{ color:#fff;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1074df+0,00853c+100 */
background: #00b451; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00b451 0%, #00853c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #00b451 0%,#00853c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #00b451 0%,#00853c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b451', endColorstr='#00853c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.huis2 li:hover em,.huis2 .cur em{ background:#fff; color:#00853c;}

.ys{ background:url(../images/ys_bg.jpg) no-repeat center top; height:1344px; padding-top:173px; overflow:hidden;}
.ys .content{ position:relative;}
.ys h2{ width:670px; height:163px; position:absolute; top:-140px; left:268px; z-index:8;}
.ys dl{ height:673px;}
.ys dt{ width:960px; height:673px; overflow:hidden; position:relative; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:673px;}
.ys dd{ width:550px; margin-top:57px;}
.ys dd h3{ height:105px; background:url(../images/ys_bg.png) no-repeat center top; font:18px "Microsoft YaHei"; line-height:85px; color:#333; margin-top:20px;}
.ys dd h3 em{ display:block; width:105px; height:85px; text-align:center; font:42px Arial; color:#fff; float:left; line-height:85px; margin-right:62px;}
.ys dd p{ font:14px "Microsoft YaHei"; line-height:26px; background:url(../images/ys_arr.png) no-repeat left 5px; padding-left:25px;}
.ys dd span img{ display:block; margin-top:24px;}
.ys dl:nth-child(3) dt{ margin-right:-360px;}
.ys dl:nth-child(3) dd{ margin-top:40px;}

.case{ background:url(../images/case_bg.jpg) no-repeat center top; padding-top:45px;}
.case .tit1 a,.case .tit1 em,.case .tit1 b{ color:#fff;}
.case .tit1 em{ background:url(../images/case_line.png) no-repeat center top;}
.case1{ margin:60px auto 40px; position:relative;}
.case1 dl{ width:383px; float:left; margin-right:25px; background:#fff; border-bottom:8px solid #fff;}
.case1 dt{ width:383px; height:216px; overflow:hidden;}
.case1 dt img{ display:block;width:383px; height:216px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ padding:32px 35px 30px;}
.case1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; color:#333;}
.case1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; overflow:hidden; margin:10px 0 30px;}
.case1 dd span a{ display:block; width:75px; height:32px; overflow:hidden; background:url(../images/case_btn1.png) no-repeat;}
.case1 dl:hover{ background:#00853c; border-bottom:8px solid #00b451;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dl:hover dd h3 a,.case1 dl:hover dd p{ color:#fff;}
.case1 dl:hover dd span a{background:url(../images/case_btn2.png) no-repeat;}
.case_l{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:172px; left:-22px;}
.case_r{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:172px; right:-22px;}

.case3{ position:relative;}
.case3 h2{ height:58px; overflow:hidden; background:url(../images/par_line.png) no-repeat 153px center; font:22px "Microsoft YaHei"; line-height:58px; color:#4b4b4b;}
.case3 h2 a{ display:block; color:#4b4b4b; background:url(../images/par_icon.png) no-repeat left center; padding-left:40px;}
.case3 dl{ width:284px; float:left; margin-right:24px;}
.case3 dt{ width:282px; height:157px; border:1px solid #d9d9d9; overflow:hidden;}
.case3 dt img{ display:block;width:282px; height:157px;}
.case3 dd h3 a{ display:block; font:18px "Microsoft YaHei"; line-height:45px; margin-top:16px; position:relative; color:#333;}
.case3 dd h3 a:before{ content:""; position:absolute; bottom:0; left:0; width:16px; height:2px; background:#00853c;}
.case3 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; margin-top:8px; height:48px; overflow:hidden;}
.case3 dl:hover dt{ border:1px solid #00853c;}
.case3 dl:hover dd h3 a{ font-weight:bold; color:#00853c;}
.case_l2{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:112px; left:-22px;}
.case_r2{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:112px; right:-22px;}
.case2,.case4{ overflow:hidden; width:1200px;}

.guan{ background:url(../images/guan1.jpg) no-repeat center top; height:200px; overflow:hidden;}
.guan h2{ width:520px; margin:40px 0 0 400px; font:32px "Microsoft YaHei"; color:#fff; float:left;}
.guan h2 em{ display:block; font:21px "Microsoft YaHei"; padding-top:8px; margin-top:8px; width:490px; border-top:1px solid #fff;}
.guan h2 span{ display:block;font:16px "Microsoft YaHei"; color:#fff;margin-top:10px;}
.guan h2 span i{font:30px Arial; font-weight:bold;}
.guan h5{ width:125px; font:16px "Microsoft YaHei"; color:#fff;  margin-top:30px; float:right;}
.guan h5 img{ display:block; width:125px; height:125px;}
.guan h5 em{display:block; font:14px "Microsoft YaHei"; padding-top:8px; text-align:center;}


.new{ height:772px; margin-top:66px;overflow:hidden;}
.dy{ margin-top:14px; width:568px; overflow:hidden; float:left;}
.dyt{ height:72px; font:22px "Microsoft YaHei"; line-height:72px; color:#4b4b4b; overflow:hidden; position:relative;}
.dyt a{ display:block; color:#4b4b4b;}
.dyt em{ font:24px Arial; position:absolute; top:16px; left:95px;}
.dy1 dl{ height:409px; overflow:hidden;}
.dy1 dt{ width:568px; height:284px; overflow:hidden;}
.dy1 dt img{ display:block; width:568px; height:284px;-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 h3 a{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; margin:19px 0 8px; overflow:hidden; color:#333;}
.dy1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; overflow:hidden;}
.dy1 li{ font:14px "Microsoft YaHei"; line-height:36px; height:36px; text-decoration:underline; overflow:hidden; color:#666666; background:url(../images/new_arr.png) no-repeat left center; padding-left:30px;}
.dy1 li a{ display:block; color:#666666;}
.dy1 li a span{float:right;}
.dy1 dd h3 a:hover,.dy1 li a:hover,.faq li a:hover{ color:#00853c;}

.faq{ width:582px; margin-top:14px; overflow:hidden;}
.faq dl{ height:160px;border-bottom:1px solid #d6d6d6; margin-bottom:18px;}
.faq dt{ height:30px; font:18px "Microsoft YaHei"; line-height:30px; overflow:hidden;}
.faq dt a{ display:block; color:#333;}
.faq dt em{ display:block; width:80px; height:30px; font:16px "Microsoft YaHei"; line-height:30px; text-align:center; background:#00853c; color:#fff; float:left; margin-right:9px;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:28px; color:#666; margin-top:16px;}
.faq dd a{ color:#00853c; display:block;}
.faq li{ font:14px "Microsoft YaHei"; line-height:37px; height:37px; overflow:hidden;}
.faq li a{ display:block; color:#666; background:url(../images/new_arr.png) no-repeat right center;}
.faq li a span{float:right;margin-right:25px;}
.faq li em{ float:right; color:#999;}
.faq li a:hover{ background:url(../images/faq_arr2.png) no-repeat right center; text-decoration:underline;}
.faq h5{ background:#19191a; height:157px; overflow:hidden; margin-top:25px;}
.faq h5 img{ display:block; width:410px; height:157px; float:left;}
.faq h5 span{ display:block; width:170px; float:left; text-align:center; font:20px "Microsoft YaHei"; color:#fff;padding:53px 0 35px;}
.faq h5 span em{ display:block;}



/*关于*/
.about{height:630px; background:url(../images/about_bg.jpg) no-repeat center top; padding-top:60px;overflow: hidden;}
.about dl{ height:381px; width:1126px; margin:33px 0 0 15px;}
.about dt{ width:696px; height:381px; float:left; overflow:hidden;}
.about dt img{ display:block;width:696px; height:381px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt 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:370px; float:right; overflow:hidden; margin-top:54px;}
.about dd h3 a{ display:block; font:20px "Microsoft YaHei"; font-weight:bold; color:#333; margin-bottom:18px;}
.about dd p{ font:15px "Microsoft YaHei"; line-height:26px;}
.about dd span a{ display:block; background:url(../images/about_btm.gif) no-repeat; width:75px; height:33px; margin-top:20px;}

.pic{ height:415px; margin-top:67px; overflow:hidden;}
.pict{ width:585px; height:53px; margin:0 auto 16px; overflow:hidden;text-align:center;}
.pict li{ width:195px; height:53px; overflow:hidden; font:18px "Microsoft YaHei"; line-height:48px;display:inline-block;}
.pict li a{ display:block; color:#333; background:url(../images/pic_bg1.png) no-repeat center top; height:53px;}
.pict li em{ display:inline-block; width:32px; height:29px;vertical-align:middle;margin-right:5px;}
.pict li:nth-child(1) em{ background:url(../images/pic_icon1.png) no-repeat;}
.pict li:nth-child(2) em{ background:url(../images/pic_icon2.png) no-repeat;}
.pict li:nth-child(3) em{ background:url(../images/pic_icon3.png) no-repeat;}
.pict li a:hover,.pict .cur a{background:url(../images/pic_bg2.png) no-repeat center top; color:#fff;}
.pict li a:hover em,.pict .cur:nth-child(1) em,.pict .cur:nth-child(2) em,.pict .cur:nth-child(3) em{ background-position:0 -29px;}
.pic1{ height:300px; position:relative;}
.pic1 li{ width:285px; float:left; margin:0 20px 0 0;}
.pic1 li img{ display:block; width:285px; height:214px;}
.pic1 li em{ display:block; height:56px; border-bottom:1px solid #d9d9d9; background:url(../images/pro_btn.png) no-repeat right center; font:14px "Microsoft YaHei"; line-height:56px; color:#333; overflow:hidden;}
.pic1 li:hover em{ font-weight:bold; color:#00853c; border-bottom:1px solid #00853c;}
.pic_l{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:84px; left:-22px;}
.pic_r{ width:44px; height:44px; background:#00853c; font:20px "宋体"; font-weight:bold; text-align:center; line-height:44px; color:#fff; position:absolute; top:84px; right:-22px;}


.link{background:#191919; overflow:hidden;}
.link p{ width:1000px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#a8a8a8;line-height:47px;}
.link p a{ display: inline-block; padding-right:26px;font:14px "Microsoft YaHei"; color:#7b7a7a; line-height:47px; height:47px;}
.link p a:last-child{ padding:0;}
.link p a:hover{ color:#fff; font-weight:bold;}
.link em{float:right; width:81px; height:69px; overflow:hidden;}
.link em img{width:81px; height:69px;display:block;}


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