.service-section{padding:90px 0;background-size:cover;background-position:center center;background-repeat:no-repeat;}

.service-section .tit {text-align:center;}
.service-section .tit h3{font-size:42px;line-height: 1;color:#0b2c3d;font-weight:700;padding-bottom:15px;border-bottom:1px solid #dadada;display:inline-block;position:relative;}
.service-section .tit h3::after{content:"";width:70px;height:4px;background:#EE831C;display:block;position:absolute;left:calc(50% - 35px);bottom:-2px;}
.service-section .tit p{margin:20px 0 0;line-height:28px;font-size:17px;color:#444;text-align: left;}

.service-section ul{display:flex;flex-wrap:wrap;margin:40px -15px 0;}
.service-section ul li{width:20%;padding:15px;}
.service-section ul li .pic{position:relative;}
.service-section ul li .pic img {width:100%;}
.service-section .tit ul li {
    width: 100%;
    padding: 15px;
    list-style: disc;
    text-align: left;
    margin-left: 30px;
}


@media screen and (max-width:1550px){
.service-section{padding:80px 0;}
.service-section .tit h3{font-size:39px;}
}

@media screen and (max-width:1441px) {
.service-section{padding:75px 0;}
.service-section .tit h3{font-size:38px;}
.service-section .tit p{line-height:26px;}

}

@media screen and (max-width:1367px) {
.service-section{padding:70px 0;}
.service-section .tit h3{font-size:36px;}

}

@media screen and (max-width:1281px){
.service-section{padding:60px 0;}
.service-section .tit h3{font-size:34px;}
.service-section .tit p{font-size:16px;}
}

@media screen and (max-width:1171px){
.service-section .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.service-section .tit h3{font-size:31px;}
.service-section .tit p{line-height:25px;}
.service-section ul li{width:25%;}
}

@media screen and (max-width:768px){
.service-section{padding:40px 0 35px;}
.service-section .tit h3{font-size:28px;}
.service-section .tit p{line-height:23px;}
.service-section ul{margin:28px -12px 0;}
.service-section ul li{width:33.33333%;padding:12px;}
}

@media screen and (max-width:576px) {
.service-section .tit h3{font-size:26px;}
.service-section .tit p{line-height:22px;font-size:15px;}
}

@media screen and (max-width:480px) {
.service-section .tit h3{font-size:24px;}
.service-section ul{margin:17px -6px 0;}
.service-section ul li{width:50%;padding:6px;}
}	


@media screen and (max-width:420px) {
.service-section .tit h3{font-size:22px;}
}