body {
    font-size: 80%;
}

/* index */
.banner ul li:first-child h3 {
    margin-top: 110px;
}
.banner ul li:first-child h5 span {
    margin: 4px 39px;
}
.SoluDiv .services13, .SoluDiv .services14 {
    padding: 30px;
}
/* font-size start */
.font14, #TopNav .TopMenu a, .workDivUl p, .footerDiv li, .areaDiv li a {
    font-size: 12px;
}
.MenuDiv li a {
    font-size: 14px;
}
.font18, .Menu li a.MenuH, .SoluDiv span a, .areaBlockLi h4, .footerDiv h4 {
    font-size: 16px;
}
.font20, .workDiv1 h4 {
    font-size: 18px;
}
.font24, .SoluDiv h4 {
    font-size: 22px;
}
.SoluDiv {
    font-size: 26px;
}
.font30 {
    font-size: 28px;
}
.SoluTit {
    font-size: 32px;
}
.font36 {
    font-size: 34px;
}
.font40 {
    font-size: 36px;
}
.font42 {
    font-size: 46px;
}
.SoluTit {
    font-size: 34px;
    line-height: 34px;
}
@media screen and (max-width: 767px) {
    .font18 {
        font-size: 12px;
    }
    .font20 {
        font-size: 12px;
    }
    .font24 {
        font-size: 14px;
    }
    .font30 {
        font-size: 20px;
    }
    .font36 {
        font-size: 26px;
    }
    .font40 {
        font-size: 16px;
    }
    .font42 {
        font-size: 32px;
    }
    .SoluTit {
        font-size: 22px;
        line-height: 22px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .font18 {
        font-size: 12px;
    }
    .font20 {
        font-size: 12px;
    }
    .font24 {
        font-size: 16px;
    }
    .font30 {
        font-size: 22px;
    }
    .font36 {
        font-size: 28px;
    }
    .font40 {
        font-size: 18px;
    }
    .font42 {
        font-size: 28px;
    }
    .SoluDiv {
        font-size: 18px;
    }
    .SoluTit {
        font-size: 26px;
        line-height: 26px;
    }
    .SoluDiv .services13, .SoluDiv .services14 {
        padding-left: 20px;
    }
    .banner ul li:first-child h3 {
        margin-top: 90px;
    }
    .banner ul li:first-child h5 {
        margin-top: 140px;
    }
    .banner ul li:first-child h5 span {
        margin: 3px 26px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {

    .font18 {
        font-size: 12px;
    }
    .font20 {
        font-size: 14px;
    }
    .font24 {
        font-size: 18px;
    }
    .font30 {
        font-size: 24px;
    }
    .font36 {
        font-size: 30px;
    }
    .font40 {
        font-size: 22px;
    }
    .font42 {
        font-size: 40px;
    }
    .SoluDiv {
        font-size: 22px;
    }
    .SoluTit {
        font-size: 30px;
        line-height: 30px;
    }
    .banner ul li:first-child h3 {
        margin-top: 90px;
    }
    .banner ul li:first-child h5 {
        margin-top: 160px;
    }
    .banner ul li:first-child h5 span {
        margin: 4px 39px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1680px) {
    .font18 {
        font-size: 14px;
    }
    .font20 {
        font-size: 16px;
    }
    .font24 {
        font-size: 20px;
    }
    .font30 {
        font-size: 26px;
    }
    .font36 {
        font-size: 32px;
    }
    .font40 {
        font-size: 30px;
    }
    .font42 {
        font-size: 44px;
    }
    .SoluDiv {
        font-size: 24px;
    }
    .SoluTit {
        font-size: 32px;
        line-height: 32px;
    }
    .banner ul li:first-child h3 {
        margin-top: 100px;
    }
    .banner ul li:first-child h5 {
        margin-top: 160px;
    }
    .banner ul li:first-child h5 span {
        margin: 4px 38px;
    }
}
/* font-size end */