.solution-banner{
  position: relative;
  min-height:600px;
  display: block;
  background:url(../image/banner/ht-solution.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.solution-top{
  margin: 60px auto 60px auto;
}
.solution-top div{
  padding: 0 155px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}
.solution-num-title{
  margin: 60px auto 40px auto;
  text-align: center;
  font-size: 28px;
  line-height: 28px;
}
.solution-num-subtitle{
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
}
.online-introduce{
  width:100%;
  background: #F2F4F8;
  padding-bottom: 60px;
  overflow: hidden;
}
.online-box{
  align-items: stretch;
}
.introduce-left{
  padding: 34px 24px;
  width: calc((100% - 20px)/3);
  border: 1px solid #ffffff;
  background: url(../image/solution/index-introduce-left.png) no-repeat center center;
  background-size: cover;
}
.introduce-right{
  flex: 1;
  margin-left: 20px;
  display: flex;
  flex-wrap: wrap;
}
.introduce-text{
  font-size: 14px;
  line-height: 28px;
}
.introduce-text-icon{
  width: 12px;
  font-weight: bold;
  margin-right: 5px;
  color: #3D6EFF;
}
.introduce-text-box{
  margin: 12px 0;
  display: flex;
  flex-wrap: wrap;
}
.introduce-text-item{
  margin-right: 9px;
}
.introduce-right-item{
  width: calc(100% / 2);
  padding: 16px 8px;
  background: linear-gradient(#FFFFFF 0%, #F2F7FF 100%);
  border: 2px solid #ffffff;
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 2 2;
}
.introduce-right-img{
  width: 40px;
  height: 40px;
}
.introduce-right-title{
  font-size: 16px;
  line-height: 16px;
  margin: 8px 0 16px 4px;
}
.introduce-right-msg{
  margin: 0 12px;
  font-size: 14px;
  line-height: 22px;
}
/*我的工作台*/
.workbench{
  margin: 60px auto;
  text-align: center;
}
.workbench-title{
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 16px;
}
.workbench-subtitle{
  margin: auto 150px;
  font-size: 14px;
  line-height: 22px;
}
.workbench-bottom-box{
  margin: 0 20px;
}
.introduce-workbench-img{
  width: 453px;
  height: 339px;
  object-fit: cover;
}
.workbench-right{
  flex: 1;
  margin: 62px 0 0 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.workbench-right-item,.resource-right-item{
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.workbench-right-item:nth-child(2n){
  width: 75%;
}
.workbench-right-content{
  width: 55%;
}
.workbench-right-item:nth-child(2n) .workbench-right-content{
  width: 65%;
}
.workbench-right-item-flex{
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 14px;
}

.workbench-right-img1{
  width: 10px;
  height: 10px;
  margin-right: 21px;
}
.workbench-right-img2{
  width: 14px;
  height: 10px;
  margin-left: 16px;
  margin-right: 8px;
}
.workbench-right-line1{
  flex: 1;
  border-top: 2px dotted #fff;
  background: linear-gradient(270deg, rgba(61, 110, 255, 1), rgba(112, 167, 255, 0));
  background-origin: border-box;
  height: 1px;
}
.workbench-content-title{
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
}
.workbench-content-msg{
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
/*统一服务中心*/
.unified-service{
  padding-top: 60px;
  text-align: center;
  background: #F2F4F8;
  overflow: hidden;
}
.unified-service-left{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.unified-service-item{
  width: 50%;
  margin-bottom: 4px;
}
.unified-service-icon{
  width: 52px;
  height: 52px;
}
.unified-service-text{
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
.unified-service-right{
  position: relative;
}
.unified-service-img{
  width: 400px;
  height: 246px;
}
.unified-service-img:nth-child(1){
  position: relative;
  left: 60px;
}
/*清单管理平台*/
.inventory-manage{
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.inventory-manage-item{
  width: calc((100% - 24px) / 2);
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
  margin-bottom: 24px;
}
.inventory-manage-item:nth-child(2n){
  margin-left: 24px;
}
.inventory-manage-item:last-child,.inventory-manage-item:nth-last-child(2){
  margin-bottom: 0;
}
.inventory-item-top{
  padding: 16px;
  background:  url(../image/solution/inventory-manage-img1.png) no-repeat center center;
  background-size: cover;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
}
.inventory-item-bottom{
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
/*日程中台*/
.schedule-box{
  position: relative;
}
.schedule-center img{
  position: relative;
  top: -34px;
  width: 502px;
  height: 502px;
}
.schedule-left{
  flex: 1;
}
.schedule-right{
  flex: 1;
}
.schedule-item{
  margin-bottom: 60px;
}
.schedule-item:nth-child(2){
  margin-bottom: 0;
}
.schedule-item-title{
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 16px;
  text-align: left;
}
.schedule-item-msg{
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}
/*消息中台*/
.message-box{
  border-radius: 2px;
  border: 1px solid #E8E8E8;
  align-items: stretch;
}
.message-left-img{
  padding: 22px 31px;
  width: 442px;
  height: 212px;
}
.message-right{
  flex: 1;
  padding: 20px;
  background: linear-gradient( #F2F7FF 0%,rgba(255,255,255,0) 100%);
  border-radius: 2px;
}
.message-right-text{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.message-icon-box{
  justify-content: space-between;
}
.message-icon{
  width: 103px;
  height: 90px;
}
/*待办中台*/
.todo-subtitle{
  margin: auto 107px;
  font-size: 14px;
  line-height: 22px;
}
.todo-main{
  align-items: stretch;
}
.todo-left{
  flex: 1;
  margin-right: 50px;
}
.todo-left-item{
  width: calc((100% - 20px) / 3);
  margin-left: 10px;
  text-align: left;
  height: 142px;
  display: flex;
  flex-direction: column;
}
.todo-left-item:first-child{
  margin-left: 10px;
}
.todo-title{
  text-align: left;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  padding: 12px 20px;
  background: url(../image/solution/todo-img1.png) no-repeat center center;
  background-size: cover;
}
.todo-left-msg{
  flex: 1;
  padding: 12px 12px 20px 12px;
  font-size: 12px;
  line-height: 18px;
  background: #FBFDFF;
  border-radius: 0 0 2px 2px;
}
.todo-right{
  width: 490px;
  height: 354px;
  object-fit: contain;
}
/*效能监督*/
.efficiency-img{
  width: 80%;
  margin: 0 auto;
  object-fit: cover;
}
/*好差评*/
.good-review-box{
  padding: 60px 0 40px 0;
  text-align: center;
  overflow: hidden;
  background: url(../image/solution/good-review-img.png) no-repeat center center;
  background-size: cover;
}
.good-review-main{
  margin-top: 40px;
  padding: 0 60px;
}
.good-review-row{
  padding: 0 40px;
  margin-bottom: 40px;
  justify-content: space-between;
}
.good-review-row1{
  justify-content: space-between;
}
.good-review-item{
  width: 324px;
  padding: 12px;
  background: rgba(255,255,255,0.84);
  border-radius: 2px;
  border: 1px solid #FFFFFF;
}
.good-review-title{
  text-align: left;
  font-size: 14px;
  color: #5284F2;
  line-height: 14px;
  margin-bottom: 11px;
}
.good-review-msg{
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}
/*客服中心*/
.customer{
  margin: 60px auto 40px auto;
}
.customer-box{
  margin-top: 40px;
  flex-wrap: wrap;
}
.customer-item{
  width: calc((100% - 40px) / 3);
  font-size: 16px;
  line-height: 16px;
  margin: 0 20px 20px 0;
  padding: 24px 0;
  background: linear-gradient(rgba(255,255,255,0) 0%, #F2F7FF 100%);
  box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.08);
  border-radius: 2px;
  border: 1px solid;
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(213, 228, 255, 1)) 1 1;
}
.customer-item:nth-child(3n){
  margin: 0 0 20px 0;
}
/*表单*/
.form-box{
  margin: 40px 0;
  align-items: stretch;
}
.form-item{
  position: relative;
  flex: 1;
  padding: 18px 0;
  display: flex;
  align-items: flex-start;
}
.form-item-img{
  margin-top: 15px;
  width: 70px;
  height: 70px;
}
.form-item-right{
  margin-left: 6px;
}
.form-item-title{
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 16px;
}
.form-item-row{
  margin-top: 16px;
  align-items: flex-start;
}
.form-item-point{
  width: 4px;
  height: 4px;
  background: #548BFC;
  margin-right: 8px;
  margin-top: 7px;
  flex-shrink: 0;
  border-radius: 50%;
}
.form-item-msg{
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
.form-item-arrow1{
  position: absolute;
  width: 100%;
  left: 34px;
  bottom: 0;
}
.form-item-arrow2{
  position: absolute;
  width: 100%;
  left: 34px;
  top: 0;
}
/*数据管理轻应用*/
.data-manage{
  padding: 60px 0;
  text-align: center;
  overflow: hidden;
  background: #ffffff;
}
.data-manage-main{
  margin-top: 40px;
  align-items: stretch;
  justify-content: space-between;
}
.data-manage-item{
  padding: 16px;
  width: calc((100% - 60px) / 4);
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.02);
  border-radius: 2px;
  border: 1px solid rgba(84,139,252,0.5);
}
.data-manage-title{
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 16px;
}
.data-manage-msg{
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
/*工作任务*/
.work-task{

}
.work-task-box{
  flex-wrap: wrap;
  align-items: stretch;
  margin: 40px 0;
}
.work-task-item{
  width: calc((100% - 80px)/ 5);
  padding: 9px 16px 20px 9px;
  margin-right: 20px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.02);
  border-radius: 2px;
  border: 1px solid rgba(84,139,252,0.5);
  background: #ffffff;
}
.work-task-item:nth-child(5n){
  margin-right: 0;
}
.work-task-top{
  margin-bottom: 9px;
}
.work-icon{
  width: 46px;
  height: 46px;
}
.work-title{
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 4px;
}
.work-line{
  width: 24px;
  height: 2px;
  background: linear-gradient( 137deg, #88ADFF 0%, #FFFFFF 100%);
}
.work-task-msg{
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 0 7px;
}
/*公共资源预约*/
.resource{
  padding: 60px 0 94px 0;
  text-align: center;
  overflow: hidden;
}
.resource-box{
  margin-top: 36px;
}
.resource-left-img{
  width: 493px;
  height: 278px;
}
.resource-right{
  flex: 1;
}
.resource-right-item:nth-child(2n){
  width: 90%;
}
.resource-right-content{
  width: 55%;
}
.resource-right-item:nth-child(2n) .resource-right-content{
  width: 75%;
}
.schedule-container-mobile{
  display: none;
}
.schedule-mobile-top{
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.schedule-mobile-item{
  width: calc(100% / 3);
}
.schedule-mobile-img{
  width: 36px;
  height: 36px;
}
.schedule-mobile-title{
  font-size: 12px;
  font-weight: 12px;
}
@media (max-width: 1200px){
  .unified-service-img:nth-child(1){
    left: 40px;
  }
  .unified-service-img {
    width: 294px;
    height: 203px;
  }
}
@media (max-width: 990px){
  .identity-top{
    min-height: 160px !important;
  }
  .solution-top div{
    padding: 0 50px;
  }
  .introduce-workbench-img{
    width: 253px;
    height: 139px;
  }
  .unified-service-right {
    flex-direction: column;
  }
  .unified-service-img:nth-child(1) {
    left: 0;
    top: 40px;
  }
  .message-left-img{
    padding: 10px;
    width: 342px;
    height: 212px;
    object-fit: contain;
  }
  .message-icon{
    width: 53px;
    height: 40px;
  }
  .todo-main{
    margin-bottom: 40px;
  }
  .todo-right{
    width: 300px;
    height: 254px;
  }
  .good-review-main{
    padding: 0;
  }
  .good-review-item{
    width: 270px;
  }
  .resource-left-img {
    width: 320px;
    height: 278px;
    object-fit: contain;
  }
}
/**  ipad  **/
@media (max-width: 768px){
  .online-box,.workbench-bottom-box,.inventory-manage,.todo-main,.todo-left,.good-review-row1,.form-box{
    flex-direction: column;
  }
  .message-box,.unified-service-box,.good-review-row,.resource-box{
    flex-direction: column-reverse;
  }
  .introduce-text,.introduce-right-msg,.unified-service-text,.inventory-item-bottom{
    font-size: 12px;
  }
  .introduce-right-title,.inventory-item-top{
    font-size: 14px;
  }



  .characteristics-tab {
    margin-top: 50px;
  }
  .characteristics-tab{
    display: none;
  }
  .solution-num-title {
    margin: 90px auto 32px auto;
    font-size: 20px;
    line-height: 20px;
  }
  .solution-top {
    margin: 0 auto 15px auto;
  }
  .online-introduce{
    padding-bottom: 24px;
  }
  .introduce-left{
    width: 100%;
    padding: 7px 10px;
  }
  .introduce-text-icon{
    margin-right: 3px;
  }
  .introduce-right {
    flex: 1;
    margin-left: 0;
    display: flex;
    flex-direction: column;
  }
  .solution-num-title{
    font-size: 16px;
    line-height: 16px;
  }
  .introduce-right-item{
    margin-top: 8px;
    width: 100%;
    padding: 8px 8px 16px 8px;
  }
  .introduce-right-img{
    width: 32px;
    height: 32px;
  }
  .introduce-right-title {
    margin: 6px 0 10px 8px;
  }
  .introduce-workbench-img{
    padding: 0 11px;
    width: 100%;
    height: auto;
  }
  .workbench{
    margin: 40px auto 20px auto;
  }
  .unified-service{
    padding-top: 40px;
  }
  .workbench-bottom-box{
    margin: 0 auto;
  }
  .workbench-subtitle,.solution-top div{
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
  }
  .workbench-right{
    margin: 0;
  }
  .workbench-right-img1,.workbench-right-line1{
    display: none;
  }
  .workbench-right-img2{
    margin-left: 0;
  }
  .workbench-right-item,.workbench-right-content,.resource-right-item,.resource-right-content{
    width: 100% !important;
  }
  .unified-service-img,.resource-left-img{
    width: 100%;
    height: auto;
  }
  .unified-service-img:nth-child(1){
    position: relative;
    top: 10px ;
    left: inherit;
  }
  .unified-service-img:nth-child(2){
    position: relative;
    top: -30px !important;
  }
  .unified-service-left{
    position: relative;
    top: -35px;
  }
  .unified-service-icon{
    width: 41px;
    height: 41px;
  }
  .inventory-manage{
    margin-top: 20px;
  }
  .inventory-manage-item{
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 20px;
  }
  .inventory-item-top{
    padding: 12px 16px;
  }
  .inventory-item-bottom{
    padding: 8px;
  }
  .schedule-container-pc{
    display: none;
  }
  .schedule-container-mobile{
    display: block;
  }
  .message-right{
    background: #ffffff;
    padding: 0 0 20px 0;
  }
  .message-box{
    border: none;
  }
  .message-left-img{
    width: 100%;
    height: auto;
    padding: 0;
  }
  .message-icon {
    width: calc(100% / 5);
    height: auto;
  }
  .todo-subtitle{
    margin: 0 auto;
  }
  .todo-left{
    margin: 20px 0 0 0;
  }
  .todo-left-item{
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .todo-title{
    padding: 12px 16px;
  }
  .todo-left-msg{
    padding: 8px;
  }
  .todo-right{
    width: 100%;
    height: auto;
  }
  .todo-main{
    margin: 0;
  }
  .efficiency-img{
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
 }
  .good-review-box{
    padding: 40px 0 0 0;
    background: #F2F4F8;
  }
  .good-review-main{
    margin-top: 20px;
  }
  .good-review-row{
    padding: 0;
    margin: 0;
  }
  .good-review-item{
    width: 100%;
    margin-bottom: 16px;
  }
  .customer-item{
    width: calc((100% - 9px) / 2);
    margin: 0 9px 9px 0 !important;
    font-size: 14px;
    padding: 16px 0;
  }
  .customer-item:nth-child(2n){
    margin-right: 0 !important;
  }
  .form-box {
    margin: 20px 0;
    align-items: center;
  }
  .form-item-arrow1,.form-item-arrow2{
    display: none;
  }
  .form-item{
    padding: 0;
    margin-bottom: 16px;
  }
  .form-item-img{
    margin-top: -10px;
  }
  .form-item-row{
    margin-top: 9px
  }
  .data-manage{
    background: #fff;
    padding: 40px 0 20px 0;
  }
  .data-manage-main,.work-task-box{
    margin: 20px 0 0 0;
    flex-direction: column;
  }
  .data-manage-item{
    width: 100%;
    margin-bottom: 8px;
    padding: 12px 8px;
  }
  .data-manage-title{
    margin-bottom: 8px;
  }
  .work-task-item{
    width: 100%;
    padding: 16px 8px 12px 16px;
    margin: 0 0 12px 0;
  }
  .work-task-top {
    margin-bottom: 3px;
  }
  .work-icon {
    width: 40px;
    height: 40px;
  }
  .work-task-msg{
    padding-left: 40px;
  }
  .resource-box{
    margin-top: 20px;
  }
  .resource{
    padding: 40px 0;
  }
  .schedule-item{
    margin-bottom: 16px;
  }
  .schedule-mobile-bottom{
    margin-left: 8px;
    margin-bottom: 4px;
  }
}