.ser5-box1{ padding: 80px 0;}


.ser5-box1 ul{ padding: 30px 0;}
.ser5-box1 ul li{ width: 31.3%; height: auto;}
.ser5-box1 ul li img{ width: 100%; height: auto;}

.ser5-boxinfo{ padding-top: 30px;}
.ser5-boxinfo-item{ width: 48%;}
.ser5-boxinfo-item h3{ font-size: 1.4rem; margin-bottom:20px; line-height: 36px;}


.ser5-box2{ padding: 60px 0;}
.ser5-box2 h2{ font-size: 1.6rem; margin-bottom:20px; line-height: 36px;}
.ser5-box2 ul{ padding: 30px 0;}
.ser5-box2 ul li{ width: 24%; height: auto;}
.ser5-box2 ul li img{ width: 100%; height: auto;}


@media (max-width:1280px) {


.ser5-box1{ padding: 30px 0;}


.ser5-box1 ul{ padding: 20px 0;}


.ser5-boxinfo{ padding-top: 20px;}
.ser5-boxinfo-item{ width: 100%; margin-bottom: 15px;}
.ser5-boxinfo-item h3{ font-size: 1.2rem; margin-bottom:20px; line-height: 36px;}


.ser5-box2{ padding: 30px 0;}
.ser5-box2 h2{ font-size: 1.4rem; margin-bottom:10px; line-height: 36px;}
.ser5-box2 ul{ padding: 20px 0;}
.ser5-box2 ul li{ width: 49%; height: auto;}



}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {
 
  
}