#qual-box{
    padding:100px 0;
}
#qual-box h3{text-align: center;}
#qual-box .des{margin: 20px auto 50px;text-align: center;}

#qual-box ul{display: flex;padding:0 30px;justify-content: center;flex-wrap: wrap;position: relative;gap: 10%;}

#qual-box ul::after {
    content: "";
    border-right: 2px dashed #999;
    border-top: 2px dashed #999;
    height: 100%;
    width: 80%;
    display: block;
    position: absolute;
    right: 0;
    transform: translateY(44%);
}

#qual-box ul:nth-child(2n)::after{
    border-right: 0;
}
#qual-box ul li{position: relative;width: 45%;display: flex;gap:20px;margin-bottom: 40px;background-color: #e3e5e6;border-radius: 10px;padding:20px;z-index: 1;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#qual-box ul li .img{width: 180px;}
#qual-box ul li .con{width: calc(100% - 180px);display: flex;flex-direction: column;gap:15px;justify-content: center;}
#qual-box ul li .con b{display: block;position: relative;z-index: 1;}
#qual-box ul li .con p{font-size: 15px;line-height: 23px;color: #666;position: relative;z-index: 1;}
#qual-box ul li span{position: absolute;color: #f1f1f1;bottom:0;right:5px;font-size: 120px;font-weight: bold;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#qual-box ul li:hover{background-color: #2da765;}
#qual-box ul li:hover *{color: #fff;}
#qual-box ul li:hover p{color: #fff;}
#qual-box ul li:hover span{color: rgba(255,255,255,0.4);}

@media(max-width:1540px){

}

@media(max-width:1100px){
    #qual-box{padding:30px 0;overflow: hidden;}
    #qual-box ul{gap:2%;padding:0 10px;}
    #qual-box ul li{flex-wrap: wrap;gap:0;width: 49%;padding: 15px;}
    #qual-box ul li .img{width: 100%;margin-bottom: 15px;}
    #qual-box ul li .con{width: 100%;}
}

@media(max-width:768px){
    #qual-box ul li .con p{font-size: 12px;line-height: 18px;}
}







/**/

#dete-art{
    padding:100px 0;
}
#dete-art h3{text-align: center;}
#dete-art .des{margin: 20px auto 50px;text-align: center;}

#dete-art ul{display: flex;gap:2%;flex-wrap: wrap;}
#dete-art ul li{width: 23.5%;border-radius: 10px;}
#dete-art ul li .con{background-color: #f8f8f8;padding:20px;display: flex;gap:15px;flex-direction: column;}
#dete-art ul li .con p{color: #666;}
#dete-art ul li .con span{color: #666;}

@media(max-width:1540px){

}

@media(max-width:1100px){
    #dete-art{padding:30px 0;}
    #dete-art .des{margin-bottom: 20px;}
    #dete-art ul li{width: 49%;margin-bottom: 2%;}
}

@media(max-width:768px){
    
}



/**/
#testing_video{
    padding:100px 0;
}
#testing_video h3{text-align: center;}
#testing_video .des{margin: 20px auto 50px;text-align: center;}

#testing_video ul{display: flex;gap:2%;flex-wrap: wrap;}
#testing_video ul li{width: 32%;border-radius: 10px;}
#testing_video ul li .img{position: relative;}
#testing_video ul li .img::after{content: "";display: block;width: 100%;height: 100%;background-position: center;background-image: url("../images/play-small.png");
background-repeat: no-repeat;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.1);-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#testing_video ul li:hover .img::after{background-color: rgba(0,0,0,0);}
#testing_video ul li p{color: #fff;line-height: 22px;padding:8px 10px;background-color: #2da765;text-align: center;}
#testing_video .more_url{margin:30px auto 0;width:140px;height:40px;line-height:38px;text-align:center;border:1px solid #2da765;border-radius:5px;color: #2da765;display: block;}
#testing_video .more_url:hover{background-color: #2da765;color: #fff;}

@media(max-width:1540px){

}

@media(max-width:1100px){
    #testing_video{padding:30px 0;}
    #testing_video .des{margin-bottom: 20px;}
    #testing_video ul li{width: 49%;margin-bottom: 2%;}
    #testing_video ul li .img::after{background-size: 30px;}
}

@media(max-width:768px){
    #dete-art ul li .con{padding:15px;gap:10px;}
}



#eq_video{
    padding:100px 0;
}
#eq_video h3{text-align: center;}
#eq_video .des{margin: 20px auto 50px;text-align: center;}

#eq_video ul{display: flex;gap:2%;flex-wrap: wrap;}
#eq_video ul li{width: 23.5%;border-radius: 10px;}
#eq_video ul li .img{position: relative;}
#eq_video ul li .img::after{content: "";display: block;width: 100%;height: 100%;background-position: center;background-image: url("../images/play-small.png");
background-repeat: no-repeat;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#eq_video ul li:hover .img::after{background-color: rgba(0,0,0,0.1);}
#eq_video ul li p{color: #fff;line-height: 22px;padding:8px 10px;background-color: #2da765;text-align: center;}
#eq_video .more_url{margin:30px auto 0;width:140px;height:40px;line-height:38px;text-align:center;border:1px solid #2da765;border-radius:5px;color: #2da765;display: block;}
#eq_video .more_url:hover{background-color: #2da765;color: #fff;}



@media(max-width:1540px){

}

@media(max-width:1100px){
    #eq_video{padding:30px 0;}
    #eq_video .des{margin-bottom: 20px;}
    #eq_video ul li{width: 49%;margin-bottom: 2%;}
    #eq_video ul li .img::after{background-size: 30px;}
}

@media(max-width:768px){
    
}