@media(max-width:1200px) {
  .kv .swiper-wrapper .swiper-slide .box{
    text-shadow: none;
  }
  .kv .swiper-wrapper .swiper-slide .box h2{
    font-size: 2.4em;
  }
  .kv .swiper-wrapper .swiper-slide .box .subtitle{
    display: block;
    font-size: 1.2em;
  }
  .kv .swiper-wrapper .swiper-slide .box .option .button a{
    font-size: 1em;
  }
  /***/
  article.index .bg_text{
    width: 100%;
    text-align: center;
    left: 0em;
    font-size: 16em;
  }
  /***/
  article.features section .list{
    padding: 2em 15px 4em 15px;
  }
  article.features section .list .box .pic{
    margin: 0 auto;
    transform: scale(0.6);
  }
  article.features section .list .box:hover .pic{
    transform: scale(0.8);
  }
  /***/
  article.news section .column{
    margin: 2em auto 5em auto;
    font-size: 0.9em;
  }
  article.news section .column .pic{
    display: block;
    width: 94%;
    max-width: 380px;
    margin:0 auto 2em auto;
  }
  article.news section .column .list{
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
}
@media(max-width:960px) {
  article.index .bg_text{
    font-size: 12em;
  }
  article.index section h2{
    margin: 2.5em auto 0em auto;
  }
  /***/
  article.services .box .info{
    padding:3em;
  }
}
@media(max-width:768px) {
  article.index .bg_text{
    font-size: 10em;
  }
  article.index section h2{
    margin: 2em auto 0em auto;
  }
  /***/
  article.features section .list{
    grid-template-columns: repeat(2,1fr);
  }
  article.features section .list .box .title{
    font-size: 1em;
  }
  /***/
  article.services{
    font-size: 0.9em;
  }
  /***/
  article.spotlight section .list,
  article.partner section .list{
    padding: 2em 15px 4em 15px;
  }
  article.spotlight section .list .box,
  article.partner section .list .box{
    width: 160px;
    height: 80px;
    margin:0 10px 40px 10px;
  }
  article.spotlight section .list .box img,
  article.partner section .list .box img{
    height: 80px;
  }
}
@media(max-width:680px) {
  article.services .box{
    display: block;
    min-height: unset;
  }
  article.services .box .pic{
    display: block;
    width: 100%;
    padding-bottom: 30%;
  }
  article.services .box .info{
    display: block;
    width: 100%;
    padding: 10% 15px;
    min-width: unset;
  }
}
@media(max-width:600px) {
  article.index .bg_text{
    font-size: 8em;
  }
  article.index section h2{
    font-size: 1.6em;
    margin: 1.6em auto 0em auto;
  }
  /***/
  article.services{
    font-size: 0.8em;
  }
}
@media(max-width:480px) {
  article.index .bg_text{
    font-size: 6em;
  }
  article.index section h2{
    margin: 1.2em auto 0em auto;
  }
}
@media(max-width:420px) {
  article.spotlight section .list .box,
  article.partner section .list .box{
    width: 120px;
    height: 60px;
    margin:0 10px 30px 10px;
  }
  article.spotlight section .list .box img,
  article.partner section .list .box img{
    height: 60px;
  }
}
@media(max-width:360px) {
  article.index .bg_text{
    font-size: 4em;
  }
}