.about{padding:75px 0 0;}
.about h1{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.about h1::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.about .txt{margin:50px 0 0;line-height:24px;font-size:16px;color:#666666;}
.about .txt p~p{margin-top:15px;}
.about .v {width:44.5%;position:relative;display:block;overflow:hidden;float:right;margin:0 0 20px 30px;}
.about .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.about .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/v1.png") no-repeat center;display:block;}
.about .v:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.about ul{margin-top:65px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.about ul li{text-align:center;}
.about ul li h5{color:var(--active-color);font-size:60px;line-height:1;display:inline-block;position:relative;}
.about ul li h5 span{font-family:var(--font-family1);}
.about ul li h5::after{content:attr(date-txt);position:absolute;right:-15px;top:2px;color:var(--active-color);font-size:24px;}
.about ul li:nth-child(1) h5::after{right:-80px;}
.about ul li:nth-child(2) h5::after{right:-42px;}
.about ul li p{font-size:24px;color:#333;line-height:24px;margin:5px 0 0;}

.vr{padding:75px 0 0;text-align:center;}
.vr h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.vr h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}
.vr .pic{margin:50px 0 0;text-align:center;}

.cert-list{padding:75px 0;}
.cert-list h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.cert-list h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.cert-list .list{margin-top:50px;position:relative;}
.cert-list .list a{height:278px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.cert-list .list .swiper-slide img{max-width:100%;max-height:100%;}

.cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:46px;height:46px;background:none;color:#919191;margin-top:-23px;text-align:center;}
.cert-list .swiper-button-prev::after,.cert-list .swiper-button-next::after{display:none;}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:40px;line-height:46px;color:inherit;}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.cert-list .swiper-button-prev:hover,.cert-list .swiper-button-next:hover{color:var(--active-color);}

.cert-list .swiper-pagination{display:none;position:static;width:100%;margin-top:25px;}
.cert-list .swiper-pagination-bullet{height:12px;width:12px;background:#E0E0E0;margin:0 4px;border-radius:50%;opacity:1;}
.cert-list .swiper-pagination-bullet-active{background:#999;}

.pic-list{padding:75px 0 0;}
.pic-list h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.pic-list h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.pic-list .list{position:relative;margin:50px 0 0;}
.pic-list .list .swiper-slide a{display:block;width:100%;}
.pic-list .list .swiper-slide a img{width:100%;}

.pic-list .swiper-pagination{position:static;width:100%;margin-top:35px;font-size:0;}
.pic-list .swiper-pagination-bullet {width:16px;height:16px;margin:0 10px;background:#E0E0E0;border-radius:50%;opacity:1;}
.pic-list .swiper-pagination-bullet-active{background:#999;}

.partner{padding:0 0 75px;}
.partner h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.partner h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.partner ul{margin:30px -20px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.partner ul li{width:20%;padding:20px;box-sizing:border-box;}
.partner ul li .pic{box-sizing:border-box;cursor:pointer;}
.partner ul li .pic img{display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

@media screen and (max-width:1441px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:48px;}

  .about ul li h5{font-size:50px;}
  .about ul li p{font-size:22px;}
}

@media screen and (max-width:1367px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:44px;}
  .about{padding:60px 0 0;}

  .vr .pic iframe{height:500px;}

  .cert-list{padding:60px 0;}
  .cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:40px;height:40px;margin-top:-20px;}
  .cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:30px;line-height:40px;}
  .cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-50px;}
  .cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-50px;}

  .pic-list{padding:60px 0 0;}

  .partner{padding:0 0 60px;}
}

@media screen and (max-width:1281px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:40px;}

  .cert-list .swiper-button-prev,.cert-list .swiper-button-next{display:none;}
  .cert-list .swiper-pagination{display:block;}
}

@media screen and (max-width:1171px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:36px;}
}

@media screen and (max-width:992px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:32px;}
}

@media screen and (max-width:768px){
  .about ul li h5{font-size:44px;}
  .about ul li p{font-size:18px;}

  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:28px;}

  .about{padding:30px 0 0;}
  .about .txt{margin:20px 0;}
  .about .txt p~p{margin-top:10px;}
  .about .v{width:100%;float:none;margin:0 0 20px;}

  .about ul{margin-top:25px;}
  .about ul li{width:50%;padding:15px 0;}
  .about ul li h5::after{font-size:20px;}
  .about ul li:nth-child(1) h5::after{right:-75px;}
  .about ul li:nth-child(2) h5::after{right:-40px;}

  .vr{padding:30px 0 0;}
  .vr .pic{margin:25px 0 0;}
  .vr .pic iframe{height:400px;}

  .cert-list{padding:30px 0;}
  .cert-list .list{margin-top:25px;}
  .cert-list .list a{height:200px;}

  .pic-list{padding:30px 0 0;}
  .pic-list .list{margin:25px 0 0;}
  .pic-list .swiper-pagination{margin-top:25px;}
  .pic-list .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px;}

  .partner{padding:0 0 30px;}
  .partner ul{margin:15px -10px 0;}
  .partner ul li{width:33.33333%;padding:10px;}
}

@media screen and (max-width:600px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:26px;}
}

@media screen and (max-width:480px) {
  .about ul li h5{font-size:40px;}
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:24px;}

  
  .cert-list ul li{width:50%;}
}