@charset "utf-8";
/* banner */
.banner {
  width: 100%;
  height: 580px;
  margin-top: 100px;
  margin-bottom: 65px;
}
.banner-swiper {
  height: 580px;
}
.banner-swiper .swiper-slide {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.banner-swiper .banner-button-prev,
.banner-swiper .banner-button-next {
  width: 73px;
  height: 73px;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-swiper .banner-button-prev {
  left: 187px;
  background-image: url('../../images/mscc/icon/icon-l.png');
}
.banner-swiper .banner-button-next {
  right: 187px;
  background-image: url('../../images/mscc/icon/icon-r.png');
}
.banner-swiper .banner-button-prev:after,
.banner-swiper .banner-button-next:after {
  content: '';
}
.banner-swiper .banner-pagination {
  display: block;
}
.banner-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.banner-swiper .swiper-pagination-bullet-active {
  background-color: #eaab0f;
}


/* main-1 */
.main-1 {
  margin-bottom: 40px;
}
.main-1-l {
  width: 860px;
}
.main-1-r {
  width: 500px;
}
.main-1 .common-nav {
  margin-bottom: 16px;
}
.main-1-swiper {
  width: 100%;
  height: 370px;
  margin-right: 10px;
}
.main-1-swiper .swiper-slide {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main-1-swiper .swiper-slide-title {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  line-height: 46px;
  width: 100%;
  height: 46px;
  background-image: url('../../images/mscc/bg-color-000.png');
  padding: 0 12px;
  box-sizing: border-box;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-1-pagination {
  display: block;
  bottom: 17px !important;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box;
}
.main-1-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.main-1-pagination .swiper-pagination-bullet-active {
  background-color: #eaab0f;
}
.main-1-l_cont .news-list {
  width: 100%;
}
.main-1 .main-1-l_cont .news-list-item {
  margin-top: 0;
}
.main-1 .news-list-item {
  width: 100%;
}
.main-1 .news-list-item li {
  position: relative;
  font-size: 18px;
  line-height: 48px;
}
.main-1 .news-list-item a {
  display: block;
  width: 75%;
  color: #333;
  padding-left: 18px;
  box-sizing: border-box;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-1 .news-list-item a:before {
  position: absolute;
  top: 21px;
  left: 0;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #b0b0b0;
}
.main-1 .news-list-item li:hover a {
  color: #eaab0f;
}
.main-1 .news-list-item span {
  color: #989898;
}

/* main-2 */
.main-2 .common-nav,
.main-3 .common-nav {
  margin-bottom: 31px;
}
.main-2-l, .main-2-r {
  width: 49%;
}
.main-2 .news-list-item li,
.main-3 .news-list-item li {
  font-size: 18px;
  line-height: 48px;
}
.main-2 .news-list-item a,
.main-3 .news-list-item a {
  position: relative;
  color: #333;
  padding-left: 18px;
  width: 72%;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-2 .news-list-item a:before,
.main-3 .news-list-item a:before {
  position: absolute;
  top: 21px;
  left: 0;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #b0b0b0;
}
.main-2 .news-list-item span,
.main-3 .news-list-item span {
  color: #989898;
}
.main-2 .news-list-item li:hover a,
.main-3 .news-list-item li:hover a {
  color: #eaab0f;
}


/* main-3 */
.main-3 {
  padding: 53px 0 80px 0;
}
.main-3-l, .main-3-m, .main-3-r {
  width: 32%;
}
.main-3-l, .main-3-m {
  margin-right: 2%;
}

.main-swiper {
  width: 100%;
  height: 262px;
}
.main-3 .main-swiper {
  height: 200px;
}
.main-swiper .swiper-slide {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main-swiper .swiper-slide-title {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  line-height: 46px;
  width: 100%;
  height: 46px;
  background-image: url('../../images/mscc/bg-color-000.png');
  padding: 0 12px;
  box-sizing: border-box;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-swiper .swiper-pagination {
  display: block;
  bottom: 17px !important;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box;
}
.main-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #eaab0f;
}