/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#1  Global Elements
#2  change type

----------------------------------------------------------------*/


/*--------------------------------------------------------------
#1  Global Elements
--------------------------------------------------------------*/
.pageTop_img {
    background-image: url('../img/news/news_bg.png');
    background-size: cover;
}

/*--------------------------------------------------------------
  #2  change type
  --------------------------------------------------------------*/
  .change_type_list{
    margin: 50px auto 0;
    width: 300px;
    box-sizing: border-box;
  }
  .change_type_item{
      width: 45%;
      height: 42px;
      display: inline-block;
      border: 1px solid #81a4c1;
      box-sizing: border-box;
      color: #204061;
      font-size: 18px;
      text-align: center;
      line-height: 42px;
      background-color: white;
      margin-right: 10%;
  }
  .change_type_item_act {
      color: white;
      border: none;
      background-color: #204061;
  }
  .change_type_item:last-child {
      margin-right: 0;
  }


/*  新闻内元素 */
.article-container {
    width: 100%;
    /* height: 470px; */
    overflow: hidden;
    cursor: pointer;
}

.img-shadow {
    -webkit-box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);
    box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);
}

.container2_grid_swipe {
    width: 100%;
    height: 100%;
}

.article-layout:hover .img-shadow {
    display: block;
}

.article-layout:hover .title {
    color: #e2a561;
}

.article-layout {
    background-color: #f9f9f9;
}

.container2_grid_img_box {
    position: relative;
    width: 100%;
    height: 217px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.img-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.img-shadow img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17.5px;
    margin-top: -17.5px;
}

.article-publish-date {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    padding-left: 14px;
    padding-right: 9px;
    background-color: #e0a564;
    font-size: 12px;
    line-height: 32px;
    color: white;
}

.img-shadow .container2_grid_article {
    background-image: url('../img/index_article_bg.png');
    background-repeat: no-repeat;
    background-position: 100% 90%;
    background-color: white;
}

.container2_grid_detail {
    box-sizing: border-box;
    width: 100%;
    padding: 25px;
}

.container2_grid_detail .title {
    color: #243241;
    font-size: 20px;
    height: 65px;
    margin-bottom: 10px;
    display: -webkit-box;
    line-height: 32px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.container2_grid_detail .introduction {
    font-size: 14px;
    color: #808080;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 20px;
    height: 80px;
}

.container2_grid_detail .more {
    font-size: 14px;
    color: #e2a561;
}

.container2_grid_detail .more .more_img {
    display: block;
}

.container2_grid_detail .more .more_img_act {
    display: none;
}

.container2_grid_detail .more:hover {
    color: #1f4061;
}

.container2_grid_detail .more:hover .more_img {
    display: none;
}

.container2_grid_detail .more:hover .more_img_act {
    display: block;
}

.container2_grid_article .introduction {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    margin-bottom: 109px;
    line-height: 26px;
    height: 208px;
}


.main-container {
    display: block;
    text-align: justify;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 60px;
    /*padding-bottom: 100px;*/
}

.article-item{
    width: 356px;
    display: inline-block;
    margin-bottom: 80px;
    vertical-align: middle;
    text-align: left;
    text-align-last: left;
}
.place-holder {
    width: 356px;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
}

/* 底部分页部分 */

.pager {
    display: block;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.pager .link-item {
    display: inline-block;
    height: 35px;
    text-align: center;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #dddddd;
    color: #313131;
    font-size: 12px;
    cursor: pointer;
}

.pager .link-item.active {
    background-color: #e2a561;
    color: white;
}

.pager .link-item:hover{
    background-color: #e2a561;
    color: white;
}


/* 加载更多 */

.load-more {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 110px;
    border: 1px solid #dddddd;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #6d6d6d;
    cursor: pointer;
}

.load-more .arrow-icon {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrow-icon2{
    display: none;
}
.load-more:hover {
    color: white;
    background-color: #879cb3;
}
.load-more:hover .arrow-icon1 {
    display: none;
}
.load-more:hover .arrow-icon2 {
    display: inline-block;
}


/* 自适应部分 */

@media screen and (min-width:320px) {
    .main-container {
        max-width: 300px;
        margin-bottom: -50px;
    }
    .item-container {
        text-align: center;
        text-align-last: center;
    }
    .container2_grid_detail {
        box-sizing: border-box;
        width: 100%;
        padding: 25px;
    }

    .article-item {
        width: 100%;
        display: inline-block;
        margin-bottom: 40px;
        vertical-align: middle;
    }
}

@media screen and (min-width:480px) {
    .main-container {
        max-width: 450px;
    }
    .item-container {
        text-align: center;
    }
}

@media screen and (min-width:768px) {
    .main-container {
        max-width: 750px;
    }
    .item-container {
        text-align: justify;
        text-align-last: justify;
    }
    .article-item{
        width: 356px;
        display: inline-block;
        margin-bottom: 80px;
        vertical-align: middle;
    }
}

 @media screen and (min-width: 992px) {
    .main-container {
        max-width: 970px;
    }
    .item-container {
        text-align: justify;
        text-align-last: justify;
    }
    .article-item{
        width: 356px;
        display: inline-block;
        margin-bottom: 80px;
        vertical-align: middle;
    }
}

 @media screen and (min-width: 1200px) {
    .main-container {
        max-width: 1170px;
        margin-bottom: 0px;
    }
    .item-container {
        text-align: justify;
        text-align-last: justify;
    }
    .article-item{
        width: 356px;
        display: inline-block;
        margin-bottom: 80px;
        vertical-align: middle;
    }
}

.hide {
    display: none;
}