@charset "utf-8";
/* CSS Document */
/*英文小字*/
.fwb-index-one {
  min-height: 385px;
  position: relative;
}
.fwb-index-one .fwb-trun-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
}
@-webkit-keyframes zoom {
  0% {
    width: 110%;
    opacity: 0.5;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
  75% {
    opacity: 0.9;
  }
}
@keyframes zoom {
  0% {
    width: 110%;
    opacity: 0;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
  75% {
    opacity: 0.9;
  }
}
.fwb-index-one .fwb-trun-list .fwb-turn-one {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  animation-name: zoom;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 0.8s;
  -webkit-animation-name: zoom;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes down {
  0% {
    top: -100%;
  }
}
@keyframes down {
  0% {
    top: -100%;
  }
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-img {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
  top: 0px;
  left: 0px;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content {
  width: 500px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-tcon-big {
  width: 100%;
  height: 40px;
  position: absolute;
  line-height: 40px;
  font-size: 30px;
  font-weight: 800;
  top: 8.83%;
  left: 0px;
  text-align: center;
  animation-name: down;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 1.8s;
  -webkit-animation-name: down;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 1.8s;
  -webkit-animation-iteration-count: 1;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-tcon-little {
  width: 100%;
  height: 24px;
  position: absolute;
  line-height: 24px;
  font-size: 18px;
  font-weight: 200;
  top: 24.41%;
  left: 0px;
  text-align: center;
  animation-name: down;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 1.5s;
  -webkit-animation-name: down;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-twbg {
  width: 100%;
  height: 176px;
  position: absolute;
  top: 54.2857%;
  left: 0px;
  z-index: 1;
  animation-name: down;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 0.8s;
  -webkit-animation-name: down;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-rwbg-box {
  width: 100%;
  height: 218px;
  position: absolute;
  top: 32.987%;
  left: 0px;
  z-index: 2;
  animation-name: down;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 1.3s;
  -webkit-animation-name: down;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-iteration-count: 1;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-rwbg-box .fwb-rwbg {
  width: 138px;
  height: 218px;
  display: block;
  margin: 0 auto;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-bmb-box {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 89.6103%;
  z-index: 2;
  animation-name: down;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 1.1s;
  -webkit-animation-name: down;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-iteration-count: 1;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-content .fwb-bm-btn {
  width: 194px;
  height: 40px;
  margin: 0 auto;
  border-radius: 12px 0px 12px 0px;
  background-image: linear-gradient(60deg, #a40606, #f88425);
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-title {
  height: 185px;
  width: 100%;
  position: absolute;
  z-index: 2;
  padding-left: 90px;
  padding-right: 40px;
  padding-bottom: 70px;
  bottom: 0px;
  left: 0px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-title .fwb-relase-date {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #fff;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-title .fwb-relase-type {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  margin-top: 16px;
}
.fwb-index-one .fwb-trun-list .fwb-turn-one .fwb-turn-title .fwb-title-content {
  color: #fff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  margin-top: 16px;
}
.fwb-index-one .fwb-turn-mark {
  width: 7px;
  height: 100%;
  position: absolute;
  right: 24px;
  top: 0px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fwb-index-one .fwb-turn-mark .fwb-mark-list {
  height: 114px;
  width: 7px;
  margin: auto;
}
.fwb-index-one .fwb-turn-mark .fwb-mark-list .fwb-make-one {
  float: left;
  width: 7px;
  height: 29px;
  margin-top: 4.5px;
  margin-bottom: 4.5px;
  overflow: hidden;
  position: relative;
}
.fwb-index-one .fwb-turn-mark .fwb-mark-list .fwb-normal {
  width: 2px;
  height: 26px;
  margin: 0 auto;
  margin-top: 1px;
  background: #fff;
}
.fwb-index-one .fwb-turn-mark .fwb-mark-list .fwb-active {
  width: auto;
  height: 29px;
  position: absolute;
  top: 0px;
  left: 1px;
  display: none;
}
.fwb-inpub-title {
  width: 100%;
  height: 50px;
  font-size: 36px;
  text-align: center;
  line-height: 50px;
  margin-top: 48px;
}
.black {
  color: #000;
}
.white {
  color: #fff;
}
.fwb-index-des {
  height: 292px;
  background: #f9f9f9;
}
.fwb-index-des .niu-inside .fwb-des-detial {
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  margin-top: 16px;
}
.fwb-lb-tips {
  height: 80px;
  background: #f9f9f9;
}
.fwb-lb-tips .niu-inside {
  height: 80px;
  padding-top: 18px;
}
.fwb-lb-tips .niu-inside .fwb-lb-border {
  width: 812px;
  height: 32px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-image: linear-gradient(to left, #f7bb60, #c85555);
  border-radius: 16px 0px 16px 0px;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box {
  width: 810px;
  height: 30px;
  border-radius: 16px 0px 0px 0px;
  background: #fff;
  position: absolute;
  top: 1px;
  left: 1px;
  line-height: 30px;
  font-size: 16px;
  overflow: hidden;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box .fwb-lb-list {
  width: 810px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box .fwb-tips-one {
  width: 810px;
  height: 30px;
  float: left;
  position: relative;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box .fwb-tips-one .fwb-to-con .title {
  float: left;
  margin-left: 24px;
  font-weight: 800;
  height: 155px;
  height: 30px;
  overflow: hidden;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box .fwb-tips-one .fwb-to-con .content {
  float: left;
  margin-left: 10px;
  width: 520px;
  height: 30px;
  overflow: hidden;
}
.fwb-lb-tips .niu-inside .fwb-lb-border .fwb-lb-box .fwb-tips-one .fwb-to-con .model {
  width: 80px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  font-weight: 800;
  color: #fff;
  text-align: center;
  right: -1px;
  top: -1px;
  background-image: linear-gradient(to left, #f7bb60, #c85555);
  border-radius: 16px 0px 0px 0px;
}
.fwb-index-two {
  height: 575px;
  background-image: linear-gradient(60deg, #f37373, #ffc67f);
}
.fwb-index-two .niu-inside {
  height: 575px;
}
.fwb-index-two .niu-inside .fwb-indtw-content {
  width: 956px;
  height: 350px;
  margin-top: 42px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one {
  width: 215px;
  height: 350px;
  float: left;
  margin-left: 12px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  border-radius: 30px 0px 30px 0px;
  padding: 16px 16px;
  background: #fff;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one .detail-image {
  width: 184px;
  height: 133px;
  border-radius: 16px 0px 16px 0px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one .fwb-date {
  font-size: 16px;
  font-weight: 200;
  margin-top: 22px;
  line-height: 14px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one .title-content {
  font-size: 18px;
  margin-top: 6px;
  line-height: 26px;
  width: 100%;
  overflow: hidden;
  height: 26px;
  font-weight: 600;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one .detail-text {
  font-size: 14px;
  margin-top: 6px;
  line-height: 24px;
  width: 100%;
  max-height: 72px;
  overflow: hidden;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwl-one .fwb-red-box {
  width: 50px;
  height: 2px;
  background: #cc6666;
  position: absolute;
  left: 16px;
  bottom: 36px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwr-title {
  height: 28px;
  font-size: 18px;
  font-weight: 800;
  line-height: 28px;
  position: relative;
}
.fwb-index-two .niu-inside .fwb-indtw-content .fwb-indtwr-title span {
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: #e98029;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special {
  border-radius: 16px 0px 16px 0px;
  padding: 17px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-tab-list {
  width: 100%;
  height: 22px;
  margin-top: 8px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-tab-list li {
  width: 80px;
  height: 26px;
  float: left;
  margin-right: 6px;
  text-align: center;
  line-height: 26px;
  background: #b8b8b8;
  font-size: 16px !important;
  color: #fff;
  cursor: pointer;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-tab-list .active {
  background-image: linear-gradient(60deg, #a40606, #e98029);
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-active-list {
  width: 100%;
  height: 280px;
  margin-top: 6px;
  overflow: hidden;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-active-list .fwb-active-one {
  width: 100%;
  font-weight: 600;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  margin-top: 8px;
  color: #000;
}
.fwb-index-two .niu-inside .fwb-indtw-content .special .fwb-active-list .fwb-active-one span {
  color: #cc6666;
}
.fwb-index-two .niu-inside .fwb-indtw-content .news-special {
  border-radius: 16px 0px 16px 0px;
  padding: 17px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .news-special .fwb-news-list {
  width: 100%;
  height: 270px;
  overflow: hidden;
  margin-top: 8px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .news-special .fwb-news-list .fwb-news-one {
  height: 45px;
  width: 100%;
  margin-bottom: 10px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .news-special .fwb-news-list .fwb-news-one .fwb-news-title {
  width: 125px;
  height: 40px;
  float: left;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
}
.fwb-index-two .niu-inside .fwb-indtw-content .news-special .fwb-news-list .fwb-news-one span {
  padding-top: 2px;
  width: 55px;
  height: 36px;
  font-size: 10px;
  color: #818181;
  line-height: 18px;
  float: right;
  text-align: right;
}
.fwb-index-three {
  height: 728px;
}
.fwb-index-three .niu-inside {
  height: 728px;
}
.fwb-index-three .niu-inside .fwb-tw {
  width: 618px;
  height: 61px;
  display: block;
  margin: 0 auto;
}
.fwb-index-three .niu-inside .fwb-inpub-title {
  margin-top: 16px;
}
.fwb-index-three .niu-inside .fwb-indeth-top {
  width: 519px;
  height: 292px;
  margin: 0 auto;
  margin-top: 38px;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-video {
  width: 519px;
  height: 292px;
  position: relative;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-video img {
  width: 519px;
  height: 292px;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-text {
  width: 427px;
  height: 272px;
  float: left;
  margin-left: 40px;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-text .fwb-text-title {
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  font-weight: 400;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-text .fwb-text-detail {
  width: 100%;
  max-height: 210px;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 24px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}
.fwb-index-three .niu-inside .fwb-indeth-top .fwb-description-text .fwb-text-detail span {
  color: #660000;
  position: absolute;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
}
.fwb-index-three .niu-inside .fwb-video-list {
  width: 774px;
  height: 129px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}
.fwb-index-three .niu-inside .fwb-video-list .fwb-video-one {
  width: 234px;
  height: 129px;
  background: #fff;
  position: relative;
  float: left;
  margin: 0px 12px;
}
.fwb-index-three .niu-inside .fwb-video-list .fwb-video-one .fwb-fvo-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(60deg, rgba(243, 115, 115, 0.5), rgba(255, 198, 127, 0.7));
}
.fwb-index-three .niu-inside .fwb-video-list .fwb-video-one span {
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 10px;
  color: #fff;
}
.fwb-index-three .niu-inside .fwb-video-list .fwb-video-one p {
  position: absolute;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  padding: 0px 15px;
  bottom: 0px;
  overflow: hidden;
  left: 0px;
  color: #fff;
}
.fwb-index-three .niu-inside .fwb-video-list .fwb-special {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 132px;
  width: 88px;
  color: #fff;
  font-size: 14px;
  line-height: 132px;
  text-align: center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #000000);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #000000);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #000000);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0), #000000);
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
  cursor: pointer;
}
.fwb-index-four {
  height: 384px;
  background: #f2f2f2;
}
.fwb-index-four .niu-inside {
  height: 384px;
}
.fwb-index-four .niu-inside .fwb-indef-title {
  height: 30px;
  line-height: 30px;
  font-size: 21px;
  text-align: center;
  margin-top: 64px;
  font-weight: 800;
}
.fwb-index-four .niu-inside .fwb-contact-info {
  width: 100%;
  height: 200px;
  margin-top: 40px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-email-phone {
  width: 427px;
  height: 200px;
  float: left;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-email-phone .fwb-ep-normal {
  width: 100%;
  height: 65px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-email-phone .fwb-ep-normal .big {
  font-size: 16px;
  color: #000;
  float: left;
  margin-left: 40px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-email-phone .fwb-ep-normal .small {
  float: left;
  color: #000;
  font-size: 16px;
  margin-left: 75px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-places {
  width: 500px;
  height: 200px;
  float: left;
  margin-left: 5px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-places .fwb-plc {
  width: 100%;
  height: 65px;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-places .fwb-plc .big {
  font-size: 16px;
  color: #000;
  float: left;
}
.fwb-index-four .niu-inside .fwb-contact-info .fwb-places .fwb-plc .small {
  float: left;
  color: #000;
  font-size: 16px;
  margin-left: 30px;
}