@charset 'utf-8';
@import (reference) 'color';

.news-lists {
      .introduce {
            position: relative;
            padding-bottom: 60px;
            margin-bottom: 109px;

            .introduce_cen {
                  width: 100%;
                  height: auto;
                  max-width: 1130px;
                  margin: 0 auto;
                  padding-top: 15px;
                  
                  .i_c_list {
                        height: 600px;
                        margin-bottom: 10px;

                        .i_c_list_cen {
                              height: auto;

                              &>a {
                                    display: block;
                                    width: 100%;
                                    height: 100%;

                                    .i_c_img {
                                          width: 100%;
                                          height: auto;

                                          &>img {
                                                width: 100%;
                                                height: 100%;
                                          }
                                    }

                                    .i_c_top {
                                          width: 100%;
                                          height: auto;
                                          font-size: 16px;
                                          color: #797979;
                                          margin: 10px 0 5px 0;
                                    }

                                    .i_c_tit {
                                          font-size: 25px;
                                          margin-bottom: 10px;
                                          line-height: 30px;
                                          color: #000;
                                    }

                                    .d_c_word {
                                          font-size: 16px;
                                          color: #073446;

                                    }
                              }
                        }
                  }

                  .view_more {
                        width: auto;
                        height: auto;
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translate(-50%, 0);
                        color: @color-ff;
                        padding: 10px 20px;

                        &>a {
                              display: block;
                              width: 100%;
                              height: 100%;
                              color: @color-ff;
                              text-align: center;
                        }
                  }
            }
      }
}

// 新闻页面列表
.tags-row {
      .tag-warpper {
            .i_c_list {
                  height: 600px;
                  margin-bottom: 10px;

                  .i_c_list_cen {
                        height: auto;

                       
                              .i_c_img {
                                    flex: 0 0 67%;
                                    height: auto;
                                    // height: 200px;
                                    // max-height: 200px;
                                    min-height: 200px;

                                    @media @max850 {
                                          min-height: 400px;
                                    }

                                    &>img {
                                          width: 100%;
                                          height: 100%;
                                    }
                              }

                              .content-tag-warp {
                                    flex: 1;
                                    .i_c_tags{
                                          font-size: 16px;
                                          display: flex;
                                          font-weight: 600;
                                          color: #00A0E8;
                                          .i_c_tag_name{
                                            position: relative;
                                            margin-right: 10px;
                                          }
                                          >.i_c_tag_name:not(:nth-of-type(1)) {
                                              &::after{
                                                position: absolute;
                                                content: " ";
                                                width: 1px;
                                                height: 10px;
                                                background-color: #555555;
                                                left: -5px;
                                                top: calc(50% - 5px);
                                              }
                                          }
                                    }
                                    
                                    .i_c_top {
                                          width: 100%;
                                          height: auto;
                                          font-size: 16px;
                                          color: #797979;
                                          margin: 10px 0 5px 0;
                                    }
                                    .i_c_bottom{
                                          border-top: 1px solid #D1D1D1;
                                          padding-top: 15px;
                                          display: flex;
                                          align-items: center;
                                          justify-content: space-between;
                                          .i_c_bottom_op{
                                                cursor: pointer;
                                                width: 159px;
                                                height: 40px;
                                                background: #00A0E8;
                                                border-radius: 4px;
                                                line-height: 40px;
                                                font-size: 16px;
                                                font-weight: 500;
                                                color: #FFFFFF;
                                                text-align: center;
                                          }
                                    }


                                    .i_c_tit {
                                          font-size: 25px;
                                          margin-bottom: 10px;
                                          line-height: 30px;
                                          color: #000;
                                    }

                                    .d_c_word {
                                          font-size: 16px;
                                          overflow: hidden;
                                          text-overflow: ellipsis;
                                          display: -webkit-box;
                                          -webkit-line-clamp: 6;
                                          -webkit-box-orient: vertical;
                                          font-weight: 400;
                                          color: #555555;
                                    }

                                    .g_c_link {
                                          color: #00A0E8;
                                          margin-top: 10px;

                                          span:after {
                                                content: "\2192";
                                                font-size: 16px;
                                                color: #00A0E8;
                                          }
                                    }

                        }
                  }
            }
      }
}

/*手机端*/
@media screen and (max-width: 992px) {
      .tec {
            .tec_cen {
                  .programme-wrap {
                        display: inherit;
                  }

                  .t_list {
                        .t_l_fun {
                              width: auto !important;
                              margin-right: 13px;

                              &:last-child {
                                    margin-right: 0;
                              }
                        }
                  }
            }
      }

      .news-lists {
            .introduce {
                  .introduce_cen {
                        .i_c_list {
                              height: auto !important;
                              margin-bottom: 20px;
                        }
                  }
            }
      }




      .growth {
            padding-bottom: 0 !important;

            .growth_cen {
                  .g_c_left {
                        .g_c_num {
                              width: 100% !important;
                              margin: 30px auto 0 !important;

                              .num_left {
                                    display: none;
                              }

                              .num_right {
                                    width: 100% !important;
                                    display: flex;
                                    margin-left: 0 !important;

                                    .n_r_num {
                                          width: 32% !important;
                                          margin-right: 2% !important;
                                          text-align: center;

                                          &:last-child {
                                                margin-right: 0 !important;
                                          }
                                    }
                              }
                        }
                  }

                  .g_c_right {
                        .anviz_company {
                              margin-top: 0 !important;
                        }
                  }
            }
      }
}

@media screen and (max-width: 400px) {
      .tec {
            .tec_cen {
                  .t_list {
                        display: block;

                        .t_l_fun {
                              padding: 5px 0;
                        }
                  }
            }
      }
}