body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currentlynot supported by any browser */
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  height: 3831px;
  width: 100%;
  list-style: none;
  font-family: "Microsoft YaHei";
}

body .container {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}

body .container .cavs {
  z-index: 1;
  position: absolute;
}

body .container .banner_font_img {

  width: 100%;
  height: 155px;
  background: url('../images/banner_font.png') center center no-repeat;
}

body .container .content {
  color: #FFFFFF;
  font-size: 30px;
}

body .container .content .content_font {
  line-height: 40px;
  letter-spacing: 25px;
}

body .container .content .content_font_EN {
  padding: 0 20px 0 5px;
}

body .container .button {
  margin-top: 20px;
  width: 183px;
  height: 45px;
  color: #3177EE;
  background-color: #fff;
  border-radius: 23px;
  text-align: center;
  line-height: 43px;
  font-size: 22px;
  z-index: 2;
  text-decoration: none;
  transition: 0.5s;
}

body .container .button:hover {
  color: #000;
  box-shadow: 10px 10px 50px #3177EE;
  transition-delay: 200ms;
}

body .container .main0_font {
  position: absolute;
  top: 74px;
  height: 34px;
  font-size: 34px;
  font-weight: 400;
}

body .container .main0_img {
  display: flex;
  position: absolute;
  top: 180px;
  width: 1220px;
  justify-content: space-between;
}

body .container .main0_img .main0_img0 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body .container .main0_img .main0_img0 span {
  font-size: 20px;
}

body .container .main0_img .main0_img0 span:last-child {
  font-size: 16px;
  color: #7B8392;
}

body .container .main1_font {
  position: absolute;
  top: 79px;
  height: 34px;
  font-size: 34px;
  font-weight: 400;
}

body .container .main1_line {
  position: absolute;
  top: 136px;
  height: 7px;
  width: 120px;
  background-color: #3177EE;
  border-radius: 3.5px;
}

body .container .main1_introduce {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 167px;
  width: 717px;
  color: #666666;
  font-size: 18px;
}

body .container .main1_introduce span {
  letter-spacing: 3px;
}

body .container .main1_img {
  display: flex;
  position: absolute;
  top: 271px;
  width: 1140px;
  justify-content: space-between;
}

body .container .main1_img .main1_img0 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body .container .main1_img .main1_img0 p {
  font-size: 28px;
  color: #333333;
}

body .container .main1_img .main1_img0 span {
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  color: #7B8392;
  width: 180px;
}

body .container .tel_font {
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #FFFFFF;
}

body .container .tel_font .tel_line {
  width: 60px;
  height: 3px;
  background-color: #FFFFFF;
}

body .container .tel_font span {
  margin: 0 10px 0 30px;
  letter-spacing: 20px;
}

body .container .tel_num {
  font-size: 55px;
  color: #FFFFFF;
}

body .container .main2_font {
  font-size: 34px;
  font-weight: 400;
}

body .container .main2_line {
  margin-top: 26px;
  margin-bottom: 28px;
  height: 7px;
  width: 120px;
  background-color: #3177EE;
  border-radius: 3.5px;
}

body .container .main2_introduce {
  width: 1024px;
  color: #666666;
  font-size: 18px;
  text-align: center;
  letter-spacing: 3px;
}

body .container .wall {
  display: block;
  position: relative;
}

body .container .wall .wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}

