/* DaiHuai页面专属样式 */
.top-contact-bar a:hover { color: #e74c3c; }
.top-contact-bar .contact-phone i { color: #e74c3c; }
.top-contact-bar .contact-info i { color: #e74c3c; }
.nav-menu li a:hover,
.nav-menu li.active a {
    background-color: #e74c3c;
    color: #fff;
}
.blog-title {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    background-size: cover;
    vertical-align: middle;
    color: #F0FEFF;
    background-position: center;
}
.blog-title .headline { font-size: 50px; word-spacing: 10px; }
.blog-wrapper {
    background-color: rgba(231, 76, 60, 0.7);
    padding: 78px 0px;
    margin-top: 65px;
}
.blog-content { margin-top: 80px; }
.archive article { margin-bottom: 62px; }
.archive h4 { font-size: 25px; word-spacing: 3px; }
article h4 a { color: #e74c3c; }
.img-padder {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 12px;
}
.blog-content main .info {
    border-bottom: 1px dotted #eaeaea;
    border-top: 1px dotted #eaeaea;
    padding: 10px 0;
    margin: 20px 0;
    color: rgba(100, 100, 100, 0.8);
}
.list-inline { padding-left: 0; list-style: none; margin-left: -5px; text-align: center; }
.blog-content main .info.list-inline li:not(:last-child) { border-right: 1px solid #eaeaea; }
.blog-content main .info.list-inline li:first-child { padding-left: 0px; }
.blog-content main .info.list-inline li { display: table-cell; padding: 0 15px 0 15px; }
main p { line-height: 30px; }
.rm-btn {
    background-color: transparent;
    margin-top: 20px;
    color: #e74c3c;
    border-radius: 0px;
    font-size: 16px;
    transition: all 0.3s ease-in;
    padding: 13px 20px;
    border-color: #e74c3c;
}
.rm-btn:hover { background-color: #e74c3c; color: #fff; border-color: #c0392b; }
.widget h4 {
    background: url("../img/title-bg.png") repeat-x scroll 0 4px rgba(0, 0, 0, 0);
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
}
.widget h4 span { background: white; padding-right: 10px; }
.widget ul { padding-left: 0; list-style: none; }
.widget ul li {
    border-bottom: 1px solid #f3f3f3;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    list-style: none;
    display: block;
    padding: 10px 20px 10px 0;
    position: relative;
}
.widget ul li:hover { background: #f8f8f8; padding-left: 10px; }
.widget ul li:before {
    color: #646464;
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 12px;
    font-size: 11px;
}
.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; }

/* 手机端响应式 */
@media (max-width: 768px) {
    .nav-menu li.active a { border-left: 4px solid #e74c3c; }
    .headline { font-size: 28px; }
    .sub-headline { font-size: 16px; }
    .blog-wrapper { padding: 40px 0; }
    .blog-content { margin-top: 40px; }
    .archive article { margin-bottom: 30px; }
    .archive h4 { font-size: 20px; }
    .img-padder { margin-top: 0; }
    .blog-content main .info li { padding: 0 8px; font-size: 12px; }
    main p { line-height: 24px; font-size: 14px; }
    .rm-btn { padding: 8px 15px; font-size: 14px; }
}

@media (max-width: 480px) {
    .headline { font-size: 24px; }
    .sub-headline { font-size: 14px; }
    .archive h4 { font-size: 18px; }
    main p { font-size: 13px; }
}