/**
* Created by renjie on 2021/6/17.
*/
.case-title {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 70px;
  font-size: 36px;
  color: #010101;
  font-weight: bold;
  text-align: center;
}
.case-content .content {
  margin-bottom: 80px;
}
.det-banner-main {
  width: 1082px;
  min-width: 1082px;
  margin: 0 auto;
  padding: 60px 0;
  padding-left: 118px;
}
.det-banner-main .left-switch {
  float: left;
  margin-right: 106px;
}
.det-banner-main .rigth-switch {
  float: left;
  margin-left: 106px;
}
.det-banner-main .switch-container > div {
  width: 200px;
  height: 70px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 70px;
  text-align: center;
  margin: 35px 0;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  position: relative;
  behavior: url(htc/PIE.htc);
}
.det-banner-main .switch-container > div:hover {
  background: #0E85FF;
  border-color: #0E85FF;
  color: #fff;
  box-shadow: 0px 0 20px 0px #8ebdec;
  border-radius: 10px;
}
.det-banner-main .phone-container {
  float: left;
  width: 348px;
  height: 676px;
  position: relative;
  /* margin: 0 auto; */
}
.swiper-container-phone {
  position: relative;
}
.det-banner-main .phone-container:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 348px;
  height: 676px;
  background: url("../images/phone-bg.png") no-repeat center;
  z-index: 999;
}
.det-banner-main .phone-container .swiper-container {
  height: 609px;
  width: 282px;
  margin-top: 22px;
  z-index: 0;
}
.det-banner-main .switch-container > div.act {
  background: #0e85ff;
  color: #ffffff;
}
.case-news {
  padding-top: 80px;
  padding-bottom: 60px;
}
.case-news .news-list .news-item {
  float: left;
  width: 550px;
  height: 120px;
  padding: 25px;
}
.case-news .news-list .news-item:hover {
  box-shadow: 0px 0px 26px 5px #eee;
}
.case-news .news-list .news-item img {
  width: 180px;
  height: 120px;
  border-radius: 5px;
  display: block;
  margin-right: 20px;
}
.case-news .news-list .news-item .news-item-info {
  width: 320px;
}
.case-news .news-list .news-item .news-item-info .news-title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  line-height: 18px;
  margin-top: 20px;
}
.case-news .news-list .news-item .news-item-info .news-title:link,
.case-news .news-list .news-item .news-item-info .news-title:visited {
  color: #000000;
}
.case-news .news-list .news-item .news-item-info .news-title:hover {
  color: #0E85FF;
}
.case-news .news-list .news-item .news-item-info p {
  font-size: 14px;
  color: #808080;
  line-height: 18px;
  margin-bottom: 20px;
}
.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;
}