.video-banner-box {
  width: 100%;
  margin-top: -70px;
}
.video-banner-box .nbanner {
  min-height: 300px;
}
.title-l {
  position: relative;
  padding-left: 20px;
}
.title-l i {
  background-color: #EC8F27;
  position: absolute;
  left: 0;
}
.t1 {
  font-size: 40px;
}
.t1 i {
  width: 4px;
  height: 36px;
  top: 13px;
}
.t2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #000000;
}
.t2 i {
  width: 4px;
  height: 26px;
  top: 10px;
}
.t3 {
  font-size: 22px;
  line-height: 36px;
  color: #666666;
}
.t3 i {
  width: 4px;
  height: 20px;
  top: 10px;
}
.p1-part {
  margin-top: 5% ;
}
.p1-part .text {
  font-size: 18px;
  color: #666666;
}
.p1-part .text p {
  margin: 20px;
}
.p2-part ul.sort {
  display: flex;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  line-height: 60px;
  margin: 3% 0;
}
.p2-part ul.sort li {
  color: #666666;
  font-size: 24px;
  cursor: pointer;
}
.p2-part ul.sort li.active {
  color: #EC8F27;
}
.p2-part .n-text {
  display: flex;
}
.p2-part .n-text .l-list {
  width: 50%;
}
.p2-part .n-text .l-list li {
  margin: 20px 0;
}
.p2-part .n-text .l-list .text {
  font-size: 16px;
  color: #666666;
  padding-left: 20px;
}
.p2-part .n-text .photo {
  width: 50%;
  text-align: center;
}
.p2-part .n-text .photo img {
  width: 80%;
  height: 70%;
  margin: 6% 0;
}
.p3-part {
  margin-top: 3%;
}
.p3-part ul {
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.p3-part ul li {
  width: 20%;
  text-align: center;
}
.p3-part ul li .name {
  color: #333333;
  font-size: 25px;
  margin-top: 30px;
}
.p4-part {
  margin-top: 5%;
}
.p4-part .photo {
  padding: 20px 0 0 15px;
}
.p4-part .photo .fx {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.p4-part .photo span {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: #fff;
}
.p4-part .photo .s-img .img1 {
  width: 49.5%;
  height: 212px;
  position: relative;
  overflow: hidden;
}
.p4-part .photo .s-img .img1:hover img {
  transform: scale(1.1);
  filter: saturate(200%);
}
.p4-part .photo .s-img .img1 img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, filter 1s ease-out, transform 1s ease-out;
}
.p4-part .photo .x-img {
  margin-top: 10px;
}
.p4-part .photo .x-img .img2 {
  width: 33%;
  height: 212px;
  position: relative;
  overflow: hidden;
}
.p4-part .photo .x-img .img2:hover img {
  transform: scale(1.1);
  filter: saturate(200%);
}
.p4-part .photo .x-img .img2 img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, filter 1s ease-out, transform 1s ease-out;
}
.p5-part {
  margin-top: 5%;
  background: url(../images/v-img12.png) no-repeat top center;
  background-size: 100% 100%;
  text-align: center;
  padding: 4% 0;
}
.p5-part .tit {
  font-size: 26px;
  color: #fff;
}
.p5-part a {
  margin-top: 20px;
  width: 120px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  display: inline-block;
  color: #fff;
  background: rgba(216, 216, 216, 0.2);
  border-radius: 2px;
}