#big-carousel {
  width: 20rem;
  height: 350px;
  margin-left: 2rem;
}
#big-carousel img {
  width: 100%;
  height: 100%;
}
.mainContent {
  width: 20rem;
  margin: 0 2rem;
}
.mainContent .contentItem {
  float: left;
  width: 11.466667rem;
  margin-top: 0.5rem;
  padding: 0.166667rem 0;
  background-color: #fff;
}
.mainContent .contentItem .itemTitle {
  margin-left: 0.3rem;
  position: relative;
}
.mainContent .contentItem .itemTitle .part {
  font-size: 20px;
}
.mainContent .contentItem .itemTitle .part a {
  text-decoration: none;
  color: #060606;
}
.mainContent .contentItem .itemTitle .more {
  position: absolute;
  right: 0.125rem;
}
.mainContent .contentItem .itemTitle .more a {
  text-decoration: none;
  color: #005197;
}
.mainContent .contentItem .itemTitle .more img {
  width: 0.55rem;
  height: 0.2rem;
}
.mainContent .contentItem .line1 {
  margin-top: 0.0625rem;
  margin-left: 0.3rem;
  width: 95%;
  height: 0.025rem;
  background-color: #005197;
}
.mainContent .contentItem .itemContent {
  margin-top: 0.3rem;
  width: 100%;
  height: 5.475rem;
}
.mainContent .contentItem .itemContent .left-message {
  float: left;
  width: 100%;
  height: 100%;
}
.mainContent .contentItem .itemContent .left-message .message-item {
  width: 100%;
  height: 1.625rem;
  margin-bottom: 0.3rem;
  margin-left: 0.3rem;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageDate {
  float: left;
  width: 1.7625rem;
  height: 1.625rem;
  text-align: center;
  background: url(../img/itemlogo.png);
  background-size: cover;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageDate .date1 {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.275rem;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageDate .date2 {
  display: block;
  font-size: 0.225rem;
  margin-top: 0.025rem;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageDate .line {
  margin-top: 0.05rem;
  margin-left: 0.475rem;
  width: 0.8rem;
  height: 0.025rem;
  background-color: #000;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageCon {
  float: left;
  width: 9rem;
  height: 1.625rem;
  background-color: #f2f2f2;
  background-image: url(../img/bg2.png);
  background-size: 9rem 1.625rem;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageCon .articleTitle {
  display: inline-block;
  margin-top: 0.25rem;
  margin-left: 0.325rem;
  font-size: 14px;
  font-weight: bold;
}
.mainContent .contentItem .itemContent .left-message .message-item .messageCon .articleAbs {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 0.15rem;
  margin-left: 0.325rem;
  font-size: 12px;
  color: #7e7d7d;
}
.mainContent .contentItem .imgShow {
  margin-top: 0.3rem;
  width: 100%;
  height: 3.125rem;
}
.mainContent .contentItem .imgShow .pro-images {
  float: left;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.825rem;
  background-color: #F2F2F2;
}
.mainContent .contentItem .imgShow div:last-child {
  margin-right: 0px;
}
.mainContent .contentItem1 {
  float: left;
  height: 6.5rem;
  width: 7.666667rem;
  margin-top: 0.5rem;
  margin-left: 0.833333rem;
  padding: 0.166667rem 0;
  background-color: #fff;
  background-image: url(../img/bg4.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 6.5rem 1.7rem;
}
.mainContent .contentItem1 .itemTitle {
  margin-left: 0.3rem;
  position: relative;
}
.mainContent .contentItem1 .itemTitle .part {
  font-size: 20px;
}
.mainContent .contentItem1 .itemTitle .part a {
  text-decoration: none;
  color: #060606;
}
.mainContent .contentItem1 .itemTitle .more {
  position: absolute;
  right: 0.125rem;
}
.mainContent .contentItem1 .itemTitle .more a {
  text-decoration: none;
  color: #005197;
}
.mainContent .contentItem1 .itemTitle .more img {
  width: 0.55rem;
  height: 0.2rem;
}
.mainContent .contentItem1 .line1 {
  margin-top: 0.0625rem;
  margin-left: 0.3rem;
  width: 95%;
  height: 0.025rem;
  background-color: #005197;
}
.mainContent .contentItem1 .itemContent2 .list-content {
  width: 100%;
  margin-top: 0.05rem;
  margin-left: 0.333333rem;
}
.mainContent .contentItem1 .itemContent2 .list-content .list-new .singeShow {
  float: left;
  width: 93%;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0.2581rem 0;
}
.mainContent .contentItem1 .itemContent2 .list-content .list-new li {
  font-size: 16px;
}
.mainContent .contentItem1 .itemContent2 .list-content .list-new li a:hover {
  text-decoration: none;
  color: #005197;
}
.mainContent #listItems {
  width: 100%;
}
.mainContent #listItems .list-item {
  margin-top: 52px;
  float: left;
  width: 100%;
  height: 388px;
}
.mainContent #listItems .list-item .list-title {
  margin-top: 10px ;
  position: relative;
}
.mainContent #listItems .list-item .list-title .part {
  font-size: 20px;
  margin-left: 0.3rem;
}
.mainContent #listItems .list-item .list-title .part a {
  text-decoration: none;
  color: #060606;
}
.mainContent #listItems .list-item .list-title .more {
  position: absolute;
  right: 0.125rem;
}
.mainContent #listItems .list-item .list-title .more a {
  text-decoration: none;
  color: #005197;
}
.mainContent #listItems .list-item .list-title .more img {
  width: 0.55rem;
  height: 0.2rem;
}
.mainContent #listItems .list-item .list-title .line1 {
  margin-top: 10px;
  margin-left: 0.3rem;
  width: 98%;
  height: 0.025rem;
  background-color: #005197;
}
.mainContent #listItems .list-item .list-content {
  width: 100%;
  margin-top: 20px;
}
.mainContent #listItems .list-item .list-content .list-new .singeShow {
  float: left;
  width: 70%;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mainContent #listItems .list-item .list-content .list-new li {
  margin-bottom: 0.3rem;
  font-size: 0.2rem;
}
.mainContent #listItems .list-item .list-content .list-new li a:hover {
  text-decoration: none;
  color: #005197;
}
.mainContent #listItems .list-item .list-content .list-new span {
  margin-left: 0.5rem;
}
.mainContent #listItems .list-item:nth-child(2n+1) {
  background: url(../img/bg2.jpg);
  background-size: cover;
}
.mainContent #listItems .list-item:nth-child(2n) {
  background: url(../img/bg1.jpg);
  background-size: cover;
}
.thumbnail {
  border: none;
}
.thumbnail > img {
  height: 220px;
}