/* DaiMa页面专属样式 */
.nav-menu li a:hover,
.nav-menu li.active a {
    background-color: #667eea;
    color: #fff;
}
.service-title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-size: cover;
    vertical-align: middle;
    background-position: center;
    color: #F0FEFF;
}
.service-title .headline {
    font-size: 50px;
    word-spacing: 10px;
}
.service-wrapper {
    background-color: rgba(102, 126, 234, 0.7);
    padding: 78px 0px;
    margin-top: 65px;
}
.featured-service-content {
    margin: 40px 0px;
}
.service {
    padding: 40px 20px;
    transition: all 0.5s ease 0s;
}
.service .service-icon i {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    border: 2px solid #667eea;
    background: #fff;
    color: #667eea;
    padding-top: 38px;
    transition: all 0.7s ease 0s;
}
.about-service h3 {
    padding: 12px 0px;
    color: #667eea;
    font-size: 22px;
}
.about-service p {
    padding: 0px 10px;
    font-size: 15px;
    line-height: 1.6;
}
.service:hover .service-icon i {
    color: white;
    background-color: #667eea;
}
.service:hover .about-service h3 {
    color: #5a6fd6;
}
.special-service {
    margin-top: 50px;
}
.service-tab {
    margin-top: 50px;
}
.service-item {
    padding: 30px 0px;
}
.service-item img {
    margin-bottom: 30px;
}
.service-item h3 {
    color: #667eea;
    margin-top: 0px;
}
.service-item p {
    line-height: 25px;
    padding: 10px 0px;
}
.special-service h2 {
    background: url("../img/title-bg.png") repeat-x scroll 0 13px rgba(0, 0, 0, 0);
    margin-bottom: 10px;
    margin-top: 0;
}
.sub-headline {
    padding: 15px 0px 40px 0px;
    font-size: 20px;
}
.headline {
    padding-top: 45px;
    font-size: 45px;
}
.service-rm-btn {
    background-color: transparent;
    color: #667eea;
    border-radius: 0px;
    font-size: 15px;
    transition: all 0.3s ease-in;
    padding: 5px 12px;
    margin: 4px 0px 0px 5px;
    border-color: #667eea;
}
.service-rm-btn:hover {
    background-color: #5a6fd6;
    color: #fff;
    border-color: #5a6fd6;
}
.appointment .header h2 {
    font-size: 20px;
}
.appointment .header .number {
    font-size: 18px;
}
#footer {
    background-color: #2c3e50;
    color: #fff;
    padding: 30px 0;
}
#footer .copy-right-text {
    color: #aaa;
    padding: 20px 0 0;
}
#footer .copy-right-text a {
    color: #46a1b4;
}
.contact li {
    margin: 0 10px;
}
.contact li a {
    color: #fff;
    font-size: 20px;
}
.nav-tabs>li>a {
    color: #667eea;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #667eea;
    font-weight: bold;
}

/* 手机端响应式 */
@media (max-width: 768px) {
    .nav-menu li.active a {
        border-left: 4px solid #667eea;
    }
    .headline {
        font-size: 28px;
    }
    .sub-headline {
        font-size: 16px;
    }
    .service-wrapper {
        padding: 40px 0;
    }
    .service {
        padding: 20px 10px;
    }
    .service .service-icon i {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        padding-top: 25px;
    }
    .about-service h3 {
        font-size: 18px;
    }
    .about-service p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .headline {
        font-size: 24px;
    }
    .sub-headline {
        font-size: 14px;
    }
    .service .service-icon i {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        padding-top: 18px;
    }
    .about-service h3 {
        font-size: 16px;
    }
    .about-service p {
        font-size: 13px;
    }
}