/**
* Created by renjie on 2021/6/16.
*/
.case-main {
  padding-top: 70px;
  padding-bottom: 40px;
}
.case-main .slide-bar {
  float: left;
  width: 199px;
}
.case-main .slide-bar .item {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  color: #333333;
}
.case-main .slide-bar .item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 60px;
  padding-left: 44px;
}
.case-main .slide-bar .item.act {
  font-weight: bold;
  background: #F2F8FF;
  width: 198px;
  border-right: 2px solid #4B9BF9;
  border-bottom: 0 solid #000;
}
.case-main .slide-bar .item.act a {
  color: #0E85FF;
}
.case-main .case-box {
  margin-left: 75px;
  width: 910px;
}
.case-main .case-box .case-item {
  float: left;
  width: 385px;
  height: 300px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 30px;
  padding-bottom: 25px;
  margin-right: 65px;
  margin-top: 58px;
  margin-bottom: 58px;
}
.case-main .case-box .case-item .title {
  font-size: 22px;
  color: #000000;
  text-align: center;
  margin-top: -20px;
}
.case-main .case-box .case-item p {
  font-size: 16px;
  color: #333333;
  margin-top: 13px;
  padding-left: 41px;
  padding-right: 29px;
  text-align: left;
}
.case-main .case-box .case-item .view-box {
  position: absolute;
  left: 123px;
  bottom: 30px;
}
.case-main .case-box .case-item .view-more1 {
  display: block;
  width: 144px;
  height: 34px;
  border: 1px solid #1D84EE;
  border-radius: 17px;
  font-size: 16px;
  color: #1689FF;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}
.case-main .case-box .case-item .view-more1:link,
.case-main .case-box .case-item .view-more1:visited {
  color: #1689FF;
}
.case-main .case-box .case-item img {
  width: 104px;
  height: 104px;
  border-radius: 104px;
  position: absolute;
  left: 140.5px;
  top: -60px;
  border: 8px solid #FFFFFF;
  box-shadow: 0 0 12px #ccc;
  position: relative;
  behavior: url(htc/PIE.htc);
}
.more {
  width: 100%;
  min-width: 1200px;
  background: url("../images/case-contact-bg.png") no-repeat center;
  height: 240px;
  color: #ffffff;
}
.more .title {
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  padding-top: 58px;
  letter-spacing: 2px;
}
.more .btn-box {
  width: 440px;
  height: 44px;
  margin: 0 auto;
  margin-top: 40px;
}
.more .btn-box .btn {
  width: 198px;
  height: 42px;
  border-radius: 3px;
  margin: 0 10px;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
}
.more .btn-box .btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.more .btn-box .btn a:visited,
.more .btn-box .btn a:link {
  color: #fff;
}
.more .btn-box .btn1 {
  border: 1px solid #F6F8FC;
}
.more .btn-box .btn2 {
  width: 200px;
  height: 44px;
  line-height: 44px;
  background: #FBA705;
}