.case { word-wrap: break-word; margin: 20px 0; }
/**/
.case-subnav{
  border-bottom: 1px solid #efefef;
}
.case-subnav .nav-link{
  padding: 1rem 3.3rem;
  font-size: 17px;
}
.case-subnav .nav-link.active{
  color: #FFF;
  border-radius: 0;
  background-color: #11277D;
}
.case-list{list-style: none;padding: 0;}
.case-list-item{margin-bottom: 40px;overflow: hidden;}
.case-list .media{background-color: #F7F7F7;-webkit-flex-wrap: wrap;}
.case-list .media-body{/* height: 100%; */padding: 16px;}
.case-list .media-body h5{border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.case-list .media-body p{
  line-height: 33px;
      color: #666;
      font-size: 16px;
}
.case{}
/**/
.case .title { color: #333; text-align: center; padding: 40px 0; }
.case .title h3 { font-size: 36px; }
.case .title .tips { position: relative; font-size: 18px; margin: 0 auto; }
.case .title .tips p { background: #d4e0f4; border-radius: 50px; width: 180px; height: 40px; margin: 0 auto; }
.case .title .tips p em { text-align: center; line-height: 40px; font-style: normal; color: #02319a; }
@media (max-width:576px) {
  .case .title { color: #333; text-align: center; padding: 20px 0; }
  .case .title h3 { font-size: 28px; }
  .case .title .tips { position: relative; font-size: 16px; margin: 0 auto; }
  .case .title .tips p { background: #d4e0f4; border-radius: 50px; opacity: 1; width: 160px; height: 32px; margin: 0 auto; }
  .case .title .tips p em { text-align: center; line-height: 32px; font-style: normal; color: #02319a; }
}
.case .mainbox { color: #989898; font-size: 20px; line-height: 38px; text-align: center; }
@media (max-width:576px) {
  .case .mainbox { font-size: 16px; line-height: 1.8; }
}
.case .mainbox .content { background: #fff; }
.case .mainbox .content .cont { padding: 30px; }
@media (max-width:576px) {
  .case .mainbox .content .cont { padding: 10px; }
}
.case .mainbox .content .cont p { margin-bottom: 0; }
.case .mainbox .content .cont p:nth-of-type(3) { color: #000; }
@media (max-width:576px) {
  .case .mainbox { margin: 5px 0; }
}
.case .mainbox .box { width: 260px; border: 1px solid #b6c2df; border-radius: 5px; margin: 18px 0; position: relative; }
@media (max-width:576px) {
  .case .mainbox .box { margin: 5px 0; }
}
.case .mainbox .box .box-padding { padding: 15px 0; }
.case .mainbox .box p { color: #333; font-size: 20px; }
.case .mainbox .box .opacy, .case .mainbox .box .conse { display: none; }
@media (max-width:576px) {
  .case .mainbox .box { width: 100%; }
  .case .mainbox .box p { color: #333; font-size: 16px; }
}
.case .mainbox .box:hover { cursor: pointer; }
.case .mainbox .box:hover .opacy { background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .5s; opacity: .5; z-index: 2; display: block; border-radius: 5px; }
.case .mainbox .box:hover .conse { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; color: #fff; padding: 20px; display: block; overflow: hidden; font-size: 16px; display: flex; align-items: center; }
@media (max-width:576px) {
  .case .mainbox .box:hover .conse { font-size: 16px; }
}
.case-jianzheng .box { width: 363px; border: 1px solid #b6c2df; border-radius: 5px; margin: 18px 0; position: relative; }
@media (max-width:576px) {
  .case-jianzheng .box { margin: 5px 0; max-width: 363px;}
}
/*.case-jianzheng .box .box-padding { padding: 15px 0; }*/
.case-jianzheng .box p { color: #333; font-size: 20px; }
.case-jianzheng .box .opacy, .case-jianzheng .box .conse { display: none; }
@media (max-width:576px) {
  .case-jianzheng .box { width: 100%; }
  .case-jianzheng .box p { color: #333; font-size: 16px; }
}
.case-jianzheng .box:hover { cursor: pointer; }
.case-jianzheng .box:hover .opacy { background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .5s; opacity: .5; z-index: 2; display: block; border-radius: 5px; }
.case-jianzheng .box:hover .conse { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; color: #fff; padding: 20px; display: block; overflow: hidden; font-size: 16px; display: flex; align-items: center; }
@media (max-width:576px) {
  .case-jianzheng .box:hover .conse { font-size: 16px; }
}
.quality { word-wrap: break-word; margin: 40px 0; background: url(../images/about_bg.png); }
.quality .title { color: #fff; text-align: center; padding: 40px 0; }
.quality .title h3 { font-size: 42px; }
.quality .title .tips { position: relative; color: #fff; font-size: 15px; margin: 0 auto; }
.quality .title .tips p { background: #ccc; border-radius: 50px; opacity: .2; width: 180px; height: 40px; position: absolute; top: 0; left: 50%; margin-left: -90px; }
.quality .title .tips em { text-align: center; line-height: 40px; font-style: normal; }
.quality .content { max-width: 1030px; margin: auto; }
.quality .content p { color: #fff; font-size: 16px; line-height: 38px; text-align: center; }