body{
    min-width: 1400px;
}
.service-container{
 padding: 20px;
  width: 1200px;
 margin: 0 auto;

}
.service-banner {

    position: relative;
    z-index: 1;
    height: 430px;
    background: url('../../images/banner.png');
   background-size: 100% auto;
    background-position: center;
    object-fit: cover;
    display: flex;
    align-items: center;
    /* text-align: center; */
    color: #fff;
}

.banner-title-desc-box-title{

font-size: 40px;
color: #333333;
line-height: 24px;
margin-bottom: 50px;
}

.banner-title-desc-box-desc{
    width: 270px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.service-section-container{
    padding: 100px 0;
}
.section-box{

    margin-bottom: 50px;
    width: 1300px;
    margin: 0 auto;
     text-align: center;
}

.section-title {
font-weight: 400;
font-size: 32px;
color: #333333;
}
.section-des{
    text-align: left;

    font-size: 16px;
color: #999999;
line-height: 30px;
text-indent: 2em;
}
.service-grid {
    width: 1400px;
 margin: 50px auto ;
    display: grid;
    grid-template-columns: repeat(3,minmax(440px,1fr)); /* 一行三个等宽的列 */
}
.service-card {
    background: url('../../images/service-bg.png');
    width: 440px;
    margin: 20px ;
    height: 640px;
    padding-right: 20px;
 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
border-radius: 4px;

}
.service-card-title{
    height: 100px;
font-weight: 400;
font-size: 26px;
color: #FFFFFF;
line-height: 100px;
padding-left: 30px;
}
.service-card-content{
    background-color: #FFFFFF;
    height: 540px;
    padding: 10px;
}
.service-card-content-item{
    margin: 10px 0;
        padding-right: 10px;
}

.service-card-content-li{
    font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 24px;
 position: relative;
  list-style: none;
  padding-left: 1.5em;  
  line-height: 1.6;
}

.service-card-content-li::before {
  content: "";
  position: absolute;
  left: 0.5em;
  top: 0.72em;
  width: 8px;
  height: 8px;
  background: #C00000;
  border-radius: 50%;
  transform: translateY(-50%);
}
.service-card-content-item-desc{
font-size: 16px;
color: #999999;
line-height: 30px;
margin-left: 1.5em;
}

.service-icon {
   margin-right: 30px;
}

.service-icon img {
    width: 380px;
    height: 340px;
    object-fit: cover;
}


.careerDevelopment{

    background: #FAFAFA;
    
}

.careerDevelopment-section-des{

font-size: 16px;
color: #333333;
}

.careerDevelopment-grid{
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}
.careerDevelopment-card{
    width: 455px;
    height: 580px;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    border: 1px dashed #C00000;

    /* align-items: center; */

}
.careerDevelopment-grid-item-title{
    padding: 10px;
    text-align: center;
    color: #c00000;
}
.careerDevelopment-card-top{
    /* height: 175px; */
    display: flex;
    justify-content: space-around;
}
.careerDevelopment-card-top-left,.careerDevelopment-card-top-right{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.careerDevelopment-card-top-left-one{
    width: 200px;
    height: 130px;
    background: #C00000;
    border-radius: 4px;
    padding:10px 20px;
    color:#fff;
    font-size: 16px;
    line-height: 24px;

    
}
.careerDevelopment-card-top-left-one-icon{
    width: 10px;
    height: 47px;
    display: flex;
    align-items: center;
}

.careerDevelopment-card-top-left-tow{
    width: 200px;
    height: 80px;
    background: #DD7D7D;
border-radius: 4px;

color: #fff;
padding:10px ;
}
.careerDevelopment-card-top-left-tow-icon{
    width: 40px;
    height: 90px;
       display: flex;
    align-items: center;
}

.careerDevelopment-card-top-right-one-icon{
    width: 10px;
    height: 98px;
       display: flex;
    align-items: center;
}
.careerDevelopment-card-top-left-three{
     width: 200px;
    height: 80px;
    background: #D14B4B;
    border-radius: 4px;
    color: #fff;
    padding:10px ;
}

.careerDevelopment-card-top-right-one{
    background: #C00000;
    width: 200px;
    height: 80px;
    border-radius: 4px;
    color: #fff;
    padding: 10px ;
}
.careerDevelopment-card-bottom{
    width: 430px;
    height: 50px;
    background: #C00000;
    font-size: 16px;
    color: #fff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}

.center-careerDevelopment-card-top{
    width: 290px;
    height: 178px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;

}
.center-careerDevelopment-card-top-right-one{
    width: 128px;
    padding: 10px;
    height: 125px;
     background: #C00000;
    font-size: 16px;
    color: #fff;
border-radius: 4px;
}
.careerDevelopment-card-center-tow{
    width: 280px;
    height: 80px;
    padding: 10px ;
    color: #fff;
    margin: 0 auto;
    background-color: #DD7D7D;
}

.careerDevelopment-card-center-three{
    width: 280px;
    height: 80px;
    padding: 10px ;
    color: #fff;
    margin: 0 auto;
    background-color: #D14B4B;
}