/* ===============================================================
    * service
=============================================================== */
.service .tac {background: #f4f4f4; padding: 60px 0; text-align: center;}
.service .tac .tit {margin: 0 auto; width: 300px; height: 80px; line-height: 80px; font-size: 14px; background: var(--color-1); color: #fff; text-transform: uppercase;}
.service .tac .tit i {font-size: 30px; vertical-align: middle; padding-right: 10px;}
.service .info {padding: 60px 0 120px; text-align: center;}
.service .name {position: relative; width: 80%; margin: -100px auto 0; z-index: 1; background: #fff; padding: 60px;}
.service .name h2 {font-size: 32px;}
.service .name h3 {font-size: 18px; margin-top: 20px;}
.service .name .line {width: 40px; height: 1px; margin: 40px auto; background: var(--color-1);}
.service .name .txt {font-size: 12px; line-height: 26px; color: #777;}
@media (max-width: 992px){
    .service .tac {padding: 30px 15px;}
    .service .tac .tit {width: 100%; height: 50px; line-height: 50px; font-size: 12px;}
    .service .tac .tit i {font-size: 20px;}
    .service .info {padding: 60px 0; text-align: left;}
    .service .name {width: calc(100% - 30px); margin: -15px auto 0; padding: 30px 15px;}
    .service .name h2 {font-size: 25px;}
    .service .name h3 {font-size: 14px; margin-top: 15px;}
    .service .name .line {margin: 25px 0;}
    .service .name .txt {font-size: 12px; line-height: 20px;}
}