.banner {
  height: 385px;
  background: #2ee3ff;
}

.bgrj-img {
  display: block;
  width: 1200px;
  height: 385px;
}

.swiper-button-prev,
.swiper-button-next {
  width: 68px;
  height: 94px;
  border-radius: 6px;
  opacity: 0.7;
}

.swiper-button-prev {
  left: 0;
  background: url('../../images/office/left.png') #000 center no-repeat;
}

.swiper-button-next {
  right: 0;
  background: url('../../images/office/right.png') #000 center no-repeat;
}

.w1200 {
  width: 1200px;
}

.main-w {
  margin-top: -50px;
}

.classify-group {
  padding-top: 20px;
  height: 122px;
  background: #ffffff;
  box-shadow: 0px 5px 8px 0px rgba(233, 236, 238, 0.76);
  border-radius: 12px;
  z-index: 1;
}

.classify-group > li {
  float: left;
  width: 20%;
}

.cg-title {
  padding-left: 36px;
  line-height: 30px;
}

.cgt-bgrj {
  background: url("../../images/office/bgrj.png") left center no-repeat;
}
.cgt-mtgj {
  background: url("../../images/office/mtgj.png") left center no-repeat;
}
.cgt-txtx {
  background: url("../../images/office/txtx.png") left center no-repeat;
}
.cgt-dnbb {
  background: url("../../images/office/dnbb.png") left center no-repeat;
}
.cgt-dnaq {
  background: url("../../images/office/dnaq.png") left center no-repeat;
}

.cg-list {
  margin-top: 4px;
  width: 70%;
}

.cg-list > a {
  float: left;
  width: 50%;
  line-height: 24px;
}

.w860 {
  width: 860px;
}

.w320 {
  width: 320px;
}

.mg-title {
  line-height: 60px;
}

.mg-more {
  padding-right: 14px;
  background: url("../../images/office/arr-r.png") right center no-repeat;
}

.w873 {
  width: 873px;
}

.w873 > li {
  box-sizing: border-box;
  margin: 0 14px 14px 0;
  padding-top: 30px;
  float: left;
  width: 277px;
  height: 178px;
  background: #f3f7fb;
  border-radius: 8px;
}

.w873 > li:hover {
  background: #ffffff;
  box-shadow: 0px 2px 11px 0px rgba(184, 197, 210, 0.58);
  border-radius: 8px;
}

.mg-img {
  margin-bottom: 20px;
  width: 60px;
  height: 60px;
}

.mg-btn {
  display: none;
  width: 60px;
  line-height: 24px;
  background: linear-gradient(179deg, #5bbef4 0%, #5abef4 16%, #2e8ae6 100%);
  border-radius: 4px;
}

.w873 > li:hover .mg-score {
  display: none;
}

.w873 > li:hover .mg-btn {
  display: inline-block;
}

.side-sec {
  /* height: 497px; */
  background: #ffffff;
  box-shadow: 0px 5px 8px 0px rgba(233, 236, 238, 0.76);
  border-radius: 8px;
  border: 1px solid #f5f5f5;
}

.side-sec > li {
  padding: 14px 18px 14px 14px;
  /* height: 80px; */
}

.side-sec > li:hover {
  padding: 14px 18px 14px 14px;
  background: #f3f7fb;
  /* height: 80px; */
}

.ss-des {
  margin-top: 5px;
}

.ss-img {
  margin-right: 12px;
  width: 52px;
  height: 52px;
}

.ss-btn {
  margin-top: 16px;
  width: 46px;
  line-height: 24px;
  background: #2e8ae6;
  border-radius: 4px;
}

.fixed-nav {
  top: 30%;
  left: 50%;
  margin-left: 630px;
  width: 60px;
  /* height: 420px; */
  background: #f6fcff;
  border-radius: 2px;
  border: 1px solid #dbeaf6;
  font-size: 0;
}

.fixed-nav > a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
}

.cut-line {
  margin: 0 auto;
  width: 33px;
  /* height: 1px; */
  border: 1px solid;
  border-image: linear-gradient(
          270deg,
          rgba(219, 234, 246, 0),
          rgba(219, 234, 246, 1),
          rgba(219, 234, 246, 0)
  )
  1 1;
}