/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

.one {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.tran {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

button,

input {

  border: none;

  outline: none;

}

.in::after,

.in::before {

  content: "";

  position: absolute;

  width: 1px;

  height: 0;

  background: #0c932f;

  top: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.in::after {

  left: 0;

}

.in::before {

  right: 0;

}

.shadow:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.shadow2:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.img_white {

  overflow: hidden;

}

.img_white::after {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: bottom;

  transform-origin: bottom;

  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  opacity: 1;

  bottom: -100%;

  transition: all 0.8s ease-in-out;

  -webkit-transition: all 0.8s ease-in-out;

  -ms-transition: all 0.8s ease-in-out;

  -o-transition: all 0.8s ease-in-out;

}

.img_white:hover::after {

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transform-origin: top;

  transform-origin: top;

  opacity: 0;

  bottom: 100%;

}

.img_save {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  max-width: 100%;

  max-height: 100%;

}

a,

img {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

body,

html {

  overflow: auto;

}

.fullpage {

  background: #efefef;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.title1 {

  height: 120px;

  background: url(../images/tit_line.png) center bottom no-repeat;

}

.title1 .ttl > h4 {

  font-size: 60px;

  font-family: Arial-Black;

  line-height: 45px;

  color: #e7e6e6;

  margin-bottom: 15px;

}

.title1 .ttl > h3 {

  display: block;

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  color: #ffffff;

}

.title1 .ttl > h3 a {

  color: #ffffff;

}

.title1 > a {

  width: 75px;

  height: 75px;

  background: url(../images/tit_more.png) center no-repeat;

  animation: 2s infinite myfirst2;

}

.title2 {

  height: 120px;

  background: url(../images/tit_line.png) center bottom no-repeat;

}

.title2 .ttl > h4 {

  font-size: 60px;

  font-family: Arial-Black;

  line-height: 45px;

  color: #e7e6e6;

  margin-bottom: 15px;

}

.title2 .ttl > h3 {

  display: block;

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  color: #333333;

}

.title2 .ttl > h3 a {

  color: #333333;

}

.title2 > a {

  width: 75px;

  height: 75px;

  background: url(../images/tit_more.png) center no-repeat;

  animation: 2s infinite myfirst2;

}

#fp-nav {

  right: 0;

}

#fp-nav .fp-sr-only {

  display: none;

}

.section1 {

  width: 100%;

  height: 100%;

  position: relative;

}

.section1 .banner {

  width: 100%;

  height: 88%;

  position: absolute;

  left: 0;

  bottom: 0;

}

.section1 .banner .hd {

  position: absolute;

  bottom: 10%;

  left: 50%;

  z-index: 2;

  transform: translate(-50%);

}

.section1 .banner .hd ul {

  text-align: center;

}

.section1 .banner .hd ul li {

  display: inline-block;

  vertical-align: middle;

  width: 10px;

  height: 10px;

  background: #fff;

  border-radius: 5px;

  margin: 0 10px;

  cursor: pointer;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section1 .banner .hd ul li.on {

  width: 20px;

}

.section1 .banner .bd {

  width: 100%;

  height: 100%;

}

.section1 .banner .bd ul {

  height: 100% !important;

}

.section1 .banner .bd ul li {

  width: 100%;

  height: 100%;

}

.section1 .banner .bd ul li > a {

  display: block;

  width: 100%;

  height: 100%;

}

.section1 .banner .prev,

.section1 .banner .next {

  position: absolute;

  width: 40px;

  height: 40px;

  cursor: pointer;

  top: 50%;

  margin-top: -20px;

}

.section1 .banner .prev {

  left: 3%;

  background: url(../images/arrowPrev.png) center no-repeat;

}

.section1 .banner .next {

  right: 3%;

  background: url(../images/arrowNext.png) center no-repeat;

}

.section1 .ban_tell {

  position: absolute;

  width: 1300px;

  left: 50%;

  transform: translate(-50%);

  bottom: 0;

  z-index: 2;

  height: 72px;

  background-color: rgba(12, 147, 47, 0.8);

  border-radius: 10px;

  line-height: 72px;

  padding: 0 65px;

  box-sizing: border-box;

}

.section1 .ban_tell > p {

  font-size: 16px;

  letter-spacing: 8px;

  color: #ffffff;

}

.section2 {

  width: 100%;

  height: 100%;

  background: url(../images/sec2.jpg) center no-repeat;

  padding-top: 5%;

  box-sizing: border-box;

  overflow: hidden;

}

.section2 .news_con {

  width: 100%;

  margin-top: 95px;

}

.section2 .news_con .news_l {

  width: 398px;

  height: 452px;

  background-color: #0c932f;

  border-radius: 8px;

  padding: 70px 72px 0 44px;

  box-sizing: border-box;

  left: -800px;

  position: relative;

  transition: all 1.5s ease-in-out;

  -webkit-transition: all 1.5s ease-in-out;

}

.section2 .news_con .news_l > h5 {

  line-height: 28px;

}

.section2 .news_con .news_l > h5 > span,

.section2 .news_con .news_l > h5 > i {

  display: inline-block;

  vertical-align: bottom;

  color: #ffffff;

  font-family: Arial;

}

.section2 .news_con .news_l > h5 span {

  font-size: 36px;

}

.section2 .news_con .news_l > h5 > i {

  font-size: 20px;

  line-height: 20px;

}

.section2 .news_con .news_l > span {

  display: block;

  width: 48px;

  height: 1px;

  background-color: #ffffff;

  margin: 30px 0 50px;

}

.section2 .news_con .news_l > h3 {

  width: 100%;

  font-size: 18px;

  line-height: 20px;

  color: #ffffff;

  position: relative;

}

.section2 .news_con .news_l > h3::after {

  content: "";

  position: absolute;

  width: 11px;

  height: 11px;

  border: solid 3px #ffffff;

  box-sizing: border-box;

  border-radius: 50%;

  left: 0;

  top: 50%;

  margin-top: -5px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section2 .news_con .news_l > h3 > a {

  display: block;

  padding-left: 27px;

  width: 100%;

  color: #ffffff;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section2 .news_con .news_l > p {

  width: 100%;

  font-size: 14px;

  line-height: 30px;

  height: 90px;

  overflow: hidden;

  color: #ffffff;

  margin: 25px 0 40px;

}

.section2 .news_con .news_l > a {

  display: block;

  width: 20px;

  height: 20px;

  animation: 2s infinite myfirst2;

  background: url(../images/news_ico1.png) center no-repeat;

}

.section2 .news_con .news_l:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  transform: translateY(-5px);

}

.section2 .news_con .news_l:hover > h3 > a {

  padding-left: 32px;

}

.section2 .news_con .news_r {

  width: 866px;

  right: -1500px;

  position: relative;

  transition: all 1.5s ease-in-out;

  -webkit-transition: all 1.5s ease-in-out;

}

.section2 .news_con .news_r ul li {

  width: 100%;

  height: 220px;

  background-color: #ffffff;

  box-shadow: 0px 0px 24px 0px rgba(12, 147, 47, 0.08);

  border-radius: 8px;

  padding: 15px 15px 15px 58px;

  box-sizing: border-box;

  margin-bottom: 12px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section2 .news_con .news_r ul li .news_txt {

  width: 535px;

  margin-top: 48px;

}

.section2 .news_con .news_r ul li .news_txt > h3 {

  width: 100%;

  line-height: 18px;

}

.section2 .news_con .news_r ul li .news_txt > h3 > a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 16px;

  color: #575753;

  padding-left: 20px;

  box-sizing: border-box;

  position: relative;

}

.section2 .news_con .news_r ul li .news_txt > h3 > a::after {

  content: "";

  position: absolute;

  width: 11px;

  height: 11px;

  border: solid 3px #0c932f;

  border-radius: 50%;

  left: 0;

  top: 50%;

  margin-top: -6px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  box-sizing: border-box;

}

.section2 .news_con .news_r ul li .news_txt > p {

  width: 100%;

  padding-left: 22px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

  color: #666666;

  line-height: 16px;

  margin: 16px 0 38px;

}

.section2 .news_con .news_r ul li .news_txt > span {

  display: block;

  font-family: "SimSun";

  font-size: 16px;

  color: #636344;

  line-height: 18px;

  padding-left: 22px;

  box-sizing: border-box;

}

.section2 .news_con .news_r ul li .news_txt > a {

  display: block;

  width: 20px;

  height: 20px;

  background: url(../images/news_ico3.png) center no-repeat;

  margin-left: 514px;

  animation: 2s infinite myfirst2;

}

.section2 .news_con .news_r ul li > a {

  width: 220px;

  height: 190px;

  overflow: hidden;

}

.section2 .news_con .news_r ul li > a > img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.1);

}

.section2 .news_con .news_r ul li:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  transform: translateY(-5px);

}

