/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/* 公共 */
.safe-zone {max-width: 1400px;margin: 0 auto;width: 100%;padding-left:50px;padding-right:50px;position: relative;}
.page-honor .page-title{font-size: 32px;text-align: center;font-weight: normal;}
.page-honor .page-title.white{color: #fff;}
.page-honor .module{padding-top:80px;padding-bottom: 80px;}
.page-honor .swiper-button:focus{outline: none;}

/* qualification */
.page-honor .qualification .qualification-list {margin-top: 20px;position: relative;padding-bottom: 70px;}
.page-honor .qualification .swiper-container{padding: 20px 0;}
.page-honor .qualification .pic{opacity: .3;-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-honor .qualification .pic img{width: 100%;height: 100%;}
.page-honor .qualification .title{display: none;font-size: 21px;text-align: center;margin-top: 10px;line-height: 1.5;}
.page-honor .qualification .swiper-slide-active .pic{opacity: 1;}
.page-honor .qualification .swiper-slide-active .title{display: block;}
.page-honor .qualification .swiper-slide-shadow-right ,.page-honor .qualification .swiper-slide-shadow-left {display: none;}
.page-honor .qualification .swiper-button{left: 50%;top:auto;bottom: 0;width: 50px;height: 50px;border: 1px solid #e1e1e1;border-radius: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);margin: 0;}
.page-honor .qualification .swiper-button::after{font-size: 16px;color: #878787;}
.page-honor .qualification .swiper-button:hover{background-color: #d3291a;border-color: #d3291a;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);}
.page-honor .qualification .swiper-button:active{-webkit-box-shadow: none;box-shadow: none;}
.page-honor .qualification .swiper-button:hover::after{color: #fff;}
.page-honor .qualification .swiper-button-prev{margin-left: -100px;}
.page-honor .qualification .swiper-button-next{margin-left: 100px;}
.page-honor .qualification .nums{position: absolute;left: 50%;bottom: 0;line-height: 50px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);font-size:16px;color:#888;}
.page-honor .qualification .nums .current{font-size:18px;color:#666;font-weight: 600;}

/* honor */
.page-honor .honor-content{margin-top: 40px;}
.page-honor .honor .content{max-width:800px;margin: 0 auto;width: 100%;font-size: 16px;line-height: 2;color: #fff;padding: 0 50px;text-align: justify;}
.page-honor .honor .years {margin-top: 60px;position: relative;}
.page-honor .honor .years::after {content: '';width: 100%;height: 1px;background-color: rgba(255,255,255,.8);position: absolute;left: 0;bottom:2px;}
.page-honor .honor .years .swiper-container{padding-bottom: 3px;}
.page-honor .honor .years .swiper-slide{font-size: 16px;color: #fff;height: 60px;position: relative;cursor: pointer;}
.page-honor .honor .years .swiper-slide::before{content: '';width: 1px;height: 9px;;opacity: .8;background: #fff;position: absolute;left: 50%;bottom: 0;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.page-honor .honor .years .swiper-slide p{position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);line-height: 1;opacity: .8;-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-honor .honor .years .swiper-slide-active p{font-size:36px;font-weight: bold;top: 0;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);opacity: 1;}
.page-honor .honor .years .swiper-slide-active::before{width: 60%;height: 5px;bottom: -3px;opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-honor .honor .years .swiper-slide-active::after{content:'';width: 0;height: 0;border-style: solid;border-width: 10px 6px; border-color:  transparent transparent #fff transparent;position: absolute;left: 50%;bottom: 0;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-honor .honor .years .swiper-button{bottom:3px;width: 50px;height: 50px;border: 1px solid #e1e1e1;border-radius: 50%;-webkit-transform: translate(0,50%);transform: translate(0,50%);margin: 0;top:auto;}
.page-honor .honor .years .swiper-button::after{font-size: 16px;color: #fff;}
.page-honor .honor .years .swiper-button-prev{left:50px;}
.page-honor .honor .years .swiper-button-next{right: 50px;}
.page-honor .honor .years .swiper-button:hover{background-color: #fff;border-color: #fff;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);}
.page-honor .honor .years .swiper-button:hover::after{color: #d3291a;}


@media screen and (max-width:767px){

  /* 公共 */
  .safe-zone {padding-left:15px;padding-right:15px;}
  .page-honor .page-title{font-size: 24px;}
  .page-honor .module{padding-top:30px;padding-bottom: 30px;}

  /* qualification */
  .page-honor .qualification .qualification-list {margin-top: 0;padding-bottom: 30px;}
  .page-honor .qualification .swiper-button{display: none;}
  .page-honor .qualification .title{font-size: 18px;}

  /* honor */
  .page-honor .honor-content{margin-top: 20px;}
  .page-honor .honor .content{padding: 0 15px;font-size: 14px;}
  .page-honor .honor .years .swiper-button{display: none;}

}