.ffazhan {
  padding: 144px 0;
  background: url('../images/f39d127b00dbc12e8bd8a362db44e38b60315cbc.jpg') bottom / cover no-repeat;
}
.fazhan {
  position: relative;
  z-index: 3;
  overflow: hidden;
  margin: 5vw auto 0;
  max-width: 1536px;
  padding: 0 96px;
}
.fazhan .swiper-container {
  height: 330px;
}

.fazhan .swiper-slide a {
  display: block;
  height: 100%;
  font-size: 0;
  cursor: pointer;
  padding-left: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.fazhan .swiper-slide a:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 35px;
  z-index: 0;
  width: 5px;
  height: 270px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc0000), to(rgba(220, 0, 0, 0)));
  background-image: linear-gradient(to bottom, #dc0000 ,#dc0000 , rgba(220, 0, 0, 0));
}
.fazhan .swiper-slide:nth-child(2n+1){
    padding-top: 46px;

}


.fazhan .swiper-slide a.i1:before {
  top: 35px;
  height: 215px;
}
.fazhan .swiper-slide a.i2 {
  padding-top: 0;
}
.fazhan .swiper-slide a.i2:before {
  top: 35px;
  height: 270px;
}
.fazhan .swiper-slide a.i3 {
  padding-top: 38px;
}
.fazhan .swiper-slide a.i3:before {
  top: 73px;
  height: 144px;
}
.fazhan .swiper-slide a.i4 {
  padding-top: 44px;
}
.fazhan .swiper-slide a.i4:before {
  top: 79px;
  height: 266px;
}
.fazhan .swiper-slide i {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
  width: 25px;
  height: 25px;
  -webkit-transition: 1s;
  transition: 1s;
  background: url('../images/16b5e038c6b1c856575ea9b617a3bd034e966a2b.png') center no-repeat;
}
.fazhan .swiper-slide:hover i {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.fazhan .swiper-slide a.i1 i {
  top: 10px;
}
.fazhan .swiper-slide a.i2 i {
  top: 10px;
}
.fazhan .swiper-slide a.i3 i {
  top: 48px;
}
.fazhan .swiper-slide a.i4 i {
  top: 54px;
}
.fazhan .swiper-slide .year {
  height: 42px;
  font-size: 30px;
  color: #dc0000;
  line-height: 42px;
  position: relative;
  font-family: "avian";
  margin-bottom: 4px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.fazhan .swiper-slide dl {
  width: 240px;
  overflow: auto;
}
.fazhan .swiper-slide dd {
  font-size: 16px;
  line-height: 32px;
  color: #666;
  white-space: normal;
}
.fazhan .swiper-slide-active .year {
  font-size: 36px;
  text-indent: 10px;
  font-weight: bold;
}
.fazhan .swiper-slide a.i1 dl {
  max-height: 196px;
}
.fazhan .swiper-slide a.i2 dl {
  max-height: 288px;
}
.fazhan .swiper-slide a.i3 dl {
  max-height: 256px;
}
.fazhan .swiper-slide a.i4 dl {
  max-height: 256px;
}
.fazhan .sw-next,
.fazhan .sw-prev {
  position: absolute;
  top:10px;
  width: 32px;
  height: 52px;
  z-index: 10;
  cursor: pointer;
  font-size: 0;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #dc0000;
}
.fazhan .sw-prev {
  left: 16px;
  background: transparent url('../images/0f5e86a2d439a26be1d472a51961b4b208bb0c5e.png') center no-repeat;
}
.fazhan .sw-next {
  right: 16px;
  background: transparent url('../images/972de0dae2abc89c5bd7f7ea964c8b3172e484e5.png') center no-repeat;
}
.fazhan .sw-prev:hover {
  background-image: url('../images/45125b34801be94d8a2dd16a00f4ddaf35182cb0.png');
  background-color: #dc0000;
}
.fazhan .sw-next:hover {
  background-image: url('../images/9dc36b5084cf95978613377b56e677a2e50a8455.png');
  background-color: #dc0000;
}

.yaowan {
  position: relative;
  margin: 40px auto 0;
  height: 82px;
  padding-bottom: 10px;
  z-index: 3;
  overflow: hidden;
}
.yaowan .swiper-container {
  height: 100%;
}
.yaowan .swiper-slide {
  width: 192px;
  height: 100%;
  text-align: center;
  position: relative;
}
.yaowan .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background: url('../images/a4f204308bdee79e7bc9d66ff0792d72ae21e61d.png') bottom no-repeat;
  padding-bottom: 24px;
}
.yaowan .swiper-slide .num {
  font-size: 24px;
  color: #dc0000;
  line-height: 40px;
  font-family: "avian";
}
.yaowan .swiper-slide-active .num {
  font-weight: bold;
}
.cer8{
  padding:0 30px 5vw;
}
@media screen and (max-width: 767px) {
  .fazhan {
    padding: 30px 5% 0;
  }
  .fazhan .swiper-container {
      height: 250px;
  }
  .fazhan .swiper-slide {
    width: 320px;
  }
  .fazhan .swiper-slide-active .year{
    font-size: 30px;
  }
  .fazhan .swiper-slide dd{
    font-size: 15px;
  }
  .fazhan .sw-prev {
    left: 0;
    top: 150px;
  }
  .fazhan .sw-next {
    right: 0;
    top: 150px;
  }
  .fazhan .swiper-slide a:before{
    left:30px;
  }
  .fazhan .swiper-slide i{
    left:20px;
  }
  .fazhan .swiper-slide:nth-child(2n+1){
    padding-top:0;
  }
  .fazhan .sw-next, .fazhan .sw-prev{
    top:110px;
  }
  
}

/* 联系我们页面 */
.con-tit h2{
  color:#333;
  font-size: 48px;
  line-height: 1.8;
  font-weight: bold;
}
.con-tit .intro{
  color:#333;
  font-size: 20px;
  line-height: 1.5;
}
.p-con-list{
  display: flex;
  justify-content: space-between;
  margin-top:3.5vw;
}
.p-con-list li{
  width: 23.5%;
  background: #f8f8f8;
  border:1px solid #ebebeb;
  padding:1.5vw;
}
.p-con-list li .img{
  width: 70px;
  height: 70px;
  line-height: 65px;
  border-radius: 50%;
  border:1px solid #dc0000;
  text-align: center;
}
.p-con-list li .img2{
  display: none;
}
.p-con-list li h3{
  color:#666;
  font-size: 15px;
  line-height: 2;
  margin-top:25px;
}
.p-con-list li p{
  color:#666;
  font-size: 15px;
  line-height: 2;
}
.p-ewm{
  display: flex;
   align-items:center;
}
.p-ewm .flex{
  align-items: flex-end;
  justify-content:flex-start;
}
.p-con-list li .text{
  margin-left:1.5vw;
}

.p-con-list li:hover{
  background: #d30000;
}
.p-con-list li:hover .img{
  border-color: #fff;
}
.p-con-list li:hover .img1{
  display: none;
}
.p-con-list li:hover .img2{
  display: inline-block;
}
.p-con-list li:hover h3,.p-con-list li:hover p{
  color:#fff;
}
.p-map{
  margin-top:4.3vw;

}
.p-map img{
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}
@media(max-width: 1199px){
  .con-tit h2{
    font-size: 38px;
  }
  .con-tit .intro{
    font-size: 18px;
  }
  .p-con-list{
    flex-wrap: wrap;
  }
  .p-con-list li{
    width:48.5%;
    margin-bottom: 2vh;
  }
}
@media(max-width: 991px){
  .con-tit h2{
    font-size: 32px;
  }
  .con-tit .intro{
    font-size: 16px;
  }
  .p-map{
    margin-top:2vh;
  }
}
@media(max-width: 767px){
  .con-tit h2{
    font-size:26px;
  }
  .con-tit .intro{
    font-size: 14px;
  }
 .p-con-list li{
    width:100%;
    padding:20px 15px;
  }
}
/* 公司简介 */
.p-about{
  padding-top:3.38541667%;
}
.ab-up-box .img{
   width: 46%;
}
.ab-up-box .img img{
   max-width: 100%;
   height: auto;
}
.ab-up-box .text{
  width: 50%;
  position: relative;
}
.ab-up-box .text h2{
  color:#333;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.8;
}
.ab-up-box .text .intro{
  color:#555;
  font-size:17px;
  line-height: 2.2;
  margin-top:2vh;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.power2{
  position: absolute;
  right:0;
  bottom:7%;
  width: 135.25%;
  background: #d30000;
}
.num-list2 li{
  text-align: center;
  color:#fff;
  width: 25%;
  padding: 1vw 0 1.5vw;
}
.num-list2 li .number{
  font-size: 60px;
  font-family: arial;
  font-weight: bold;
}
.num-list2 li p{
   color:#fff;
   font-size: 16px;
  line-height: 26px;
}
.ab-min-box{
  padding:3vw 0 5vw;
}
.ab-min-box .txt1{
  color:#555;
  font-size: 17px;
  line-height: 2.2;
}
.ab-case {
  margin:3vw 0;
}
.ab-case li{
  width: 32%;
  overflow: hidden;
}
.ab-case li img{
  max-width: 100%;
  height: auto;
  -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.ab-case li:hover img{
   -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.ab-culture{
  /* background: url(../images/e5087216114c03fd791e4b4d128c12ba6eda7ba3.jpg) no-repeat 50% 100%;
  background-size: cover; */
  background: #e3e3e3;

  padding:4vw 0 6vw;
}
.ab-culture  h2{
  color:#333;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.cul-list{
  margin-top:8vh;
}
.cul-list li{
  width: 19%;
}
.cul-list li a{
  display: block;
  position: relative;
  overflow: hidden;
}
.cul-list li a:before{
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left:0;
  top:0;
  background:rgba(7,5,6,.24);
  z-index: 9;
  -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.cul-list li img{
  max-width: 100%;
  height: auto;
  -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.cul-list li:hover img{
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.cul-list li:hover a:before{
  background:rgba(7,5,6,.15);
}
.cul-list li .text{
  position: absolute;
  width: 100%;
  left:0;
  bottom:1vw;
  color:#fff;
  padding:20px 1.5vw;
  transition: all 0.5s;
  z-index: 99;
}
.cul-list li  h3{
  font-weight:bold;
  font-size: 24px;
  line-height: 1.5;
}
.cul-list li  p{
  font-size: 15px;
  line-height: 1.5;
  margin-top:5px;
}
.cul-list li:hover .text{
   bottom:2vw;
}
@media(max-width: 1519px){
   .ab-up-box .text{
     padding-bottom: 200px;
   }
   .ab-up-box .text h2{
     font-size: 38px;
   }
   .num-list2 li .number{
     font-size: 50px;
   }
   .num-list2 li p{
     font-size: 15px;
   }
   .ab-culture h2{
     font-size: 38px;
   }
}
@media(max-width: 1199px){
   .ab-up-box .img{
     width: 100%;
   }
   .ab-up-box .text{
     width: 100%;
   }
   .power2{
     width: 100%;
   }
}
@media(max-width: 991px){
  .ab-up-box .text h2{
    font-size: 32px;
  }
  .ab-culture h2{
    font-size: 32px;
  }
  .ab-up-box .text .intro,.ab-min-box .txt1{
    font-size: 16px;
  }
  .cul-list{
    margin-top:4vh;
  }
  .cul-list li{
    width: 24%;
    margin-bottom: 20px;
  }
  .cul-list li h3{
    font-size: 22px;
  }
}
@media(max-width: 767px){
   .ab-up-box .text h2{
    font-size: 26px;
  }
  .ab-culture h2{
    font-size: 26px;
  }
 .ab-min-box .txt1{
    font-size: 15px;
  }
  .ab-up-box .text{
    padding-bottom: 0;
  }
  .ab-up-box .text .intro{
    margin-top:0;
    font-size: 15px;
  }
  .power2{
    position: static;
    margin-top:15px;
  }
  .num-list2 li{
    width: 50%;
  }
  .num-list2 li .number{
    font-size: 40px;
  }
  .ab-culture{
    padding:30px 0;
  }
  .cul-list li{
    width:48%;
  }
  .cul-list li h3{
    font-size: 20px;
  }
}