.section2 .news_con .news_r ul li:hover .news_txt > h3 > a {

  color: #0c932f;

  padding-left: 25px;

}

.section2 .news_con .news_r ul li:hover > a > img {

  transform: scale(1);

}

.section2.active .news_con .news_l {

  left: 0;

}

.section2.active .news_con .news_r {

  right: 0;

}

@media (max-width: 1680px) {

  .section2 .news_con {

    margin-top: 50px;

  }

}

.section3 {

  width: 100%;

  height: 100%;

  padding-top: 5%;

  box-sizing: border-box;

  overflow: hidden;

  background: url(../images/pro_bg.jpg) center no-repeat;

}

.section3 .pro .title1 > a {

  background: url(../images/pro_tit.png) center no-repeat;

}

.section3 .pro .pro_con {

  width: 100%;

  margin-top: 70px;

}

.section3 .pro .pro_con ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.section3 .pro .pro_con ul li {

  flex: 0 0 390px;

  float: left;

  width: 390px;

  height: 527px;

  background: url(../images/pro_item.png) center no-repeat;

  padding-top: 50px;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

  overflow: hidden;

  transform: translateY(700px);

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: -100%;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  z-index: -1;

  background: url(../images/pro_item2.png) center no-repeat;

}

.section3 .pro .pro_con ul li .pro_ico {

  width: 50px;

  height: 45px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}

