锘緻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{max-width:1920px; height:670px;width:100%; margin:0 auto; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:670px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:670px;}
.banner .bantil{ width:160px; height:13px;position:absolute; bottom:40px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:20px; height:20px; float:left; display:inline;opacity:1; margin:0 13px; border-radius:20px; background:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #fff;}
.banner .bantil li.on{ width:40px;background:#006537;}

.tit1{ font:48px "Microsoft YaHei"; text-align:center;color:#1e1e1e;}
.tit1 em{ display:block; font:22px "Microsoft YaHei"; margin-top:5px; color:#222;}

.yinz{ height:580px; overflow:hidden; margin-top:50px;}
.yinz dl{ height:390px; overflow:hidden; background:#EFF9FB;/*url(../images/yinz_bg.jpg) no-repeat center bottom*/}
.yinz dt{ width:588px; height:393px; float:right; overflow:hidden;}
.yinz dt img{ display:block; width:588px; height:393px;}
.yinz dd{ width:500px; padding:40px 0 0 50px;}
.yinz dd h4,.yinz dd h4 a{ font:22px "Microsoft YaHei UI"; color:#2e2e2e; text-align:center;}
.yinz dd h4 img{ display:block; margin-bottom:8px;}
.yinz dd p{ font:16px "Microsoft YaHei UI"; line-height:28px; color:#333; margin-top:35px;}
.yinz ul{ height:130px; margin-top:15px;}
.yinz li{ font:20px "Microsoft YaHei UI"; font-weight:bold; color:#333; float:left; width:165px; padding-left:70px;position:relative;}
.yinz li span{ display:block; font:16px "Microsoft YaHei UI"; color:#333;}
.yinz li em{ font:60px Tahoma, Geneva, sans-serif; color:#006537;}
.yinz li span b{ font-weight:normal;}
.yinz li:before{content:""; position:absolute; top:18px; right:0; width:1px; height:70px; background:#eee;}
.yinz li:last-child:before{ background:none;}
.yinz li:nth-child(1){ padding-left:0;}
.yinz li:nth-child(4){ width:200px;}
.yinz li:nth-child(5){ padding:0; float:right; width:206px;}
.shiping dt{ height:350px;}
.shiping dd{ text-align:center; font-size:17px; color:#333;line-height:38px;}

.pro1{ background:url(../images/pro_bg1.jpg) no-repeat center top; height:1127px; overflow:hidden; padding-top:40px;}
.pro1 .tit1 em{ color:#fff;}
.pro01{ width:1200px; padding:30px 30px 0 30px; height:870px; overflow:hidden; margin:55px auto 0; background:#fff;}
.prott{ height:105px; margin:0 0 0 404px;}
.prott em{ display:block; font:84px "Times New Roman", Times, serif; color:#006537; float:left; width:94px;}
.prott span{ display:block; font:44px "Microsoft YaHei UI"; font-weight:bold; color:#006537; margin-top:8px; width:550px; float:left;}
.prott span i{ display:block; font:15px "Times New Roman", Times, serif; color:#7fb29b; text-transform:uppercase; font-weight:bold;}
.prot1{ height:51px; background:#e2edef; border:1px solid #dedede; border-radius:2rem; margin-bottom:28px; font:16px "Microsoft YaHei UI"; line-height:51px; text-align:center;}
.prot1 a{ display:inline-block; color:#333333; border-right:1px solid #dedede; padding:0 16px;}
.pro02.clearfix dd h4 {
    text-align: center;
}
.prot1 a:last-child{ border:0;}
.prot1 a:hover{ background:#006537; color:#fff;-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;}
.pro02 dl{ width:539px; overflow:hidden;}
.pro02 dt{ width:539px; height:539px; overflow:hidden;}
.pro02 dt img{ display:block;width:539px; height:539px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro02 dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; color:#333; margin-top:12px;}
.pro02 dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#333; margin-top:8px;}
.pro02 ul{ width:630px; overflow:hidden;}
.pro02 li{ width:310px; height:310px; overflow:hidden; position:relative; margin-bottom:9px;}
.pro02 li img{ display:block; width:310px; height:310px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro02 li h4{ height:40px; background:rgba(0,0,0,0.4); font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; overflow:hidden; color:#fff; position:absolute; bottom:0; width:100%;}
.pro02 li:nth-child(2n-1){ float:left;}
.pro02 li:nth-child(2n){ float:right;}
.pro02 dl:hover dt img,.pro02 li a:hover img,.pro31 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro02 dl:hover dd h4 a{ color:#006537; font-weight:bold;}
.pro02 li a:hover h4{ background:rgba(0,101,55,0.6);}

.pro2{ background:#eef9fb; height:960px; padding-top:45px; overflow:hidden;}
.pro2 .pro01{ margin:0 auto; height:760px; box-shadow:0.1rem 0.1rem 1rem 0.1rem #c5ced0;}

.pro3{ background:url(../images/pro_bg3.jpg) no-repeat center top; height:772px; padding-top:40px;}
.pro3 .prott{ height:105px; margin:0 0 0 430px;}
.pro3 .prott em{ display:block; font:84px "Times New Roman", Times, serif; color:#fff; float:left; width:94px;}
.pro3 .prott span{ display:block; font:44px "Microsoft YaHei UI"; font-weight:bold; color:#fff; margin-top:8px; width:550px; float:left;}
.pro3 .prott span i{ display:block; font:15px "Times New Roman", Times, serif; color:#fff; opacity:0.6; text-transform:uppercase; font-weight:bold;}
.pro31{ width:1200px; padding:30px 30px 0 30px; height:540px; margin:0 auto; overflow:hidden; background:#fff;box-shadow:0.1rem 0.1rem 1rem 0.1rem #999;}
.pro31 dl{ width:288px; float:left; margin-right:16px;}
.pro31 dt{ width:288px; height:288px; overflow:hidden;}
.pro31 dt img{ display:block; width:288px; height:288px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro31 dd{box-shadow:0.1rem 0.1rem 0.6rem 0.1rem #999; background:#fff; padding:20px 15px 30px 15px;}
.pro31 dd h4 a{ display:block; font:20px "Microsoft YaHei UI"; font-weight:bold; text-align:center; color:#006537;}
.pro31 dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#666; text-align:center; margin:12px 0;}
.pro31 dd em a{ display:block; width:135px; height:35px; font:16px "Microsoft YaHei UI"; color:#006537; margin:0 auto; border:1px solid #006537; border-radius:2rem; text-align:center; line-height:35px;}
.pro31 dl:nth-child(4){ margin-right:0;}
.pro31 dl:hover dd em a{ color:#fff; background:#006537;-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;}







.par{ height:480px; overflow:hidden; margin-top:65px;}
.part{ height:80px; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#333; line-height:80px; overflow:hidden;}
.part a{ display:block; color:#333;}
.part em{ float:right; font:14px "Microsoft YaHei UI"; line-height:80px; color:#666; background:url(../images/par_arr.png) no-repeat right center; padding-right:20px;}
.par1{ width:590px; height:290px; overflow:hidden; margin-top:35px;}
.par1 li{ width:190px; height:87px; float:left; margin:0 10px 10px 0;}
.par1 li img{ display:block; width:190px; height:87px;}
.par1 li:nth-child(3n){ margin-right:0;}


.honor{ background:url(../images/honor_bg.jpg) no-repeat center bottom; height:567px; overflow:hidden; padding-top:60px;}
.honort{ width:560px; height:60px; margin:34px auto 75px; overflow:hidden; background:#fff;}
.honort h3{ width:185px; height:60px; float:left; border-right:1px solid #eee; font:18px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:60px;}
.honort h3 a{ display:block; color:#333;}
.honort h3:last-child{ width:188px; border:0;}
.honort .cur a{ background:#006537; color:#fff;-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;}
.honor1,.honor3{ height:320px; overflow:hidden;}
.honor1 li{ width:210px; float:left; margin:0 13px;}
.honor1 li img{ display:block; width:100%;}

.xit{ background:url(../images/xit_bg.jpg) no-repeat center top; height:739px; overflow:hidden;}
.xit h4{ font:24px "Microsoft YaHei UI"; font-weight:bold; color:#fff; position:absolute; top:95px; left:0;}
.xit h4 a{ color:#fff;}
.xit h4 img{ display:block;}
.xit .content{ height:739px; position:relative;}
.xit dl{ height:739px;}
.xit dt{ width:961px; height:739px; float:right; overflow:hidden; margin-right:-360px;}
.xit dt img{ display:block; width:961px; height:739px;}
.xit dd{ width:540px; float:left; margin-top:500px;}
.xit dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; position:relative; padding-left:30px; color:#fff;}
.xit dd p:before{ content:""; position:absolute; top:10px; left:0; width:12px; height:2px; background:#fff;}
.xit dd span a{ display:block; width:144px; height:42px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:42px; overflow:hidden; color:#fff; margin-top:35px; border-radius:2rem; border:1px solid #fff;}
.xitt{ position:absolute; top:245px; left:0;}
.xitt h3{ width:465px; height:80px; border-radius:10px; margin-bottom:20px;}
.xitt h3 a{ display:block; background:#fff; border-radius:30px; font:24px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#333; height:80px; line-height:80px;}
.xitt .cur a{ background:#008548; color:#fff;}

.ys{ margin:65px 0 55px;}
.ys dt{ width:960px; position:relative; margin-left:-360px; overflow:hidden;}
.ys dt img{ display:block; width:100%;}
.ys dd{ width:555px; margin-top:85px;}
.ys dd h3{ font:36px "Microsoft YaHei UI"; font-weight:bold; color:#006537; margin-bottom:40px; height:86px; width: 590px;}
.ys dd h3 img{ display:block; margin-bottom:4px;}
.ys dd h3 i{display:block;width: 90px;font-size: 80px;float: left;font-family:"Times New Roman", Times, serif;font-weight:normal;}
.ys dd h3 span{display: block;float: left;width: 497px; margin-top:5px;}
.ys dd h3 em{ display:block; font:22px "Microsoft YaHei UI"; color:#333;}
.ys dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#333; background:url(../images/ys_arr.png) no-repeat left 5px; padding-left:24px; margin-bottom:15px;}
.ys dl:nth-child(2){ margin-top:70px;}
.ys dl:nth-child(2n-1) dt{ margin-right:-360px;}

.sheb{ height:920px; background:#0db9b3; padding-top:54px; overflow:hidden;}
.sheb .tit1 em{ color:#fff;}
.sheb ul{ margin-top:35px;}
.sheb li{ width:390px; float:left; margin:0 15px 15px 0; overflow:hidden;}
.sheb li img{ display:block; width:390px; height:293px;}
.sheb li em{ display:block; height:50px; font:16px "Microsoft Yahei"; line-height:50px; color:#333; padding-left:25px; background:#dcdcdc url(../images/sheb_arr.png) no-repeat 310px center;}
.sheb li:nth-child(3n){ margin-right:0;}
.sheb li a:hover em{ font-weight:bold; color:#006537;}

/*鏂伴椈璧勮*/
.new{ height:725px; margin-top:70px; overflow:hidden;}
.tit{ font:24px "Microsoft Yahei"; height:105px; line-height:105px; overflow:hidden;}
.tit a{ display:block; color:#333;}
.tit em{ float:right; font:16px "Microsoft Yahei"; line-height:105px;}
.dy{ width:383px; margin-top:21px; overflow:hidden;}
.dy dl{ height:430px; background:#eee; overflow:hidden;}
.dy dt{ width:383px; height:285px; overflow:hidden;}
.dy dt img{ display:block;width:383px; height:285px;}
.dy dd{ padding:14px 20px 0 20px;}
.dy dd h4 a{ display:block; font:18px "Microsoft Yahei"; color:#333;}
.dy dd p{ font:14px "Microsoft Yahei"; line-height:22px; color:#666; margin:6px 0;}
.dy dd em{ display:block; font:18px "Times New Roman", Times, serif; color:#333;}

.hangy{ width:345px; margin:21px 0 0 65px; overflow:hidden; height:535px;}
.hangy1{ height:396px; overflow:hidden;}
.hangy li{ font:16px "Microsoft Yahei"; color:#333; padding:20px 0; border-bottom:1px solid #ccc;}
.hangy li a{ display:block; color:#333;}
.hangy li em{ display:block; font:14px "Times New Roman", Times, serif; color:#444; padding-bottom:9px;}
.hangy li b{ float:right; font:16px "Microsoft Yahei";}
.hangy h5 a{ display:block; width:125px; height:32px; background:#006537; font:14px "Microsoft Yahei"; text-align:center; line-height:32px; color:#fff;}
.hangy li a:hover,.hangy li a:hover em,.faq dt a:hover{ font-weight:bold; color:#006537;}

.faq{ width:342px; height:535px; overflow:hidden; margin-top:21px;}
.faq h3{ width:342px; height:193px; overflow:hidden; margin-bottom:10px;}
.faq h3 img{ display:block;width:342px; height:193px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq h3 a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.faq dl{ padding:20px 0;border-bottom:1px solid #ccc;}
.faq dt a{ display:block; font:16px "Microsoft Yahei"; line-height:20px; border-left:4px solid #006537; padding-left:18px; color:#000;}
.faq dd{ font:14px "Microsoft Yahei"; line-height:22px; color:#999; padding-left:18px; margin-top:5px;}

/*鍏充簬*/
.about{ height:764px; padding-top:58px; background:url(../images/about_bg.jpg) no-repeat center top; overflow:hidden;}
.about dl{ height:590px; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #eee; padding-top:10px; margin-top:35px;}
.about dt{ width:1182px; height:382px; margin:0 auto; overflow:hidden;}
.about dt img{ display:block;width:1182px; height:382px;}
.about dd{ padding:40px 40px 0 40px;}
.about dd p{ font:16px "Microsoft Yahei"; text-align:center; line-height:32px; color:#333; color:#333;}
.about dd span{ display:block; width:185px; height:45px; border-radius:2rem; background:#006537; font:18px "Microsoft Yahei"; line-height:45px; margin:20px auto 0;}
.about dd span a{ display:block; color:#fff; background:url(../images/about_btn.png) no-repeat 120px center; padding-left:40px;}

.alb{ height:400px; position:relative; width:1200px; margin:0 auto;}
.alb h2{ height:69px; overflow:hidden; font:22px "Microsoft Yahei"; line-height:69px; background:url(../images/alb_icon.png) no-repeat left center; padding-left:30px;}
.alb h2 a{ display:block; color:#333;}
.alb h2 em{ float:right; display:block; font:14px "Microsoft Yahei"; line-height:69px; color:#666; background:url(../images/par_arr.png) no-repeat right center; padding-right:20px;}
.alb1{ width:1200px; margin:0 auto; overflow:hidden;}
.alb li{ width:386px; float:left; margin-right:21px;}
.alb li img{ display:block; width:100%;}
.alb li em{ display:block; height:55px; border-bottom:2px solid #a6a6a6; font:16px "Microsoft Yahei"; line-height:55px; color:#666; overflow:hidden; background:url(../images/alb_arr.png) no-repeat right center;}
.alb li a:hover em{ border-bottom:2px solid #006537; color:#006537; font-weight:bold;}
.alb_l a,.ban_l a{ display:block; width:32px; height:32px; border:1px solid #00a64f; border-radius:32px; font:24px "瀹嬩綋"; font-weight:bold; text-align:center; line-height:32px; color:#00a64f; position:absolute; top:168px; left:-54px;}
.alb_r a,.ban_r a{display:block; width:32px; height:32px; border:1px solid #00a64f; border-radius:32px; font:24px "瀹嬩綋"; font-weight:bold; text-align:center; line-height:32px; color:#00a64f; position:absolute; top:168px; right:-54px;}
.ban_l a,.ban_r a{top:320px;left:50%;margin-left:554px;}
.ban_l a{margin-left:-586px;}

.link{ background:#404040; padding:20px 0;}
.link p{font:14px "Microsoft YaHei"; color:#999;line-height:30px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 20px; font:14px "Microsoft YaHei"; color:#999; line-height:30px; height:30px;}
.link p a:hover{font-weight:bold; color:#fff;}
.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);
  }
}