/*
* 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-innovation .page-title{font-size: 32px;text-align: center;font-weight: normal;}
.page-innovation .module-detail{font-size: 16px;text-align: center;color: #666666;line-height: 2;}
.page-innovation .module{padding-top:80px;padding-bottom: 80px;}
.page-innovation .swiper-button:focus{outline: none;}

/* qualification */
.page-innovation .qualification .qualification-list {margin-top: 20px;position: relative;padding-bottom: 70px;}
.page-innovation .qualification .swiper-container{padding: 20px 0;}
.page-innovation .qualification .pic{opacity: .3;-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-innovation .qualification .pic img{width: 100%;height: 100%;}
.page-innovation .qualification .title{display: none;font-size: 21px;text-align: center;margin-top: 10px;line-height: 1.5;}
.page-innovation .qualification .swiper-slide-active .pic{opacity: 1;}
.page-innovation .qualification .swiper-slide-active .title{display: block;}
.page-innovation .qualification .swiper-slide-shadow-right ,.page-innovation .qualification .swiper-slide-shadow-left {display: none;}
.page-innovation .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-innovation .qualification .swiper-button::after{font-size: 16px;color: #878787;}
.page-innovation .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-innovation .qualification .swiper-button:active{-webkit-box-shadow: none;box-shadow: none;}
.page-innovation .qualification .swiper-button:hover::after{color: #fff;}
.page-innovation .qualification .swiper-button-prev{margin-left: -100px;}
.page-innovation .qualification .swiper-button-next{margin-left: 100px;}
.page-innovation .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-innovation .qualification .nums .current{font-size:18px;color:#666;font-weight: 600;}

/* innovation */
.page-innovation .innovation .list{border-top: 1px solid #e1e1e1;}
.page-innovation .innovation .list li {display: block;padding: 50px 0;border-bottom: 1px dashed #e1e1e1;}
.page-innovation .innovation .list li:nth-child(2n+1) .text-wrap{float: left;}
.page-innovation .innovation .list li:nth-child(2n+1) .pic-wrap{float: right;}
.page-innovation .innovation .list li:nth-child(2n) .text-wrap{float: right;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.page-innovation .innovation .list li:nth-child(2n) .pic-wrap{float: left;}
.page-innovation .innovation .list li .text-wrap{width: calc(100% - 460px);height: 540px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.page-innovation .innovation .list li .text{max-width: 640px;}
.page-innovation .innovation .list li .pic-wrap{width: 460px;height: 540px;}
.page-innovation .innovation .list li .pic-wrap img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;overflow: hidden;}
.page-innovation .innovation .list li .text-wrap .title{font-size: 32px;}
.page-innovation .innovation .list li .text-wrap .desc{font-size: 16px;line-height: 2;color: #666;margin-top: 20px;text-indent: 2em;text-align: justify;}

.see-details-btn { display: -webkit-box; display: -ms-flexbox; display: flex; background: #D3291A; color: #FFFFFF; width: 160px; height: 65px; margin-top: 50px; font-size: 16px; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

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

  /* innovation */
  .page-innovation .innovation .list li .text-wrap{width: calc(100% - 430px);height: 470px;}
  .page-innovation .innovation .list li .pic-wrap{width: 400px;height: 470px;}

}

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

  /* innovation */
  .page-innovation .innovation .list li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .page-innovation .innovation .list li .pic-wrap{width: 100%;height: auto;}
  .page-innovation .innovation .list li .text-wrap{width: 100%;height: auto;padding: 0;margin-top: 30px;display: block;}
  .page-innovation .innovation .list li .text-wrap .text{max-width: 100%;}

}

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

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

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

    /* innovation */
    .page-innovation .innovation .list li a{padding: 6vw 0;}
    .page-innovation .innovation .list li .text-wrap{margin-top: 6vw;}
    .page-innovation .innovation .list li .text-wrap .title{font-size: 20px;}
    .page-innovation .innovation .list li .text-wrap .desc{font-size: 14px;line-height: 1.8;margin-top: 3vw;}
    
    .see-details-btn { width: 120px; height: 48px; font-size: 13px; }

}