.section3 .pro .pro_con ul li .pro_ico span,

.section3 .pro .pro_con ul li .pro_ico > i {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li .pro_ico > i {

  transform: scale(0);

}

.section3 .pro .pro_con ul li .pro_txt {

  text-align: center;

}

.section3 .pro .pro_con ul li .pro_txt > p {

  width: 100%;

  font-size: 16px;

  line-height: 18px;

  font-family: Arial;

  letter-spacing: 5px;

  color: #999999;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin: 25px 0 23px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li .pro_txt > a {

  display: block;

  width: 100%;

  font-size: 22px;

  line-height: 24px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #333333;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li .pro_txt > i {

  display: block;

  width: 23px;

  height: 4px;

  background-color: #333333;

  margin: 20px auto 45px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li .pro_v {

  width: 240px;

  height: 240px;

  border: dashed 2px #0c932f;

  box-sizing: border-box;

  margin: 0 auto;

  border-radius: 50%;

  padding: 16px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section3 .pro .pro_con ul li .pro_v > a {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  overflow: hidden;

}

.section3 .pro .pro_con ul li .pro_v > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

  transform: scale(1.1);

}

.section3 .pro .pro_con ul li:hover {

  transform: translateY(-5px);

}

.section3 .pro .pro_con ul li:hover::after {

  top: 0;

}

.section3 .pro .pro_con ul li:hover .pro_txt > p {

  color: #fff;

}

.section3 .pro .pro_con ul li:hover .pro_txt > a {

  color: #fff;

}

.section3 .pro .pro_con ul li:hover .pro_txt > i {

  background: #fff;

}

.section3 .pro .pro_con ul li:hover .pro_ico > span {

  transform: scale(0);

}

.section3 .pro .pro_con ul li:hover .pro_ico > i {

  transform: scale(1);

}

.section3 .pro .pro_con ul li:hover .pro_v {

  border: dashed 2px #fff;

}

.section3 .pro .pro_con ul li:hover .pro_v > a > img {

  transform: scale(1);

}

.section3 .pro .pro_con ul li:nth-child(1) {

  transition-delay: 0.2s;

}

.section3 .pro .pro_con ul li:nth-child(1) .pro_ico > span {

  background: url(../images/pro_ico1.png) center no-repeat;

}

.section3 .pro .pro_con ul li:nth-child(1) .pro_ico > i {

  background: url(../images/pro_ico1-2.png) center no-repeat;

}

.section3 .pro .pro_con ul li:nth-child(2) {

  transition-delay: 0.3s;

}

.section3 .pro .pro_con ul li:nth-child(2) .pro_ico > span {

  background: url(../images/pro_ico2.png) center no-repeat;

}

.section3 .pro .pro_con ul li:nth-child(2) .pro_ico > i {

  background: url(../images/pro_ico2-2.png) center no-repeat;

}

.section3 .pro .pro_con ul li:nth-child(3) {

  transition-delay: 0.4s;

}

.section3 .pro .pro_con ul li:nth-child(3) .pro_ico > span {

  background: url(../images/pro_ico3.png) center no-repeat;

}

.section3 .pro .pro_con ul li:nth-child(3) .pro_ico > i {

  background: url(../images/pro_ico3-2.png) center no-repeat;

}

.section3.active .pro .pro_con ul li {

  transform: translateY(0);

}

@media (max-width: 1680px) {

  .section3 .pro .pro_con {

    margin-top: 30px;

  }

}

.section4 {

  width: 100%;

  background: url(../images/case_bg.jpg) center bottom no-repeat;

  padding-top: 5%;

  box-sizing: border-box;

  overflow: hidden;

}

.section4 .case_view {

  width: 100%;

  margin-top: 80px;

  padding: 0 5%;

  box-sizing: border-box;

}

.section4 .case_view ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

}

.section4 .case_view ul li {

  flex: 0 0 22%;

  float: left;

  width: 22%;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  transform: translateY(700px);

  position: relative;

}

.section4 .case_view ul li .case_v {

  width: 100%;

  height: 330px;

  border-radius: 8px;

  border: solid 1px #464545;

  box-sizing: border-box;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section4 .case_view ul li .case_v > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 10px;

  position: relative;

  box-sizing: border-box;

  overflow: hidden;

}

.section4 .case_view ul li .case_v > a > img {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  max-width: 100%;

  max-height: 100%;

  transform: scale(1.1);

}

.section4 .case_view ul li .case_txt {

  margin-top: 30px;

  line-height: 36px;

}

.section4 .case_view ul li .case_txt > span {

  float: left;

  font-size: 50px;

  font-weight: bold;

  font-family: Arial;

  color: #cccccc;

}

.section4 .case_view ul li .case_txt > h3 {

  float: left;

  width: 50%;

  margin-left: 5%;

  font-size: 18px;

  color: #333333;

}

.section4 .case_view ul li .case_txt > h3 > a {

  display: block;

  width: 100%;

  height: 100%;

  color: #333333;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  box-sizing: border-box;

}

.section4 .case_view ul li .case_txt > a {

  width: 32px;

  height: 8px;

  margin-top: 14px;

  animation: 2s infinite myfirst2;

  background: url(../images/case_more.png) center no-repeat;

}

.section4 .case_view ul li:hover .case_v {

  border: solid 1px #0c932f;

}

.section4 .case_view ul li:hover .case_v > a > img {

  transform: scale(1);

}

.section4 .case_view ul li:hover .case_txt > h3 > a {

  color: #0c932f;

  padding-left: 5px;

}

.section4 .case_view ul li:nth-child(1) {

  transition-delay: 0.2s;

}

.section4 .case_view ul li:nth-child(2) {

  transition-delay: 0.3s;

}

.section4 .case_view ul li:nth-child(3) {

  transition-delay: 0.4s;

}

.section4 .case_view ul li:nth-child(4) {

  transition-delay: 0.5s;

}

.section4.active .case_view ul li {

  transform: translateY(0);

}

.section5 {

  width: 100%;

}

.section5 .ab_v {

  width: 50%;

  height: 100%;

  position: relative;

  transform: scale(0);

  left: -100%;

  transition: all 1.5s ease-in-out;

  -webkit-transition: all 1.5s ease-in-out;

}

.section5 .ab_v > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.section5 .ab_txt {

  width: 50%;

  height: 100%;

  background: url(../images/ab_bg.jpg) center no-repeat;

  padding: 10% 20% 0 2%;

  box-sizing: border-box;

  position: relative;

  transition: all 1.5s ease-in-out;

  -webkit-transition: all 1.5s ease-in-out;

  transform: scale(0);

  right: -100%;

}

.section5 .ab_txt .ab_tit {

  margin-bottom: 35px;

}

.section5 .ab_txt .ab_tit > h4 {

  font-size: 60px;

  font-weight: bold;

  font-family: Arial;

  color: rgba(234, 234, 234, 0.1);

  line-height: 45px;

}

.section5 .ab_txt .ab_tit > h3 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  color: #eeeeee;

  margin-top: 25px;

}

