#servicce{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
h2.tittle{
    width: 100%;
    color: #d9642d;
    line-height: 200%;
    font-size: 24px;
    text-align: center;
    margin-bottom: 8px;
}
#servicce .box_01{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#servicce .box_01 h2.tittle{
    text-align: left;
}
#servicce .immg{
    display: flex;
    width: 500px;
    margin: 5vh 0;
    -webkit-mask: -webkit-image-set(url(/userfiles/images/article/20220318085829543.png) 1x, url(/userfiles/images/article/20220318085829543.png) 2x) no-repeat center center / contain;
    mask: image-set(url(/userfiles/images/article/20220318085829543.png) 1x, url(/userfiles/images/article/20220318085829543.png) 2x) no-repeat center center / contain;
}
#servicce .immg img{
    width: 300px;
    margin: 0 auto;
    -webkit-filter: grayscale(0.6);
}
#servicce .info{
    display: flex;
    width: calc(100% - 600px);
    padding: 50px 0;
    flex-direction: column;
    margin-left: 100px;
}
#servicce a{
    color: #787878;
}
#servicce  p{
    margin-bottom: 20px;
    line-height: 200%;
    color: #8a8a8a;
    font-weight: 300;
}
#servicce .box_02{
    display: flex;
    width: calc(31.3% - 42px);
    flex-direction: column;
    padding: 20px;
    border: #c2c2c24f 1px solid;
    margin: 1%;
}
#servicce .box_03{
    display: flex;
    flex-direction: column;
    width: calc(31.3% - 42px);
    padding: 20px;
    border: #c2c2c24f 1px solid;
    margin: 1%;
}
#servicce .box_04{
    display: flex;
    flex-direction: column;
    width: calc(31.3% - 42px);
    padding: 20px;
    border: #c2c2c24f 1px solid;
    margin: 1%;
}
#servicce .box_03 p{
}
@media screen and (max-width: 1280px) {
	#servicce .immg{
    width: 350px;
}
    #servicce .info{
    width: calc(100% - 450px);
}
}

@media screen and (max-width: 1024px) {
    #servicce .box_01{
    display: flex;
    width: 100%;
    flex-direction: column;
}
    #servicce .immg{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    #servicce .info{
    width: 100%;
    margin-left: 0;
}
    #servicce p{
    word-break: break-all;
}
    #servicce .box_02{
    width: calc(48% - 42px);
}
    #servicce .box_03{
    width: calc(48% - 42px);
}
    #servicce .box_04{
    width: calc(98% - 42px);
}
}
@media screen and (max-width: 640px) {
    #servicce .box_02{
    width: calc(98% - 42px);
}
    #servicce .box_03{
        width: calc(98% - 42px);
    }
    #servicce .immg img{width: 200px;}
    #servicce .immg{
    margin: 20px auto 0;
}
}