/* 手机端 */
@media screen and (max-width: 992px) {
  .app {
    margin: 2.13rem 0 0 0;
  }
  .banner {
    height: 5rem;
    position: relative;
  }
  .banner img {
    width: 100%;
    height: 5rem;
  }
  .banner .title {
    font-size: 0.8rem;
    font-weight: Bold;
    left: calc(1.82rem * 0.8);
    top: calc(2.4rem * 0.8);
    color: #ffffff;
    position: absolute;
  }
  .banner .subtitle {
    color: #ffffff;
    position: absolute;
    left: calc(1.82rem * 0.8);
    top: calc(3.8rem * 0.8);
    font-size: 0.6rem;
  }
  .tabs_box {
    display: flex;
    height: 1rem;
    margin: 0.2rem 0.5rem;
    font-size: 0.4rem;
    align-items: center;
    justify-content: space-between;
  }
  .tabs_box .tabs {
    width: 100%;
    display: flex;
    color: #333333;
    height: 100%;
  }
  .tabs_box .tabs .tab {
    margin: 0 0.2rem;
    height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
  }
  .tabs_box .tabs .check_tab {
    border-bottom: 1px solid #0074B7;
    color: #0074B7;
  }
  .tabs_box .router {
    display: none;
  }
  .company {
    margin: 0 0.5rem;
  }
  .company .area {
    margin: 0 auto;
    padding: 0.3rem 0 0.3rem 0;
  }
  .company .area .card_box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.3rem;
  }
  .company .area .card_box .card {
    border: 1px solid #EDEDED;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #F5F5F7;
  }
  .company .area .card_box .card img {
    width: 100%;
    border-radius: 0.2rem 0.2rem 0 0;
  }
  .company .area .card_box .card .title {
    font-size: 0.4rem;
    color: #333333;
    padding: 0.2rem;
    margin: 0.05rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .company .area .card_box .card .text {
    font-size: 0.3rem;
    color: #666666;
    margin: 0.05rem auto;
    padding: 0.2rem;
  }
  .company .area .card_box .card .below {
    font-size: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.2rem 0.2rem;
    box-sizing: border-box;
  }
  .company .area .card_box .card .below .tag {
    background-color: #0BA2DE;
    color: #ffffff;
    padding: 0.1rem 0.15rem;
  }
  .company .area .card_box .card .below .date {
    color: #666666;
  }
  .company .sorter_box {
    margin: 0.25rem 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.4rem;
    flex-wrap: wrap;
    color: #666666;
  }
  .company .sorter_box .btn {
    /*border: 1px solid #EDEDED;*/
    box-sizing: border-box;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.3rem;
    margin: 0.2rem 0.1rem;
  }
  .company .sorter_box .ckeck_sorter {
    border: 1px solid #0074B7;
    color: #0074B7;
  }
  .company .sorter_box .skip {
    height: 100%;
    margin: 0 0.07rem;
  }
  .company .sorter_box .skip input {
    border: 1px solid #EDEDED;
    width: 0.5rem;
    color: #666666;
    height: 1rem;
    text-indent: 5px;
  }
  .industry {
    display: none;
    margin: 0 0.5rem;
  }
  .industry .area {
    margin: 0 auto;
    padding: 0.3rem 0 0.3rem 0;
  }
  .industry .area .card_box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.3rem;
  }
  .industry .area .card_box .card {
    border: 1px solid #EDEDED;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #F5F5F7;
  }
  .industry .area .card_box .card img {
    width: 100%;
  }
  .industry .area .card_box .card .title {
    font-size: 0.4rem;
    color: #333333;
    padding: 0.2rem;
    margin: 0.05rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .industry .area .card_box .card .text {
    font-size: 0.3rem;
    color: #666666;
    margin: 0.05rem auto;
    padding: 0.2rem;
  }
  .industry .area .card_box .card .below {
    font-size: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.2rem 0.2rem;
    box-sizing: border-box;
  }
  .industry .area .card_box .card .below .tag {
    background-color: #F87D04;
    color: #ffffff;
    padding: 0.1rem 0.15rem;
  }
  .industry .area .card_box .card .below .date {
    color: #666666;
  }
  .industry .sorter_box {
    margin: 0.25rem 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.4rem;
    flex-wrap: wrap;
    color: #666666;
  }
  .pagination{
      display: flex;
    height: 100%;
  }
  .pagination li{
    border: 1px solid #EDEDED;
    height: 100%;
  }
    .pagination li a{
        width: 100%;
        height: 100%;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: color;
    padding: 0 0.2rem;
    margin: 0 0.1rem;
    }
    .pagination li span{
        display: inline-block;
        width: 100%;
        height: 100%;
    padding: 0 0.2rem;
    margin: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: color;
    }
    .pagination .active{
        color: #0074B7;
    }
}
/* PC端 */
@media screen and (min-width: 992px) {
  .app {
    /*margin: calc(0.52rem * 0.8) 0 0 0;*/
    margin: 134px 0 0 0;
  }
  .banner {
    height: calc(4.24rem * 0.8);
    position: relative;
  }
  .banner img {
    width: 100%;
    height: calc(4.24rem * 0.8);
  }
  .banner .title {
    font-weight: Bold;
    font-size: 0.31rem;
    color: #ffffff;
    position: absolute;
    top: calc(1.8rem * 0.8);
    left: calc(1.76rem * 0.8);
  }
  .banner .subtitle {
    font-size: 0.14rem;
    color: #ffffff;
    position: absolute;
    top: calc(2.3rem * 0.8);
    left: calc(1.76rem * 0.8);
  }
  .tabs_box {
    display: flex;
    width: 70%;
    height: calc(0.36rem * 0.8);
    margin: 0 auto;
    font-size: 0.1rem;
    align-items: center;
    justify-content: space-between;
  }
  .tabs_box .tabs {
    display: flex;
    color: #333333;
    height: 100%;
  }
  .tabs_box .tabs .tab {
    margin-right: 0.23rem;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .tabs_box .tabs .check_tab {
    border-bottom: 1px solid #0074B7;
    color: #0074B7;
  }
  .tabs_box .router {
    display: flex;
    align-items: center;
    color: #555555;
  }
  .tabs_box .router img {
    margin-right: 0.05rem;
  }
  .company {
    width: 70%;
    margin: 0 auto;
  }
  .company .area {
    margin: 0 auto;
    padding: 0.3rem 0 0.3rem 0;
  }
  .company .area .card_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.16rem;
  }
  .company .area .card_box .card {
    border: 1px solid #EDEDED;
    border-radius: 0.04rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #F5F5F7;
  }
  .company .area .card_box .card img {
    width: 100%;
    height: calc(1.52rem * 0.8);
  }
  .company .area .card_box .card .title {
    font-size: 0.09rem;
    color: #333333;
    height: 0.3rem;
    padding: 0 0.05rem 0 0.05rem;
    margin: 0.05rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .company .area .card_box .card .text {
    font-size: 0.09rem;
    color: #666666;
    height: 0.25rem;
    margin: 0rem 0 0 0;
    padding: 0 0.05rem 0 0.05rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .company .area .card_box .card .below {
    font-size: 0.09rem;
    display: flex;
    justify-content: space-between;
    height: 0.15rem;
    align-items: center;
    margin: 0.1rem 0.05rem;
    box-sizing: border-box;
  }
  .company .area .card_box .card .below .tag {
    background-color: #0BA2DE;
    color: #ffffff;
    padding: 0.02rem 0.04rem;
  }
  .company .area .card_box .card .below .date {
    color: #666666;
  }
  .company .sorter_box {
    margin: 0.25rem auto;
    height: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.1rem;
    color: #666666;
  }
  .pagination{
      display: flex;
    height: 100%;
  }
  .pagination li{
    border: 1px solid #EDEDED;
    height: 100%;
  }
    .pagination li a{
        width: 100%;
        height: 100%;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: color;
    padding: 0 0.088rem;
    margin: 0 0.032rem;
    }
    .pagination li span{
        display: inline-block;
        width: 100%;
        height: 100%;
    padding: 0 0.088rem;
    margin: 0 0.032rem;
    display: flex;
    align-items: center;
    justify-content: color;
    }
    .pagination .active{
        color: #0074B7;
    }
  .industry {
    display: none;
    width: 70%;
    margin: 0 auto;
  }
  .industry .area {
    margin: 0 auto;
    padding: 0.3rem 0 0.3rem 0;
  }
  .industry .area .card_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.16rem;
  }
  .industry .area .card_box .card {
    border: 1px solid #EDEDED;
    border-radius: 0.04rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #F5F5F7;
  }
  .industry .area .card_box .card img {
    width: 100%;
    height: calc(1.52rem * 0.8);
  }
  .industry .area .card_box .card .title {
    font-size: 0.09rem;
    color: #333333;
    height: 0.3rem;
    padding: 0 0.05rem 0 0.05rem;
    margin: 0.05rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .industry .area .card_box .card .text {
    font-size: 0.09rem;
    color: #666666;
    height: 0.25rem;
    margin: 0rem 0 0 0;
    padding: 0 0.05rem 0 0.05rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .industry .area .card_box .card .below {
    font-size: 0.09rem;
    display: flex;
    justify-content: space-between;
    height: 0.15rem;
    align-items: center;
    margin: 0.1rem 0.05rem;
    box-sizing: border-box;
  }
  .industry .area .card_box .card .below .tag {
    background-color: #F87D04;
    color: #ffffff;
    padding: 0.02rem 0.04rem;
  }
  .industry .area .card_box .card .below .date {
    color: #666666;
  }
  .industry .sorter_box {
    margin: 0.25rem auto;
    height: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.1rem;
    color: #666666;
  }
  .industry .sorter_box .btn {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.088rem;
    margin: 0 0.032rem;
  }
  .industry .sorter_box .ckeck_sorter {
    /*border: 1px solid #0074B7;*/
    color: #0074B7;
    box-sizing: border-box;
  }
  .industry .sorter_box .skip {
    height: 100%;
    margin: 0 0.07rem;
  }
  .industry .sorter_box .skip input {
    border: 1px solid #EDEDED;
    width: calc(0.46rem * 0.8);
    color: #666666;
    height: 100%;
    text-indent: 5px;
  }
}