.section5 .ab_txt > h3 {

  font-size: 24px;

  line-height: 24px;

  letter-spacing: 1px;

  color: #eeeeee;

}

.section5 .ab_txt > span {

  display: block;

  width: 21px;

  height: 4px;

  background-color: #eeeeee;

  margin: 32px 0 38px;

}

.section5 .ab_txt > h5 {

  width: 98%;

  font-size: 15px;

  line-height: 30px;

  height: 150px;

  overflow: hidden;

  letter-spacing: 1px;

  color: #eeeeee;

}

.section5 .ab_txt .ab_links {

  width: 774px;

  margin-top: 10px;

}

.section5 .ab_txt .ab_links .ab_linkl > a {

  display: block;

  width: 56px;

  height: 56px;

  background: url(../images/ab_more.png) center no-repeat;

  animation: 2s infinite myfirst2;

  margin-top: 30px;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more {

  margin-top: 50px;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li {

  float: left;

  width: 120px;

  height: 120px;

  background-color: #ffffff;

  border-radius: 8px;

  padding-top: 28px;

  margin-right: 45px;

  box-sizing: border-box;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li:hover {

  transform: scale(1.01);

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li > a {

  display: block;

  width: 100%;

  height: 100%;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li > a > span {

  display: block;

  width: 43px;

  height: 36px;

  margin: 0 auto 16px;

  animation: 2s infinite jello;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li > a > i {

  display: block;

  width: 100%;

  text-align: center;

  font-size: 16px;

  line-height: 16px;

  letter-spacing: 1px;

  color: #333333;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li:nth-child(1) > a > span {

  background: url(../images/ab_ico1.png) center no-repeat;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li:nth-child(2) {

  margin-right: 0;

}

.section5 .ab_txt .ab_links .ab_linkl .ab_link_more ul li:nth-child(2) > a > span {

  background: url(../images/ab_ico2.png) center no-repeat;

}

.section5 .ab_txt .ab_links .honer {

  width: 452px;

  height: 320px;

  /* padding: 25px; */

  box-sizing: border-box;

  /* background: url(../images/honer_bg.png) center no-repeat; */

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.section5 .ab_txt .ab_links .honer:hover {

  transform: scale(1.02);

}

.section5 .ab_txt .ab_links .honer > a {

  display: block;

  width: 100%;

  height: 100%;

}

.section5 .ab_txt .ab_links .honer > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.section5.active .ab_v {

  transform: scale(1);

  left: 0;

}

.section5.active .ab_txt {

  transform: scale(1);

  right: 0;

}

@media (max-width: 1680px) {

  .section5 .ab_txt {

    padding: 3% 10% 0 2%;

  }

}

.section6 {

  width: 100%;

  height: 100%;

  padding-top: 5%;

  box-sizing: border-box;

  background: url(../images/foo_bg.jpg) center no-repeat;

}

.section6 .foo_main .foo_add {

  margin: 10% 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  left: -100%;

  transition: all 2s ease-in-out;

  -webkit-transition: all 2s ease-in-out;

}

.section6 .foo_main .foo_add .add_item {

  flex: 0 0 33%;

  float: left;

  width: 32%;

  line-height: 100px;

}

.section6 .foo_main .foo_add .add_item > i {

  width: 100px;

  height: 100px;

  background-color: #0c932f;

  border-radius: 50%;

  position: relative;

}

.section6 .foo_main .foo_add .add_item > i::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  animation: 2s infinite jello;

}

.section6 .foo_main .foo_add .add_item > span {

  display: inline-block;

  margin-left: 30px;

  font-size: 22px;

  color: #333333;

  margin-left: 20px;

}

.section6 .foo_main .foo_add .add_item em {

  margin-left: 20px;

  font-size:17px;

  color: #333333;

}

.section6 .foo_main .foo_add .add_item:nth-child(1) > i::after {

  background: url(../images/foo_ico1.png) center no-repeat;

}

.section6 .foo_main .foo_add .add_item:nth-child(2) > i::after {

  background: url(../images/foo_ico2.png) center no-repeat;

}

.section6 .foo_main .foo_add .add_item:nth-child(3) > i::after {

  background: url(../images/foo_ico3.png) center no-repeat;

}

.section6 .foo_main .inform {

  width: 100%;

  height: 80px;

  background-color: #ffffff;

  border-radius: 40px;

  padding-left: 40px;

  box-sizing: border-box;

  position: relative;

  right: -100%;

  transition: all 2s ease-in-out;

  -webkit-transition: all 2s ease-in-out;

}

.section6 .foo_main .inform > input {

  float: left;

  width: 229px;

  height: 26px;

  border-right: 1px solid #eeeeee;

  box-sizing: border-box;

  margin-right: 18px;

  padding-left: 27px;

  margin-top: 26px;

}

.section6 .foo_main .inform > input::placeholder {

  font-size: 14px;

  color: #666666;

}

.section6 .foo_main .inform > input:focus::placeholder {

  color: transparent;

}

.section6 .foo_main .inform #userName {

  background: url(../images/add1.png) left center no-repeat;

}

.section6 .foo_main .inform #userPhone {

  background: url(../images/add2.png) left center no-repeat;

}

.section6 .foo_main .inform #content {

  width: 300px;

  border-right: none;

  background: url(../images/add3.png) left center no-repeat;

}

.section6 .foo_main .inform > button {

  width: 178px;

  height: 100%;

  background-color: #0c932f;

  border-radius: 0 40px 40px 0;

  cursor: pointer;

  font-size: 16px;

  color: #ffffff;

}

.section6 .foo_main .bq {

  width: 100%;

  text-align: center;

  margin-top: 5%;

  font-size: 14px;

  color: #666666;

  position: relative;

  top: 500px;

  transition: all 2s ease-in-out;

  -webkit-transition: all 2s ease-in-out;

}

.section6 .foo_main .bq a {

  color: #666666;

}

.section6 .foo_main .bq img {

  display: inline-block;

  vertical-align: middle;

}

.section6.active .foo_add {

  left: 0;

}

.section6.active .inform {

  right: 0;

  position: relative;

}

.section6.active .bq {

  top: 0;

}

@media (max-width: 1680px) {

  .section6 .foo_main .foo_add {

    margin: 5% 0 5%;

  }

}