/* 页面公共样式 */
.privatePlatformTitle {
  font-size: 32px;
  line-height: 34px;
  font-weight: 500;
  text-align: center;
  padding: 100px 0 60px;
}

.floorTit {
  padding-top: 64px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

main {
  max-width: 1200px;
  margin: 0 auto;
}

/* banner start */

.home_banner {
  position: relative;
}

.home_banner .home_banner_list {
  position: relative;
}

.home_banner .home_banner_list li {
  height: 100%;
  width: 100%;
  display: none;
  min-height: 500px;
  background: url('/shujutang/static/image/drivePlan_zh/banner_02.webp') no-repeat center;
  background-size: cover !important;
}

.home_banner .home_banner_list li>a {
  width: 100%;
  height: 506px;
  display: block;
  margin-top: 56px;
  cursor: default;
}

.home_banner .home_banner_list li:first-child {
  display: block;
}

.home_banner .home_banner_list li .banner_msg {
 width: 1200px;
  position: absolute;
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.home_banner .home_banner_list li .banner_msg a{
  cursor: default;
}

.home_banner .home_banner_list li h3 {
  /* font-size: 28px; */
  /* color: #fff; */
  /* line-height: 30px; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 20px;
  font-weight: 600;
  
  font-size: 32px;
  color: #FF4917;
  line-height: 38px;
}

.home_banner .home_banner_list li p {
  width: 592px;
  /* color: #fff; */
  /* line-height: 28px; */
  box-sizing: border-box;
  
  font-size: 16px;
  font-weight: 400;
  color: #F9F9F9;
  line-height: 30px;
}
.home_banner .home_banner_list li p:nth-of-type(2) {
  margin-top: 10px;
}
.home_banner .home_banner_list li .banner_msg .bannerBtn {
  display: inline-block;
  padding: 8px;
  outline: none;
  cursor: pointer;
  margin-top: 32px;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  background: #FF4917;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
}

/* .home_banner .home_banner_list li .banner_msg .bannerBtn:hover {
  color: #fff;
  background: #f7a300;
} */

.bannerDot {
  display: inline-block;
  position: absolute;
  z-index: 999;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}

.bannerDot li {
  width: 10px;
  height: 10px;
  background: #e5e5e5;
  border-radius: 5px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}

.bannerDot li.active {
  width: 22px;
  background: #f5a21b;
}

/* banner end */

/* 1楼 start */
/* 1楼 start */
.floor1 {
  background: #fff;
  padding: 60px 0 0 0;
}
.conItem {
  width: 100%;
  margin-bottom: 59px;
  position: relative;
  display: flex;
}
.conItem>.left>h3{
  font-size: 24px;
  font-weight: 600;
  color: #FF4917;
  line-height: 40px;
  padding-top: 40px;
}
.conItem>.left>.tips{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-top: 42px;
}
.conItem>.left>.tips:hover{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  border-left: 4px solid #FF4917FF;
  padding-left: 10px;
}
.conItem>.left>.tip_active {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  border-left: 4px solid #FF4917FF;
  padding-left: 10px;
}
.conItem>.right>.right_img{
  width: 563px;
  height: 416px;
  background: url('/shujutang/static/image/drivePlan_zh/health.webp') no-repeat;
}

.listItem>h3{
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
}
.listItem>p{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 12px;
}
.listItem>.list{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap; 
}
.listItem>.list>.item{
  width: 384px;
  flex: 0 0 32%;
  margin: 42px 8px 0 8px;
}
.listItem>.list>.item>.img{
  width: 100%;
  height: 160px;
  
}
.listItem>.list>.item>.img>img{
  width: 100%;
  height: 100%;
}
.listItem>.list>.item>h3{
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 24px;
  margin-top: 20px;
}
.listItem>.list>.item>p{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 10px;
}
.listItem>.dataBtn{
  text-align: center;
  margin-top: 68px;
}
.listItem>.dataBtn>button{
  width: auto;
  padding:12px 50px;
  background: #222222;
  border: 0;
}
.listItem>.dataBtn>button>a{
  font-size: 14px;
  color: #FFFFFF;
}
/* 1楼 end */

/* 2楼 :start */
.floor2 {
  width: 100%;
  height: 476px;
  background: linear-gradient(180deg, #474747 0%, #222222 100%);
  margin-top: 80px;
}
.label1{
  display: flex;
}
.label1>.left{
  width: 649px;
  height: 379px;
  background: url('/shujutang/static/image/drivePlan_zh/computer_bijszu.webp') no-repeat center;
  background-size: cover;
  margin-top: 44px;
}
.label1>.right{
  width: 551px;
  position: relative;
}
.label1>.right>p{
  width: 510px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  margin: 106px 0 0 41px;
}
.label1>.right>button{
  width: auto;
  padding: 8px;
  background: #FF4917;
  border: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}
.label1>.right>button>a{
  font-size: 14px;
  font-weight:500;
  color: #FFFFFF;
}
/* .floor2 h3 {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  padding: 70px 0 30px;
  
}

.floor2 a {
  color: #fff;
  display: block;
  font-size: 16px;
  background-color: #f7a300;
  height: 46px;
  line-height: 46px;
  width: 160px;
  text-align: center;
  margin: 0 auto;
  border-radius: 4px;
  letter-spacing: 2px;
}
.floor2 a:hover{
  background: rgba(247, 163, 0,.9);
} */
/* 2楼 end */

/* 3楼 start */
.floor3 {
  background: #fff;
  padding: 60px 0;
}
.dataItem>h3{
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.dataItem>.data{
  display: flex;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-bottom: 16px;
}
.dataItem>.data>.item{
  width: 285px;
  height: 234px;
  flex: 0 0 24%;
  margin: 20px 12px 0 0;
}
.dataItem>.data>.item>.img{
  height: 174px;
}
.dataItem>.data>.item>p{
  padding: 8px 0 0 8px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    height: 64px;
    box-sizing: border-box;
    background: #F4F4F4;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.dataItem>.dataBtn{
  text-align: center;
  margin-top: 20px;
}
.dataItem>.dataBtn>button{
  width: 352px;
  height: 48px;
  background: #222222;
  border: 0;
}
.dataItem>.dataBtn>button{
  width:auto;
  padding:12px 92px;
  background: #222222;
  border: 0;
}
.dataItem>.dataBtn>button>a{
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}
/* .floor3 {
  padding-bottom: 60px;
  box-sizing: border-box;
}

.floor3 p {
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  margin-top: 33px;
  
}

.tabBox {
  width: 100%;
  margin-top: 40px;
}


.tabNavBox {
  width: 100%;
  height: 99px;
  border-bottom: 1px solid #ddd;

}

.tabNav {
  width: 60%;
  height: 100%;
  display: flex;
  margin: 0 auto;
}

.tabNav dl {
  font-size: 15px;
  text-align: center;
  flex: 1;
  position: relative;
  cursor: pointer;
}

.tabNav dl dt {
  width: 62px;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.tabNav dl dt img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tabNav dl:hover img {
  left: -50%;
  -webkit-filter: drop-shadow(#004fcf 62px 0);
  filter: drop-shadow(#004fcf 62px 0);
}

.tabNav dl:hover dd {
  color: #004fcf;
  font-weight: 600;
}

.tabNav dl.active img {
  left: -50%;
  -webkit-filter: drop-shadow(#004fcf 62px 0);
  filter: drop-shadow(#004fcf 62px 0);
}

.tabNav dl dd {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

.tabNav dl.active dd {
  color: #004fcf;
  font-weight: 600;
}

.line {
  position: absolute;
  width: 110px;
  height: 4px;
  background: #004fcf;
  left: 50%;
  margin-left: -55px;
  bottom: 0;
}

.tabCon {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  margin-top: 60px;
}

.tabCon li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  box-shadow: 2px 2px 10px #333;
}


.tabCon li .swiperBg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 80%, rgba(0, 0, 0, 1));
}

.tabCon li img {
  width: 100%;
  height: 400px;
  border: none;
  float: left;
}

.tabCon li p {
  width: 90%;
  position: absolute;
  line-height: 24px;
  bottom: 20px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  display: none;
  left: 50%;
  margin-left: -45%;
  
}

.tabCon .p3 p {
  display: block;
}

.tabCon .p2 {
  transform: translate3d(0px, 0, 0) scale(0.81);
  transform-origin: 0 50%;
  opacity: 0.8;
  z-index: 2;
}

.tabCon .p3 {
  transform: translate3d(300px, 0, 0) scale(1);
  z-index: 3;
  opacity: 1;
}

.tabCon .p4 {
  transform: translate3d(600px, 0, 0) scale(0.81);
  transform-origin: 100% 50%;
  opacity: 0.8;
  z-index: 2;
} */


/* 3楼 end */

/* 4楼 :start */
.floor4{
  background: #F0F0F0;
  padding-bottom: 64px;
}
.floot4 {
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
.caseItem>h3{
  font-size: 40px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.caseItem>.case{
  margin-top: 123px;
  display: flex;
}
.caseItem>.case>div{
    width: 600px;
    height: 356px;
    /* position: relative; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
}
.caseItem>.case>div>.img{
  width: 600px;
  height: 356px;
  
}
.caseItem>.case>div>.img>img{
  width: 100%;
  height: 100%;
}
.caseItem>.case>div>h3{
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  line-height: 24px;
  /* margin-top: 192px; */
}
.caseItem>.case>div>p{
    font-size: 14px;
    font-weight: 400;
    color:#666666;
    line-height: 28px;
    margin-top: 12px;
    /* position: absolute;
    bottom: 0; */
}
.caseItem>.case1>div>h3,.caseItem>.case1>div>p{
  margin-left: 24px;
}
.caseItem>.case2>div>h3,.caseItem>.case2>div>p{
  margin-right: 24px;
}
/* .floot4 h3 {
  font-size: 22px;
  font-weight: normal;
  margin: 50px 0 20px;
  
}

.floot4 p {
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  
}

.floor4Tab {
  margin-top: 34px;
}

.floor4TabNavBox {
  width: 100%;
  height: 58px;
  border-bottom: 1px solid #ddd;
}

.floor4TabNav {
  width: 60%;
  height: 100%;
  display: flex;
  margin: 0 auto;
}

.floor4TabNav a {
  position: relative;
  flex: 1;
  text-align: center;
  line-height: 58px;
  font-size: 16px;
}

.floor4TabNav a:hover {
  color: #004fcf;
  font-weight: 600;
}

.floor4TabNav a.active {
  color: #004fcf;
  font-weight: 600;
}

.floor4ConBox {
  width: 100%;
  height: 458px;
  overflow: hidden;
  margin-top: 20px;
}

.floor4ConBox>img {
  width: 100%;
  height: 100%;
} */


/* 4楼 :end */

/* 5楼 start */
.floor5 {
  width: 100%;
  background: #222222;
}
.carItem>h3{
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 42px;
  text-align: center;
}
.carItem>.carlist{
  margin-top: 42px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.caritem_flex{
  display: flex;
}
.carItem>.carlist>.car{
  width: 522px;
  margin-bottom: 46px;
}
.caritem_flex{
  display: flex;
  align-items: center;
  height: 40px;
}
.label{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/label.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .label{
  background: url('/shujutang/static/image/industry/icon/label_1.svg');
  background-size: 100% 100%;
}
.quality{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/quality.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .quality{
  background: url('/shujutang/static/image/industry/icon/quality_1.svg');
  background-size: 100% 100%;
}
.serve{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/serve.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .serve{
  background: url('/shujutang/static/image/industry/icon/serve_1.svg');
  background-size: 100% 100%;
}
.note{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/note.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .note{
  background: url('/shujutang/static/image/industry/icon/note_1.svg');
  background-size: 100% 100%;
}
.note{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/note.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .note{
  background: url('/shujutang/static/image/industry/icon/note_1.svg');
  background-size: 100% 100%;
}
.interactive{
  margin-right: 12px;
  background: url('/shujutang/static/image/industry/icon/interactive.svg');
  background-size: 100% 100%;
}
.caritem_flex:hover .interactive{
  background: url('/shujutang/static/image/industry/icon/interactive_1.svg');
  background-size: 100% 100%;
}
/* interactive */
.caritem_flex:hover h3{
  color: #FF4917;
}

.caritem_flex h3{
  font-size:16px;
  font-weight:normal;
  color: #FFFFFF;
  text-align: center;
}
.carItem>.carlist>.car>h3:hover{
 color: #FF4917;
 cursor: pointer;
}
.carItem>.carlist>.car>p{
  font-size:14px;
  font-weight:normal;
  color: #F9F9F98f;
  line-height: 20px;
  margin-top: 8px;
}
.floor6 {
  width: 100%;
  height: 240px;
  background: linear-gradient(270deg, #2B3C49 0%, #131D24 51%, #131C23 51%);   
  overflow: hidden;
}
.dowCar{
  height: 240px;
  display: flex;
  justify-content: space-between;
}
.dowCar>.left{
  width: 42%;
  position: relative;
}
.dowCar>.left>.img{
  width: 400px;
    height: 240px;
    margin-left: 34px;
    background: url('/shujutang/static/image/drivePlan_zh/people_two.webp') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
}
.dowCar>.right{
  text-align: right;
}
.dowCar>.right>h3{
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 32px;
  margin-top: 64px;
}
.dowCar>.right>button{
  width: auto;
  padding: 12px;
  background: #FF4917;
  border: 0;
  margin-top: 32px;
}
.dowCar>.right>button>a{
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
}
.background{
  width: 428px;
  height: 240px;
  /* background: #42E9E1; */
  opacity: 0.3;
  filter: blur(50px);
  margin: auto;
}