.otherBannerSlide p:nth-of-type(1) {
  font-size: 48px;
  font-weight: bold;
  color: #fff; }

.otherBannerSlide p:nth-of-type(2) {
  margin-top: 5px; }

@media (max-width: 991px) {
  .otherBannerSlide p:nth-of-type(1) {
    font-size: 30px; }
  .otherBannerSlide p:nth-of-type(2) img {
    width: 400px; } }

@media (max-width: 575px) {
  .otherBannerSlide p:nth-of-type(1) {
    font-size: 18px; }
  .otherBannerSlide p:nth-of-type(2) img {
    width: 280px; } }

.commonPaging{
	padding-bottom:40px !important;
}

.articleContent {

  background: url(../images/d43057d114966f04ba6da19e9b699e42.jpg) center top no-repeat;
    background-size:cover;
}

  @media (max-width: 1599px) {
     .articleContent ul li a{
  	width:500px;
  }
    .articleContent {
      background-size: cover; } }
  .articleContent .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
    .articleContent .list ul li {
      margin-right: 40px; }
@media (min-width:1600px) and (max-width:1617px){
  .articleContent .list ul li{
  margin-right:32px;
  }
	
}
      @media (min-width: 1600px) {
        .articleContent .list ul li:nth-of-type(3n+0) {
          margin-right: 0; } }
      @media (max-width: 1599px) {
        .articleContent .list ul li:nth-of-type(2n+0) {
          margin-right: 0; } }
      @media (max-width: 1199px) {
        .articleContent .list ul li {
          width: 50%;
          margin-right: 0;
          padding-right: 20px; }
          .articleContent .list ul li:nth-of-type(2n+0) {
            padding-left: 20px;
            padding-right: 0; } }
      @media (max-width: 575px) {
        .articleContent .list ul li {
          padding-right: 10px; }
          .articleContent .list ul li:nth-of-type(2n+0) {
            padding-left: 10px;
            padding-right: 0; } }
  .articleContent ul li {
    margin-bottom: 40px; }
    .articleContent ul li a {
      display: block; }
      .articleContent ul li a:hover .img img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
      .articleContent ul li a .img {
        overflow: hidden; }
        .articleContent ul li a .img img {
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all; }
      .articleContent ul li a:hover .text, .articleContent ul li a.active .text {
        background: none; }
        .articleContent ul li a:hover .text::after, .articleContent ul li a.active .text::after {
          background: #fff; }
      .articleContent ul li a .text {
        position: relative;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
        background: rgba(255, 255, 255, 0.1);
        padding: 30px 20px;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .articleContent ul li a .text::after {
          position: absolute;
          height: 4px;
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all;
          bottom: 0;
          left: 0;
          width: 100%;
          content: ''; }
        .articleContent ul li a .text .title {
          font-size: 18px;
          color: #ffffff;
          font-weight: bold;
          margin-bottom: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%; }
        .articleContent ul li a .text .desc {
          width: 100%;
          font-size: 14px;
          color: #cfcfcf;
          max-width: 375px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }

@media (max-width: 575px) {
  .articleContent ul li a .text {
    padding: 20px; }
  .articleContent ul li a .text .title {
    font-size: 16px; }
  .articleContent ul {
    margin-top: 50px; }
  .articleContent ul {
    margin-top: 0; }
  .articleContent .list ul li {
    margin-bottom: 20px; } 
  .articleContent .list ul li{
  	width:100%;
    padding:0;
  }
  .articleContent .list ul li:nth-of-type(2n+0){
  	padding:0;
  }
}


.articleContent ul li a .img{
	width:100%;
  height:315px;
}
.articleContent ul li a .img img{
	display:block;
  width:100%;
  height:100%;
}
.articleContent ul li a .text .desc{
	min-height:41px;
}

@media(min-width:1200px){
	.articleContent ul li a{
	width:500px;
}
}

@media(max-width:1199px){
  .articleContent ul li a .img{
  	width:100%
  }
}

@media(max-width:767px){
  .articleContent ul li a .img{

      height:180px;
  }
}

@media(max-width:575px){
  .articleContent ul li a .img{

      height:auto;
  }
}

@media(max-width:1600px){
  .articleContent ul li a{
  	width:473px;
  }
}
@media(max-width:1599px){
  .articleContent ul li a{
  	width:500px;
  }
}
@media(max-width:1199px){
  .articleContent ul li a{
  	width:auto;
  }
}
