@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

/* num-change */
.num-change{margin-bottom: 50px;padding-top: 20px;border-top: 1px dashed #dbdbdb;height:112px;}
.num-change .shuzi p:first-child{font-size: 15px;color: rgba(17, 95, 173, 1);}
.num-change .shuzi p:last-child{font-size: 15px;color: #8f8f8f;}
.num-change .shuzi p .counter{font-size: 46px;font-family: fantasy;}
.col-lg-4 { width: 33.33333333%; float: left;}


/* about */
.about.area{margin: 50px 0 0;padding: 0 0 85px;}
.about{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.about.area h2{text-align: left;}
.about>div{width: 50%;}
.about .a-l{max-width: 800px;}
.about .a-l .info{padding:20px 7.5% 0 15px;height: 100%;}
.about .a-con{font-size: 16px;line-height: 35px;padding: 30px 0 0px;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);}

.about .a-r{}
.about .a-r img{width: 100%;height: 100%;object-fit: cover;object-position: bottom;}

.about .more{float: left;margin-bottom: 10px;}
.about .more:hover{background-color: rgba(17, 95, 173, 1);color: #fff;}
 



@media screen and (min-width: 0px) and (max-width:1400px){

}


@media screen and (min-width: 0px) and (max-width:1200px){
    .about.area{margin: 60px;}
    .about .a-con{font-size: 15px;}
    .num-change .shuzi p .counter{font-size: 38px;}

    
}


@media screen and (min-width: 0px) and (max-width:992px){
    .about.area{position: relative;margin: 0;padding: 50px;}
    .about .a-l{max-width: none;position: relative;z-index: 1;width: 100%;}
    .about .a-l .info{padding: 55px;height: 100%;width: 100%;background-color: rgba(255,255,255,0.8);}
    .about .a-r{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;}
    .about .a-r img{height: 100%;}
    .about .more{margin-bottom: 55px;}
 
}
 
@media screen and (min-width: 0px) and (max-width:768px){
	 
   

    .about .a-l .info{padding: 30px;}
    .about.area{padding: 30px;}
    .num-change .shuzi p .counter{font-size: 32px;}

    
}

@media screen and (min-width: 0px) and (max-width:550px){

    .case .case-info .case-tit p{font-size: 16px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
    .about.area{padding: 30px 20px;}
    .about .a-con{font-size: 14px;padding-top: 10px;}
    .about .a-l .info{padding: 20px;}
    .about .more{margin-bottom: 30px;}
    .num-change{margin-bottom: 20px;}
    .num-change .shuzi p:last-child{font-size: 14px;}
    .num-change .li{padding: 7.5px;}
    .num-change .shuzi p .counter{font-size: 24px;}
  
}

@media screen and (min-width: 0px) and (max-width:320px){

}