.know-gjc-pc{
    width: 100vw;
    height: 16rem;
}
.know-gjc{
    margin: auto;
    padding-top:4rem;
/*	width: 80%;
    text-align: center;
    margin: auto;*/
    max-width: 29.25rem;
    display: flex;

}
.know-gjc-col{
    width: 50%;
    float: left;
}
.know-gjc-title {
    font-size: .8rem;
    line-height: 1rem;
    color: #222;
    font-weight: bold;
}
.know-gjc-title2 {
    font-size: .6rem;
    line-height: 1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.know-gjc-ower{
	/*color: #c9c9c9;*/

}

.know-gjc-button{
    color: #fff;
    width: 3.8rem;
    height: 1.25rem;
    background: #5162b2;
    border: 1px solid #5162b2;
    justify-content: center;
    text-align: center;
    margin: 0.6rem 0;
}
.know-gjc-button a{
	color: #fff;
	line-height: 1.25rem;
    font-size: .45rem;
}
.know-gjc-tit{
	font-size: 0.82rem;
	color: #5162b2;

}
.know-gjc-cb{
	background-repeat: repeat-x;
    background-image: url(../img/fast-bg.png);
    background-size: cover;
    z-index: 3;
    box-sizing: border-box;
}
.know-gjc-fast{
	color: #5162b2;
    margin-top: -0.4rem;
}
.know-gjc-tit small{
    bottom: 0.2rem;
    left: 0.05rem;
    position: relative;
}
.know-gjc-box{
    width: 100%;
}
.know-gjc-blue{
    position: relative !important;
    background-color: #273252;
    width: 6.975rem;
    max-width: 60%;
    height: 5.55rem;
    margin-top: -84.5%;
    left: -12%;
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}
.know-gjc-gray{
        width: 2.35rem;
    height: 1.875rem;
    /* margin-top: -44% !important; */
    left: 28% !important;
    opacity: .1;
    position: relative !important;
    background-color: #273252;
    z-index: 100;
    margin-top: -45%;
}
.know-gjc-image{
    position: relative !important;
    width: 11.5rem;
    z-index: 10000;
}
.know-gjc-footer{
    right: -6.8%;
    bottom: -9.8%;
    width: 4.1rem;
    height: 2.8rem;
    /* top: 10% !important; */
    /* left: auto !important; */
    right: -58%;
    /* bottom: -18%; */
    opacity: .2;
    position: relative !important;
    background-color: #273252;
    margin-top: 9.6rem;
}


/*@keyframes moveRight {
  from {
    transform: translateX(-30%);
  }
  to {
    transform: translateX(0%);
  }
} 
.know-gjc:hover .know-gjc-image {
  animation: moveRight 1.8s;
}

@keyframes moveDown {
  from {
    transform: translateY(-20%);
  }
  to {
    transform: translateY(0);
  }
}
 
.know-gjc:hover .know-gjc-blue {
  animation: moveDown 2s ease-in-out forwards;
}
@keyframes moveLeft {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(0%);
  }
}
 
.know-gjc:hover .know-gjc-footer {
  animation: moveLeft 1.5s ease-in-out forwards;
}
.know-gjc:hover .know-gjc-gray {
  animation: moveLeft 2.5s ease-in-out forwards;
}*/