.banner {
  height: 500px;
  width: 100%;
  background: url("../image/background-2.jpg") no-repeat center;
  position: relative;
  z-index: 999;
}
.banner .ban_left {
  width: 488px;
  height: 115px;
  background: url('../image/index_about_03.png');
  position: absolute;
  top: 155px;
  left: -180px;
  animation: rit 2.5s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes rit {
  50% {
    left: 28%;
  }
  100% {
    left: 22%;
  }
}
@keyframes leftt {
  50% {
    right: 28%;
  }
  100% {
    right: 22%;
  }
}
.who {
  overflow: hidden;
  margin-bottom: 50px;
}
.who .main_t {
  margin-top: 35px;
  text-align: center;
}
.who .main_t h1 {
  font-size: 45px;
  color: #424242;
}
.who .main_t em {
  width: 50px;
  height: 2px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #e3123f;
}
.who .who_img {
  width: 100%;
  height: 580px;
   background: url('../image/about_pn_03.png') no-repeat center;

}
.f4 {
  height: 160px;
  width: 100%;
  background-color: #f2f2f2;
}
.f4 .f4_c {
  height: 100%;
}
.f4 .f4_c li {
  float: left;
  margin: 54px 33px;
}
.f4 .f4_c li:hover img {
  transform: rotateX(360deg);
  transition: all 1s;
}
.two1 {
  width: 100%;
  background-color: #fff;
  height: 620px;
}
.two1 .animated {
  height: 100%;
}
.two1 .animated .video {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.two1 .animated .video .main_t {
  margin-top: 35px;
  text-align: center;
}
.two1 .animated .video .main_t h1 {
  font-size: 45px;
  color: #424242;
}
.two1 .animated .video .main_t em {
  width: 50px;
  height: 2px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #e3123f;
}
.two1 .animated .video .vie_box {
  height: 375px;
  margin-top: 30px;
}
.two1 .animated .video .vie_box div {
  float: left;
  height: 100%;
}
.two1 .animated .video .vie_box .vie_left {
  width: 565px;
}
.two1 .animated .video .vie_box .vie_left p {
  font-size: 16px;
  color: #888;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 24px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(1) {
  font-size: 30px;
  color: #333;
  text-align: center;
  padding-top: 30px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(3) {
  text-indent: 20px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(2) {
  text-indent: 20px;
  padding-top: 15px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(4) {
  margin-top: 50px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(4) img {
  float: right;
  margin-right: 5px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(5) {
  text-align: right;
  line-height: 26px;
  padding-top: 3px;
}
.two1 .animated .video .vie_box .vie_left p:nth-child(6) {
  margin-top: 5px;
  width: 90%;
  height: 1px;
  background-color: #757575;
  margin-left: 10px;
}
.two1 .animated .video .vie_box .vie_tight {
  width: 620px;
  height: 100%;
  float: left;
  position: relative;
  z-index: 2;
      left: 30px;
      top: 30px;
}
.two1 .animated .video .vie_box .vie_tight:after{content:'';width: 554px;height: 327px;background: #61a3e8;position: absolute;top: -20px;left: -20px;z-index: -1;}
.two1 .animated .video .vie_box .vie_tight video {
  display: block;
  width: 100%;
  height: 100%;
}
.time {
  background: url('404.png') no-repeat;
  height: 2091px;
  position: relative;
}
.time div {
  width: 407px;
  height: 210px;
  overflow: hidden;
  background-color: #fff;
}
.time div span {
  width: 397px;
  height: 200px;
  display: block;
  margin: 5px;
  overflow: hidden;
}
.time div span img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 5px;
}
.time div:nth-child(1) {
  position: absolute;
  right: 117px;
  top: 300px;
}
.time div:nth-child(2) {
  position: absolute;
  right: 700px;
  top: 440px;
}
.time div:nth-child(3) {
  position: absolute;
  right: 117px;
  top: 725px;
}
.time div:nth-child(4) {
  position: absolute;
  right: 700px;
  top: 880px;
}
.time div:nth-child(5) {
  position: absolute;
  right: 117px;
  top: 1125px;
}
.time div:nth-child(5) img {
  height: 172px;
}
.time div:nth-child(6) {
  height: 210px;
  z-index: 1;
  position: absolute;
  right: 700px;
  top: 1300px;
}
.time div:nth-child(7) {
  position: absolute;
  right: 117px;
  top: 1500px;
}
.time div:nth-child(8) {
  position: absolute;
  right: 700px;
  top: 1735px;
}
.time div:hover img {
  transition: all 0.5s ease-in-out;
  transform: scale(1.2);
}
.time div:hover {
  box-shadow: 5px 5px 10px #dedede;
  transition: all .3s;
}
.photo {
  width: 100%;
  background-color: #f2f2f2;
}
.photo .photo_box {
  height: 530px;
  background: url('../image/aboout_in_23.png');
}
.photo .photo_box div {
  background-color: #fff;
  box-shadow: 1px 1px 10px #999;
}
.photo .photo_box div div {
  overflow: hidden;
}
.photo .photo_box div div img {
  display: block;
  width: 100%;
  height: 100%;
}
.photo .photo_box div:nth-child(1) {
  width: 940px;
  height: 390px;
  float: left;
  margin: 78px 17px 17px 23px;
}
.photo .photo_box div:nth-child(1) div {
  display: block;
  margin: 10px;
  width: 920px;
  height: 370px;
}
.photo .photo_box div:nth-child(2) {
  width: 315px;
  height: 245px;
  float: left;
  margin-top: 203px;
}
.photo .photo_box div:nth-child(2) div {
  display: block;
  margin: 10px;
  width: 295px;
  height: 225px;
}
.photo .photo_box div:nth-child(3) {
  width: 1153px;
  height: 400px;
  float: left;
  margin-left: 23px;
}
.photo .photo_box div:nth-child(3) div {
  display: block;
  margin: 10px;
  width: 1133px;
  height: 380px;
}
.photo .photo_box div:nth-child(4) {
  width: 720px;
  height: 317px;
  float: left;
  margin-left: 23px;
  margin-top: 17px;
  margin-right: 17px;
}
.photo .photo_box div:nth-child(4) div {
  display: block;
  margin: 10px;
  width: 700px;
  height: 297px;
}
.photo .photo_box div:nth-child(5) {
  width: 415px;
  height: 317px;
  float: left;
  margin-top: 17px;
}
.photo .photo_box div:nth-child(5) div {
  display: block;
  margin: 10px;
  width: 395px;
  height: 297px;
}
.photo .photo_box div:hover img {
  transition: all 0.5s ease-in-out;
  transform: scale(1.2);
}



.banner_a{
  width: 100%;
  height: 390px;
  background: url('../image/service.jpg') no-repeat center;
  position: relative;
  z-index: 999;
}

.about_two{background: url(../image/about02.jpg) no-repeat center;height: 767px;overflow: hidden;}
.about_two article{width: 1200px;margin: 0 auto;}
.about_two article div{padding-top: 135px;width: 640px;}
.about_two article div h3{font-size: 40px;}
.about_two article div p{color: #666;letter-spacing: 0.1em;line-height: 40px;padding-top:135px;}