/*人在精通*/
/* .model-1{background-color: aliceblue;} */
.model1-content{font-size: 18px;line-height: 2em;display: flex;justify-content: space-between;flex-flow: wrap;}
.model1-content .model-1-list{width: 30%;}
.model-1-list{text-align: center;margin: 20px 0;}
.model-1-list h2{color: #3f97fa;letter-spacing: 2px;margin: 10px;}
.model-1-list img{width: 100px;}
.model-1-list p{text-align: justify;letter-spacing: 1px;font-weight: 500;}

/*企业文化*/
.model-2{background: url(../../images/joinus/m2-bg.png) no-repeat;background-size: cover;}
.model-2 h1{color: #fff;}
.model2-content{display: flex;justify-content: space-between;min-height: 300px;flex-flow: column;padding-bottom: 50px;position: relative;}
.model2-list{display: flex;justify-content: flex-start;background:linear-gradient(to left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.4)) ;background-size: cover;padding: 10px 0 10px 20px;margin:10px }
.model2-list img{width: 40px;}
.model2-list .m2-img{background-color:dodgerblue;padding: 10px;border-radius: 100%;}
.model2-list .m2-cc{display: flex;justify-content:flex-start;align-items: center;    flex-flow: wrap;}
.model2-list p{color: #fff;margin-left: 20px;width: 100%;}
.model2-list .m2-l-t{font-size: 18px;font-weight: bold;letter-spacing: 2px;position: relative;}
.model2-list .m2-l-t:after{content:'';height: 2px;background:linear-gradient(to left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)) ;background-size: cover;position: absolute;bottom: 0;left:0;width: 3em;}
.model2-list .m2-l-c{font-size: 16px;letter-spacing: 1px;}
.model2-b {position: absolute;right: 0;top: 50px}
.model2-b img{width: 500px;}



/*员工成长*/
.model3-content {display: flex;justify-content: flex-start;}
.model3-content .m3-l img{width: 300px;}
.model3-content .m3-r{display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: wrap;margin-left: 20px;} 
.model3-content .m3-list{width: 100%;}
.model3-content .m3-list font{border: 2px solid #1677f9; font-size: 20px;color: #1677f9; font-weight: bold;letter-spacing: 2px;padding: 5px 10px;}
.model3-content .m3-list p {font-size: 18px;letter-spacing: 1px;text-align: justify;margin: 10px 0;line-height: 1.8em;}

.model3-content span{margin: 30px 0;display: block;}
.model3-content span p{margin: 10px 0;display: block;font-size: 18px;}

/*团队风采*/
/* .model4-list .sy-slide{max-height: 570px;}
.model4-list .sy-list{max-height: 570px;} */
.model4-list img{width: 100%;}
.model4-content{padding-bottom: 50px;}

/*欢迎加入*/
.model5-content{display: flex;justify-content: space-between;}
.model5-content .qrcode{width: 20%;}
.model5-content .qrcode img {width: 100%;}
.model5-content .qrcode h4 {text-align: center;}



/*发光特效*/
@keyframes animated-border-flash {
    0% {
      box-shadow: 0 0 0 0 rgba(167, 224, 243, 0.4);
    }
    100% {
       box-shadow: 0 0 0 20px rgba(79, 202, 250, 0);
    }
  }


@media screen and (min-width: 1441px) and (max-width: 1599px){
  .model-title h1{font-size: 32px;}
  .model-1-list img{width: 80px;}
  .model1-content{line-height: 1.8em;}
}

@media screen and (min-width: 1200px) and (max-width: 1440px){
  /*人在精通*/
  .model-title h1{font-size: 30px;}
  .model-1-list img{width: 80px;}
  .model1-content{line-height: 1.7em;}
  .model-1-list h2{margin: 5px;font-size: 20px;}

  /*企业文化*/
  .model2-list img{width: 30px;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;}
    
}

@media screen and (min-width: 992px) and (max-width: 1199px){
  h4{font-size: 16px;}
  /*人在精通*/
  .model-title h1{font-size: 25px;}
  .model-1-list img{width: 70px;}
  .model1-content{line-height: 1.6em;font-size: 16px;}
  .model-1-list h2{margin: 5px;font-size: 20px;}

  /*企业文化*/
  .model2-list img{width: 30px;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;font-size: 16px;}
  .model3-content .m3-list font{font-size: 18px;padding: 3px 5px;}
   
}


@media screen and (min-width: 768px) and (max-width: 991px){
  h4{font-size: 16px;}
  /*人在精通*/
  .model-title h1{font-size: 25px;}
  .model-1-list img{width: 70px;}
  .model1-content{line-height: 1.6em;font-size: 16px;}
  .model-1-list h2{margin: 5px;font-size: 20px;}

  /*企业文化*/
  .model2-list img{width: 30px;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;font-size: 16px;}
  .model3-content .m3-list font{font-size: 18px;padding: 3px 5px;}
    
}

@media screen and (min-width: 640px) and (max-width: 767px){
  h4{font-size: 14px;}
  /*人在精通*/
  .model-title{padding-top:0px ;}
  .model1-content .model-1-list{width: 48%;}
  .model-title h1{font-size: 20px;}
  .model-1-list{margin: 10px 0;}
  .model-1-list h2{margin: 5px;font-size: 16px;}
  .model-1-list img{width: 50px;}
  .model1-content{line-height: 1.5em;font-size: 14px;}
  

  /*企业文化*/
  .model2-list{padding: 10px 5px;margin: 5px 5px;z-index: 20;}

  .model2-list img{width: 30px;}
  .model2-list .m2-l-c{
    font-size: 14px;
    letter-spacing: 0px;
  }
  .model2-list .m2-l-t{font-size: 16px;}
  .model2-list p{margin-left: 10px;}
  .model2-list .m2-img{padding: 15px;width: 60px;}
  .model2-b{z-index: 1;opacity: 0.3;}

  .model3-content{display: grid;position: relative;}
  .m3-l{position: absolute;text-align: center;width: 100%;opacity: 0.3;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;font-size: 14px;}
  .model3-content .m3-list font{font-size: 16px;padding: 3px 5px;}

  .model5-content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .model5-content .qrcode{width: 45%;}
}

@media screen and (min-width:480px) and (max-width:639px){
  h4{font-size: 14px;}
  /*人在精通*/
  .model-title{padding-top:0px ;}
  .model1-content .model-1-list{width: 48%;}
  .model-title h1{font-size: 20px;}
  .model-1-list{margin: 10px 0;}
  .model-1-list h2{margin: 5px;font-size: 16px;}
  .model-1-list img{width: 50px;}
  .model1-content{line-height: 1.5em;font-size: 14px;}
  

  /*企业文化*/
  .model2-list{padding: 10px 5px;margin: 5px 5px;z-index: 20;}

  .model2-list img{width: 30px;}
  .model2-list .m2-l-c{
    font-size: 14px;
    letter-spacing: 0px;
  }
  .model2-list .m2-l-t{font-size: 16px;}
  .model2-list p{margin-left: 10px;}
  .model2-list .m2-img{padding: 15px;width: 60px;}
  .model2-b{z-index: 1;opacity: 0.3;}

  .model3-content{display: grid;position: relative;}
  .m3-l{position: absolute;text-align: center;width: 100%;opacity: 0.3;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;font-size: 14px;}
  .model3-content .m3-list font{font-size: 16px;padding: 3px 5px;}

  .model5-content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .model5-content .qrcode{width: 45%;}
    
}

@media screen and (max-width: 479px){
  h4{font-size: 14px;}
  /*人在精通*/
  .model-title{padding-top:0px ;}
  .model1-content .model-1-list{width: 48%;}
  .model-title h1{font-size: 20px;}
  .model-1-list{margin: 10px 0;}
  .model-1-list h2{margin: 5px;font-size: 16px;}
  .model-1-list img{width: 50px;}
  .model1-content{line-height: 1.5em;font-size: 14px;}
  

  /*企业文化*/
  .model2-list{padding: 10px 5px;margin: 5px 5px;z-index: 20;}

  .model2-list img{width: 30px;}
  .model2-list .m2-l-c{
    font-size: 14px;
    letter-spacing: 0px;
  }
  .model2-list .m2-l-t{font-size: 16px;}
  .model2-list p{margin-left: 10px;}
  .model2-list .m2-img{padding: 15px;width: 60px;}
  .model2-b{z-index: 1;opacity: 0.3;}

  .model3-content{display: grid;position: relative;}
  .m3-l{position: absolute;text-align: center;width: 100%;opacity: 0.3;}
  .model3-content .m3-list p{letter-spacing: 0;line-height: 1.6em;font-size: 14px;}
  .model3-content .m3-list font{font-size: 16px;padding: 3px 5px;}

  .model5-content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .model5-content .qrcode{width: 45%;}

}