.abouts_top{ 
  height: auto;
  overflow: hidden;
  position: relative;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 200px;
}
.abouts_top.bg-loaded{
    background-image: url(../pri_img/home/bg-about.jpg);
}
.abouts_top .h-left{
    width: 40%;
    height: calc(100vh - 90px);
    background-size: 100% auto;
    background-position-y: 100%; 
    float: left;
    background-repeat: no-repeat;
    padding-top:100px; 
    padding-right: 50px;
    background: #ffffff
}
@media(max-width: 1300px){
    .abouts_top .h-left{ 
        padding-top: 50px
    }
}
.abouts_top .h-left .h-small-title{
    font-size: calc(100% + 5px);  
}
.abouts_top .h-left .h-large-title{
    font-size: calc(100% + 19px);
    font-weight: bold;
    margin-bottom: 15px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}
.abouts_top .h-left .h-des,
.home-recruitment .hr-des{
    text-align: justify;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.abouts_top .h-left .h-des p,
.home-recruitment .hr-des p{
    margin-bottom: 10px
}

/*bg h-number */
.abouts_top  .h-number {
    border-bottom: 2px solid #fbbd03;
    margin-bottom: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}
.abouts_top  .h-number .h-items{
    display: inline-block;
    float: left;
    /* width: calc(33.3% - 10px); */
    margin-right: 40px;
}
.abouts_top  .h-number b{
    font-size: 35px;
    font-weight: bold;
    color: #fbbd03
}
.abouts_top  .h-number span{
    display: inline-block;
    line-height: 35px;
    padding-left: 5px;
    text-transform: uppercase;
}
/*ed h-number */
/*bg h-lvhd*/
.h-lvhd{
    margin-top: 30px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.h-lvhd .h-ltitle{
    text-decoration: underline;
}
.h-lvhd h4{
    display: inline-block;
    font-size: calc(100% + 2px);
    font-weight: bold; 
    padding: 10px 0; 
    margin-right: 20px
}
/*ed h-lvhd*/
.abouts_top .h-right{
    width: 35%;
    height: calc(100vh - 90px);
    background-size: auto 100%;
    background-color: #2391d0;
    float: right;
    position: relative;
}
.abouts_top .h-right::before{
    content: ' ';
    background-color: #2391d0;
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    mix-blend-mode: darken;
}
.abouts_top .h-right.bg-loaded{
    background-image: url(../pri_img/home/h-right-bg.png); 
  animation: hright 100s infinite; 
  /*animation-direction: alternate;*/
}
.abouts_top .h-right.bg-loaded::after{
    content: ' ';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
} 
 @-webkit-keyframes hright {
     0% { 
         background-position: -200%;
    }
     
     100% { 
        background-position: 0;
    }
}
 @keyframes hright {
     0% { 
         background-position: -200%;
    }
     
     100% { 
        background-position: 0;
    }
}
.abouts_top .h-right .h-per{
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    height: 100%;
    margin-left: -200px;
}
.abouts_top .h-right .h-per img{
    position: absolute;
    left: 0; 
    width: 100%;
    bottom: 0;
}
.abouts_top .h-right .h-per img:last-child{
     -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
@media(max-width: 900px){
    .abouts_top .h-right{
        width: 100%;
        height: 50vh;
    }
    .abouts_top .h-right .h-per{
        margin-left: 50px
    }
    .abouts_top .h-right .h-per img{
        height: 90%;
        width: auto;
    }
    .abouts_top .h-left{
        width: 100%;
        padding: 50px 5%;
        height: auto;
    }
}
@media(max-width: 700px){
    .abouts_top .h-left .h-large-title{
        font-size: calc(100% + 10px)
    }
}
@media(max-width: 600px){
    .abouts_top .h-number .h-items{
        display: block;
        float: none;
        margin-bottom: 10px
    }
}
@media(max-width: 500px){
    .abouts_top .h-left .h-large-title{
        font-size: calc(100% + 5px)
    }
    .abouts_top .h-left .h-small-title {
        font-size: calc(100% + 2px);
        margin-bottom: 5px;
    }
}

/*bg abouts_tc*/
.abouts_tc{
  padding: 40px;
  margin-bottom: 50px;
  background: #FF9800;
  color: #fff;
  position: relative;
  
}
.abouts_tc div:last-child{
  font-size: calc(100% + 5px);
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ffc125
}
.abouts_tc::before{
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 50px solid white;
}
/*ed abouts_tc*/
 
/*abouts-box-tltnsm*/
.abouts-box-tltnsm{
  padding: 50px 0;
  background: #f3f4f8;
}
.abouts-box-tltnsm .items{
  width: calc(33.3% - 20px);
  float: left;
  margin:10px;
}
@media(max-width: 750px){
  .abouts-box-tltnsm .items{
    width: 100%;
  }
}
.abouts-box-tltnsm .items .pri-titles{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.abouts-box-tltnsm .items .pri-des{
  line-height: 25px;
  text-align: justify;
}

/*ed abouts-box-tltnsm*/
/*abouts-products*/
.abouts-products{
  padding: 50px 0
}
.abouts-products .pri-title{
   font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.abouts-products .pri-list-cat >ul >li{
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
  list-style: none;
  
}
.abouts-products .pri-list-cat >ul >li:nth-child(4n+1){
  clear: left;
}
.abouts-products .pri-list-cat >ul >li >a{
  font-weight: bold;
  font-size: calc(100% + 5px)
}
.abouts-products .pri-list-cat >ul >li >ul{
  margin-top: 10px
}
.abouts-products .pri-list-cat >ul >li >ul >li{
  margin-bottom: 10px
}
@media(max-width: 1200px){
  .abouts-products .pri-list-cat >ul >li{
    width: calc(33.3% - 10px);
  }
  .abouts-products .pri-list-cat >ul >li:nth-child(4n+1){
    clear: unset;
  }
  .abouts-products .pri-list-cat >ul >li:nth-child(3n+1){
    clear: left;
  }
}
@media(max-width: 800px){
  .abouts-products .pri-list-cat >ul >li{
    width: calc(50% - 10px);
  }
  .abouts-products .pri-list-cat >ul >li:nth-child(3n+1){
    clear: unset;
  }
  .abouts-products .pri-list-cat >ul >li:nth-child(2n+1){
    clear: left;
  }
}
@media(max-width: 600px){
  .abouts-products .pri-list-cat >ul >li{
    width: 100%;
    margin:0;
    margin-bottom: 20px;
    float: none;
    margin-left: 10px
  }
  .abouts-products .pri-list-cat >ul >li:nth-child(2n+1){
    clear: unset;
  } 
}
/*abouts-products*/
/*bg home-recruitment*/
.home-recruitment{ 
  height: auto;
  padding: 50px 0;
  background:#001825;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.home-recruitment .pl-title{
        color: #fbbd03
    }
.home-recruitment .hr-title{
    text-decoration: underline;
}
.home-recruitment .hr-left .hr-pos{
    text-align: left;
    margin-top: 20px;
}
.home-recruitment .hr-left .hr-pos h4 {
    display: inline-block;
    font-size: calc(100% + 2px);
    font-weight: bold;
    padding: 10px 0;
    margin-right: 20px;
    text-align: left;
}
.home-recruitment .hr-left{
    width: 50%;
    float: left;
    position: relative;
    z-index: 1
}
.home-recruitment .hr-right{
    width: 50%;
    float: right;
    position: relative;
    z-index: 1
}
@media(max-width: 950px){
   
    
    .home-recruitment .hr-left,
    .home-recruitment .hr-right{
        width: 100%;
        float: none;
    }
}
.home-recruitment .hr-right img{
    width: 100%;
    height: auto
}
.home-recruitment .hr-circle{
    position: absolute;
    left: -20px;
    top:0;
    width: 200px;
    height: 200px;
}
.home-recruitment .hr-circle.bg-loaded{
    background-image: url(../pri_img/home/circle-line.png);
    background-size: 100%;
}
.home-recruitment .hr-circle2{
    position: absolute;
    left: 220px;
    bottom: -100px;
    width: 300px;
    height: 300px;
}
.home-recruitment .hr-circle3{
    position: absolute;
    right: -160px;
    bottom: 100px;
    width: 300px;
    height: 300px;
    opacity: .5;
      -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);  
}

.home-recruitment .hr-circle2.bg-loaded,
.home-recruitment .hr-circle3.bg-loaded{
    background-image: url(../pri_img/home/circle-line2.png);
    background-size: 100%;
}
/*ed home-recruitment*/
.abouts-box-news {
  padding: 50px 0
}
.abouts-box-news .articles-items-main .items{
    width: calc(25% - 20px);
    float: left;
    margin: 10px;
    position: relative;
}
@media(min-width: 800px){
  .abouts-box-news .articles-items-main .items:nth-child(4n+1){
    clear:left;
  }
}
@media(max-width: 800px){
  .abouts-box-news .articles-items-main .items{
    width: calc(50% - 20px); 
  }
  .abouts-box-news .articles-items-main .items:nth-child(2n+1){
    clear:left;
  }
}