@charset "UTF-8";
.page-box {
  margin-top: 30px;
  margin-bottom: 77px;
  background: none;
}
.page-box .row {
  margin: 0 -6px;
}
.page-box .row > div {
  padding: 0 6px;
}
.page-box .item-box {
  background: #EAE3D6;
}
.page-box .item-left {
  background: #DDE4EA;
  padding-bottom: 30px;
}
.page-box .item-left .item-top {
  padding: 40px 40px 30px 40px;
  background: #D1DDE9;
  font-size: 14px;
}
.page-box .item-left .item-main {
  font-size: 14px;
  line-height: 30px;
}
.page-box .item-left .item-main img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-box .item-left .item-main .border {
  margin: 0 auto;
  margin-top: 16px;
  width: 196px;
  height: 4px;
  background: #9FB2C3;
}

.page-box .item-left .item-main .item-title {
  margin-top: 26px;
  margin-bottom: 10px;
}
.page-box .right-items .item-box {
  padding: 18px;
  height: 282px;
  margin-bottom: 20px;
}

.page-box .right-items .item-box:hover {
  background-color: #81AFD5;
}
.page-box .right-items .item-box .item-title {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 20px;
  color: #606060;
}

.page-box .right-items .item-box  .link-btn {
  display: block;
  padding: 0;
  width: 90px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #959491;
  border-radius: 4px;
  font-size: 12px;
}
.page-box .right-items .item-box .content {
  font-size: 14px;
  line-height: 30px;
  color: #606060;
}

.page-box .right-items .item-box:hover .item-title,
.page-box .right-items .item-box:hover .content {
  color: #fff;
}
.page-box .right-items .item-box:hover  .link-btn {
  background: #EAE3D6;
  color: #81AFD5;
  border-color: #EAE3D6;
}

.detail-title {
  padding: 30px 0;
  padding-left: 30px;
  font-size: 16px;
  color: #656668;
}

.detail-title + .content {
  padding-left: 30px;
  font-size: 12px;
  line-height: 2;
  color: #666;
}