body .container .wall .wall-column .icon {
  display: block;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body .container .wall .wall-column .icon img {
  display: block;
}

body .container .wall .wall-column .icon .icon_title {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 24px;
  cursor: default;
  z-index: 99;
}

body .container .wall .wall-column .icon .icon_title .icon_title_img {
  margin-right: 10px;
}

body .container .wall .wall-column .icon .icon_font {
  color: #FFFFFF;
  font-size: 16px;
  z-index: 99;
  line-height: 25px;
  padding-right: 10px;
}

body .container .wall .wall-column .icon .icon_title1 {
  position: absolute;
  top: 121px;
  left: 32px;
}

body .container .wall .wall-column .icon .icon_font1 {
  position: absolute;
  top: 220px;
  left: 33px;
  letter-spacing: .5px;
}

body .container .wall .wall-column .icon .icon_title2 {
  position: absolute;
  top: 47px;
  left: 33px;
}

body .container .wall .wall-column .icon .icon_font2 {
  position: absolute;
  top: 144px;
  left: 42px;
  letter-spacing: 3px;
}

body .container .wall .wall-column .icon .icon_title3 {
  position: absolute;
  top: 170px;
  left: 35px;
}

body .container .wall .wall-column .icon .icon_font3 {
  position: absolute;
  top: 274px;
  left: 45px;
}

body .container .wall .wall-column .icon .icon_title4 {
  position: absolute;
  top: 68px;
  left: 33px;
}

body .container .wall .wall-column .icon .icon_font4 {
  position: absolute;
  top: 161px;
  left: 45px;
  letter-spacing: 1px;
}

body .container .wall .wall-column .icon .icon_title5 {
  position: absolute;
  top: 54px;
  left: 30px;
}

body .container .wall .wall-column .icon .icon_font5 {
  position: absolute;
  top: 153px;
  left: 46px;
}

body .container .wall .wall-column .icon .icon_title6 {
  position: absolute;
  top: 44px;
  left: 31px;
}

body .container .wall .wall-column .icon .icon_font6 {
  position: absolute;
  top: 133px;
  left: 38px;
}

body .container .wall .wall-column .icon .icon_title7 {
  position: absolute;
  top: 93px;
  left: 29px;
}

body .container .wall .wall-column .icon .icon_font7 {
  position: absolute;
  top: 189px;
  left: 34px;
}

body .container .wall .wall-column .icon .icon_title8 {
  position: absolute;
  top: 69px;
  left: 32px;
}

body .container .wall .wall-column .icon .icon_font8 {
  position: absolute;
  top: 167px;
  left: 42px;
}

body .container .wall .wall-column .icon .icon_title9 {
  position: absolute;
  top: 70px;
  left: 30px;
}

body .container .wall .wall-column .icon .icon_font9 {
  position: absolute;
  top: 162px;
  left: 42px;
}

body .container .wall .wall-column .icon .icon_title10 {
  position: absolute;
  top: 41px;
  left: 29px;
}

body .container .wall .wall-column .icon .icon_font10 {
  position: absolute;
  top: 132px;
  left: 38px;
}

.index_tel {
  position: unset;
  top: -382px;
  width: 100%;
  height: 304px;
  background: url(../images/tel.png) center center no-repeat;
  z-index: 10;
}

@media (max-width: 1280px) {
  body .container body {
    width: 66%;
  }

  body .container .wall-column {
    width: 66%;
  }
}

@media (max-width: 640px) {
  body .container .wall-column {
    width: 50%;
  }
}

@media (max-width: 480px) {
  body .container .wall-column {
    width: auto;
    float: none;
  }
}

body .header {
  position: relative;
  width: 1920px;
  height: 677px;
  background: url('../images/banner.png');
}

body .main0 {
  position: relative;
  width: 1920px;
  height: 569px;
  background: url('../images/main0.png') center center no-repeat;
}

body .main1 {
  position: relative;
  top: -151px;
  width: 1460px;
  height: 1003px;
  background-color: #FFFFFF;
}

body .tel {
  position: relative;
  top: -382px;
  width: 1920px;
  height: 304px;
  background: url('../images/tel.png') center center no-repeat;
  z-index: 10;
}

body .main2 {
  position: relative;
  top: -382px;
  padding: 10px 0;
  width: 1920px;
  height: 294px;
  background-color: #FFFFFF;
}

body .waterfall {
  position: relative;
  top: -380px;
  height: 1230px;
}

body .main3 {
  position: relative;
  top: -345px;
  width: 185px !important;
  height: 35px !important;
  background-color: #3177EE;
  border-radius: 17.5px;
}

body .main3 a {
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
}

/* 1024px分辨率——.53 */
@media screen and (min-width: 1024px) {
  body {
    height: 2708px !important;
  }

  footer {
    margin-top: 30px !important;
  }

  .main3 {
    margin-top: -40px !important;
    margin-bottom: -880px !important;
  }

  .header {
    width: 1024px !important;
    height: 361px !important;
  }

  .main2_line {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .main0 {
    width: 1024px !important;
    height: 300px !important;
  }

  .main0_img {
    top: 100px !important;
  }

  .main1 {
    transform: scale(.53);
    top: -260px !important;
    left: -220px !important;
  }

  .tel {
    width: 1024px !important;
    height: 161px !important;
    top: -580px !important;
  }

  .main2 {
    width: 1024px !important;
    height: 166px !important;
    top: -580px !important;
  }

  .main3 {
    top: -890px !important;
  }

  .waterfall {
    top: -750px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3 {
    transform: scale(.53);
  }

  .waterfall {
    transform: scale(.7);
  }
}

/*  */
/* 1280px分辨率——.66 */
@media screen and (min-width: 1280px) {
  body {
    height: 2800px !important;
  }

  footer {
    margin-top: -60px !important;
  }

  .main3 {
    margin-bottom: -840px !important;
  }

  .header {
    width: 1280px !important;
    height: 446px !important;
  }

  .main0 {
    width: 1280px !important;
    height: 375px !important;
  }

  .main1 {
    transform: scale(.66);
    top: -220px !important;
    left: -100px !important;
  }

  .tel {
    width: 1280px !important;
    height: 200px !important;
    top: -580px !important;
  }

  .main2 {
    width: 1280px !important;
    height: 194px !important;
    top: -570px !important;
  }

  .main3 {
    top: -940px !important;
  }

  .waterfall {
    top: -750px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3,
  .waterfall {
    transform: scale(.66);
  }
}

/* 1360分辨率——.7 */
@media screen and (min-width: 1360px) {
  body {
    height: 3188px !important;
  }

  footer {
    margin-top: -60px !important;
  }

  .main3 {
    margin-bottom: -720px !important;
  }

  .header {
    width: 1360px !important;
    height: 473px !important;
  }

  .main0 {
    width: 1360px !important;
    height: 398px !important;
  }

  .main0_img {
    top: 140px !important;
  }

  .main1 {
    transform: scale(.7);
    top: -180px !important;
    left: -60px !important;
  }

  .tel {
    width: 1360px !important;
    height: 267px !important;
    top: -510px !important;
  }

  .main2 {
    width: 1360px !important;
    height: 220px !important;
    top: -490px !important;
  }

  .waterfall {
    top: -660px !important;
  }

  .main3 {
    top: -820px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3,
  .waterfall {
    transform: scale(.7);
  }

}

/* 1440px分辨率——.75 */
@media screen and (min-width: 1400px) {
  body {
    height: 3290px !important;
  }

  footer {
    margin-top: -60px !important;
  }

  .main3 {
    margin-bottom: -640px !important;
  }

  .header {
    width: 1440px !important;
    height: 507px !important;
  }

  .main0 {
    width: 1440px !important;
    height: 426px !important;
  }

  .main0_img {
    top: 180px !important;
  }

  .main1 {
    transform: scale(.75);
    top: -160px !important;
    left: 0 !important;
  }

  .tel {
    width: 1440px !important;
    height: 228px !important;
    top: -510px !important;
  }

  .main2 {
    width: 1440px !important;
    height: 220px !important;
    top: -490px !important;
  }

  .waterfall {
    top: -610px !important;
  }

  .main3 {
    top: -750px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3,
  .waterfall {
    transform: scale(.75);
  }

}

/* 1680px分辨率——.875 */
@media screen and (min-width: 1600px) {
  body {
    height: 3704px !important;
  }

  footer {
    margin-top: -290px !important;
  }

  .main3 {
    margin-bottom: -230px !important;
  }

  .header {
    width: 1680px !important;
    height: 592px !important;
  }

  .main0 {
    width: 1680px !important;
    height: 497px !important;
  }

  .main0_img {
    top: 180px !important;
  }

  .main1 {
    transform: scale(.875);
    top: -120px !important;
  }

  .tel {
    width: 1680px !important;
    height: 266px !important;
    top: -450px !important;
  }

  .main2 {
    width: 1680px !important;
    height: 257px !important;
    top: -460px !important;
  }

  .main3 {
    top: -570px !important;
  }

  .waterfall {
    top: -530px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3,
  .waterfall {
    transform: scale(.875);
  }

}

/* 1920px分辨率 */
@media screen and (min-width: 1920px) {
  body {
    height: 4164px !important;
  }

  footer {
    margin-top: -60px !important;
  }

  .main3 {
    margin-bottom: -230px !important;
  }

  .header {
    width: 1920px !important;
    height: 677px !important;
  }

  .main0 {
    width: 1920px !important;
    height: 569px !important;
  }

  .main0_img {
    top: 180px !important;
  }

  .main1 {
    transform: scale(1);
    top: -151px !important;
  }

  .tel {
    width: 1920px !important;
    height: 304px !important;
    top: -382px !important;
  }

  .main2 {
    width: 1920px !important;
    height: 294px !important;
    top: -382px !important;
  }

  .icon {
    transform: scale(1);
  }

  .waterfall {
    top: -380px !important;
  }

  .main3 {
    top: -345px !important;
  }

  .banner_font_img,
  .content,
  .button,
  .main0_font,
  .main0_img,
  .tel_font,
  .tel_num,
  .main2_font,
  .main2_line,
  .main2_introduce,
  .main3,
  .waterfall {
    transform: scale(1);
  }

}
/*==============================tanjie 20230807 适配手机 start==========================================================*/

.pc_block{
  display: block;
}
.pc_flex{
  display: flex;
}
.phone_block{
  display: none;
}
.phone_flex{
  display: none;
}
@media(max-width:768px){
  .pc_block{
    display: none;
  }
  .pc_flex{
    display: none;
  }
  .phone_block{
    display: block;
  }
  .phone_flex{
    display: flex;
  }
  body .main0 {
    position: relative;
    width: 100%;
    background-color: #F3F5FA;
    background-image: unset;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  body .container .main0_font {
    position: unset;
    top: 28px;
    height: 34px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    max-width: 300px;
    margin: auto;
  }
  body .container .main0_img {
    display: flex;
    position: unset;
    /*top: 180px;*/
    width: 100%;
    justify-content: space-between;
  }
  body .container .main0_img .main0_img0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    background-color: #ffffff;
  }

  .phone_img_size{
    width: 95%
  }
  body .container .main0_img .main0_img0 span {
    font-size: 16px;
  }
  body .container .main0_img .main0_img0 span:last-child {
    font-size: 14px;
    color: #7B8392;
  }
  body .main1 {
    position: unset;
    /*top: 200px;*/
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    margin-top: 30px;
  }

  body .container .main1_font {
    position: unset;
    /*top: 79px;*/
    height: 34px;
    font-size: 20px;
    font-weight: 400;
  }

  body .container .main1_line {
    position: unset;
    /*top: 136px;*/
    height: 3px;
    width: 120px;
    background-color: #3177EE;
    border-radius: 3.5px;
  }

  body .container .main1_introduce {
    display: block;
    justify-content: space-between;
    position: unset;
    top: 167px;
    width: 100%;
    color: #666666;
    font-size: 18px;
  }
  body .container .main1_img {
    display: block;
    position: unset;
    top: 271px;
    width: 100%;
    justify-content: space-between;
  }

  body .tel {
    position: unset;
    /*top: -382px;*/
    width: 100%;
    height: 140px;
    background: url('../images/tel.png') center center no-repeat;
    z-index: 10;
  }

  body .container .main1_img .main1_img0 {
    display: flex;
    flex-direction: unset;
    align-items: unset;
    width: calc(100% - 40px);
    margin-left: 20px;
    background-color: #F7F9FD;
    border-radius: 4px;
    margin-top: 10px;
  }

  .index_middle_img01{
    width: 56px;
    background-image: url("../images/business_center.png");
    height: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
  }
  .index_middle_img02{
    width: 56px;
    background-image: url("../images/data_center_img.png");
    height: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
  }
  .index_middle_img03{
    width: 56px;
    background-image: url("../images/integrated_central_platform.png");
    height: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
  }
  .index_middle_img04{
    width: 56px;
    background-image: url("../images/technical_center.png");
    height: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
  }
  body .container .main1_img .main1_img0 {
    display: flex;
    flex-direction: unset;
    align-items: unset;
    /*height: 110px;*/
    padding: 15px 0px;
  }

  .main1_img0_font_title{
    color: #333333;
    font-size: 15px;
    margin: 0px 8px 0px 5px;
    font-weight: bold;
  }
  .main1_img0_font_content{
    color: #666666;
    font-size: 13px;
    margin: 5px 8px 0px 5px
  }
  body .main2 {
    position: unset;
    margin-top: 35px;
    padding: 0 0;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
  }

  body .container .main2_font {
    font-size: 20px;
    font-weight: 400;
  }

  body .container .main2_introduce {
    width: 80%;
    color: #656565;
    font-size: 14px;
    text-align: center;
    letter-spacing: unset;
    margin: 0px 45px 0px;
  }

  body .waterfall {
    position: unset;
    /*top: -380px;*/
    height: auto;
  }

  body .container .main2_line {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 3px;
    width: 120px;
    background-color: #3177EE;
    border-radius: 3.5px;
  }
  body .container .wall .wall-column {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    padding: 0 0;
    box-sizing: border-box;
  }

  body .container .wall .wall-column .icon .icon_title {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 18px;
    cursor: default;
     z-index: 0;
  }

  body .container .wall .wall-column .icon .icon_font {
    color: #FFFFFF;
    font-size: 13px;
    z-index: 0;
    line-height: unset;
    padding-right: 0px;
  }

  body .container .wall .wall-column .icon .icon_font1 {
    position: unset;
    top: 0px;
    left: 33px;
    letter-spacing: .5px;
  }

  .body_workflow_one_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/workflow_one_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_two_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/2_project_management.png") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_three_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/3_contract_management_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_four_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/4_security_confidentiality.png") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_five_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/5app_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_six_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 125px;*/
    background: url("../images/6_schedule_Management.png") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_seven_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 125px;*/
    background: url("../images/7_custom_chart_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_eight_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/8_meetings_management_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_nine_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/9_personnel_files_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .body_workflow_ten_img{
    width: calc(100% - 40px);
    margin-left: 20px;
    border-radius: 4px;
    /*height: 110px;*/
    background: url("../images/10_vehicle_management_phone.jpg") center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .icon_workflow_img {
    width: 45px;
    background-image: url("../images/1icon_workflow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    float: left;
    /*margin-top: 25px;*/
    /*margin-left: 6px;*/
    margin: auto;
   }
  .icon_workflow_img_two {
    width: 45px;
    background-image: url("../images/2icon_project_management.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    /*float: left;*/
    /*margin-top: 25px;*/
    /*margin-left: 6px;*/
    margin: auto;
   }
  .icon_workflow_img_three {
    width: 45px;
    background-image: url("../images/3icon_contract_management.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_four {
    width: 45px;
    background-image: url("../images/4icon_train_img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_five {
    width: 45px;
    background-image: url("../images/5iconapp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_six {
    width: 45px;
    background-image: url("../images/6icon_recruit_img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_seven {
    width: 45px;
    background-image: url("../images/7icon_gateway_img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_eight {
    width: 45px;
    background-image: url("../images/8icon_meetings_management.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_nine {
    width: 45px;
    background-image: url("../images/9icon_personnel_files.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .icon_workflow_img_ten {
    width: 45px;
    background-image: url("../images/10icon_asset_management.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin: auto;
   }
  .body_workflow_title_font{
    width: calc(100% - 70px);
    float: right;
    padding: 15px 0px;
  }
  .body_workflow_title_font01{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 8px 0px 5px;
  }
  .body_workflow_title_font02{
    width: calc(100% - 10px);
    font-size: 13px;
    margin: 5px 8px 0px 5px;
    opacity: 0.7;
  }

  body .container .wall .wall-column .icon {
    display: flex;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  body .main3 {
    position: relative;
    top: 0px;
    width: 85px !important;
    height: 28px !important;
    background-color: #3177EE;
    border-radius: 17.5px;
    margin-bottom: 10px;
    padding-left:20px ;
    padding-right:20px ;
  }

  .p2_content_left {
    width: calc(100% - 40px);
    height: auto;
    /*margin-left: 20px;*/
    margin-top: 0px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
  }

  .p2_content_info_title1 {
    font-size: 19px;
    font-family: MicrosoftYaHei;
    color: #333333;
    padding-top: 0px;
    font-weight: bold;
  }
  .p2_content_info_title2 {
  font-size: 15px;
  font-family: MicrosoftYaHei;
  color: #666666;
  margin-top: 8px;
  line-height: 22px;
}

  .phone_img_size02{
    width: 80px;
    /*position: relative;*/
    /*left: 35px;*/
    /*top: 5px;*/
  }

  .main0_img0_01{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    margin: auto;
    background-color: #ffffff;
  }

  .index_middle_title_font{
    font-size: 17px;
    margin: 25px 0 0 20px;
    font-weight: bold;
    font-family: MicrosoftYaHei;
  }
  .index_middle_content_font{
    font-size: 14px;
    margin: 8px 0 0 20px;
    font-family: MicrosoftYaHei;
    color: #666666;
  }

  body .container .tel_font .tel_line {
    width: 30px;
    height: 1px;
    background-color: #FFFFFF;
  }

}