@charset "utf-8";
/* 顶部主导航菜单 */
.topnav{ width:100%; height:50px; background:#be9e7f; border-top:1px solid #a8843f; }
.topnav-inner{ width:1100px; margin:0 auto; height:50px; }
.topnav-inner ul{ list-style:none; margin:0; padding:0; height:50px; }
.topnav-inner ul li{ float:left; height:50px; line-height:50px; }
.topnav-inner ul li a{ display:block; padding:0 26px; color:#fff; font-size:15px; letter-spacing:1px; height:50px; }
.topnav-inner ul li a:hover,
.topnav-inner ul li a.active{ background:#a8843f; color:#fff; }

/* 首页营业时间条 */
.yytime-bar{ width:100%; background:#fbf6ef; border-bottom:1px solid #efe2d0; }
.yytime-inner{ width:1100px; margin:0 auto; padding:14px 0; overflow:hidden; }
.yytime-inner .yy-fl{ float:left; color:#666464; font-size:15px; }
.yytime-inner .yy-fl strong{ color:#be9e7f; font-size:16px; margin-right:8px; }
.yytime-inner .yy-fr{ float:right; color:#898989; font-size:14px; }
.yytime-inner .yy-fr span{ color:#be9e7f; font-weight:bold; margin:0 4px; }

/* 二级页面通用 */
.page-wrap{ width:1100px; margin:0 auto; padding:50px 0 60px; }
.page-title{ text-align:center; color:#be9e7f; font-size:36px; font-weight:100; letter-spacing:3px; margin-bottom:10px; }
.page-subtitle{ text-align:center; color:#898989; font-size:14px; letter-spacing:2px; margin-bottom:40px; }
.page-section{ margin-bottom:40px; }
.page-section h3{ color:#be9e7f; font-size:22px; font-weight:100; letter-spacing:1px; margin-bottom:18px; padding-left:14px; border-left:4px solid #be9e7f; line-height:1.4; }
.page-section p{ color:#666464; font-size:15px; line-height:2.0; margin-bottom:14px; text-indent:2em; }
.page-section .no-indent p{ text-indent:0; }

/* 医院介绍 */
.intro-box{ overflow:hidden; margin-bottom:30px; }
.intro-box .intro-img{ float:right; width:420px; height:280px; margin-left:30px; border:4px solid #fff; box-shadow:0 0 8px #ccc; }
.intro-box .intro-img img{ width:100%; height:100%; display:block; }
.intro-list{ overflow:hidden; margin-top:20px; }
.intro-list li{ float:left; width:48%; margin-right:2%; padding:18px 0; border-bottom:1px dashed #e3e3e3; list-style:none; box-sizing:border-box; }
.intro-list li:nth-child(2n){ margin-right:0; }
.intro-list li strong{ color:#be9e7f; font-size:16px; display:block; margin-bottom:4px; }
.intro-list li span{ color:#898989; font-size:14px; }

/* 医生团队 */
.doctor-list{ overflow:hidden; }
.doctor-item{ float:left; width:340px; margin:0 30px 30px 0; background:#fff; border:1px solid #eee; box-sizing:border-box; }
.doctor-item:nth-child(3n){ margin-right:0; }
.doctor-item .doc-img{ width:340px; overflow:hidden; }
.doctor-item .doc-img img{ width:100%; height:100%; display:block; }
.doctor-item .doc-info{ padding:16px 18px; }
.doctor-item .doc-info h4{ color:#be9e7f; font-size:18px; font-weight:100; margin-bottom:6px; }
.doctor-item .doc-info .doc-title{ color:#898989; font-size:13px; margin-bottom:8px; }
.doctor-item .doc-info .doc-desc{ color:#666464; font-size:13px; line-height:1.8; }

/* 项目简介 */
.project-grid{ overflow:hidden; }
.project-card{ float:left; width:340px; margin:0 30px 30px 0; background:#fff; border:1px solid #eee; transition:box-shadow .3s; box-sizing:border-box; }
.project-card:nth-child(3n){ margin-right:0; }
.project-card:hover{ box-shadow:0 4px 16px rgba(190,158,127,0.35); }
.project-card .pc-img{ width:340px; height:200px; overflow:hidden; }
.project-card .pc-img img{ width:100%; height:100%; display:block; }
.project-card .pc-body{ padding:18px; }
.project-card .pc-body h4{ color:#be9e7f; font-size:18px; font-weight:100; margin-bottom:8px; }
.project-card .pc-body p{ color:#898989; font-size:13px; line-height:1.8; text-indent:0; margin:0; }

/* 服务宗旨 */
.tenet-list{ overflow:hidden; margin-top:20px; }
.tenet-item{ float:left; width:23%; margin:0 2% 20px 0; text-align:center; padding:30px 10px; background:#fbf6ef; border:1px solid #efe2d0; box-sizing:border-box; min-height:240px; }
.tenet-item:nth-child(4n){ margin-right:0; }
.tenet-item .ti-icon{ width:60px; height:60px; margin:0 auto 16px; line-height:60px; border-radius:50%; background:#be9e7f; color:#fff; font-size:26px; font-family:"Microsoft Yahei"; }
.tenet-item h4{ color:#be9e7f; font-size:18px; font-weight:100; margin-bottom:10px; }
.tenet-item p{ color:#898989; font-size:13px; line-height:1.8; text-indent:0; }

/* 特色项目 */
.feature-item{ overflow:hidden; margin-bottom:30px; padding:24px; background:#fff; border:1px solid #eee; box-sizing:border-box; }
.feature-item .fea-img{ float:left; width:380px; height:240px; margin-right:30px; }
.feature-item .fea-img img{ width:100%; height:100%; display:block; }
.feature-item .fea-info{ overflow:hidden; }
.feature-item .fea-info h4{ color:#be9e7f; font-size:22px; font-weight:100; margin-bottom:12px; }
.feature-item .fea-info .fea-tag{ display:inline-block; padding:2px 10px; background:#fbf6ef; color:#be9e7f; font-size:12px; margin-right:6px; margin-bottom:12px; border:1px solid #efe2d0; }
.feature-item .fea-info p{ color:#666464; font-size:14px; line-height:1.9; text-indent:0; margin-bottom:10px; }
.feature-item .fea-info ul{ padding-left:0; }
.feature-item .fea-info ul li{ color:#898989; font-size:13px; line-height:1.9; padding-left:18px; position:relative; }
.feature-item .fea-info ul li:before{ content:""; position:absolute; left:4px; top:11px; width:6px; height:6px; background:#be9e7f; border-radius:50%; }

/* 来院路线 */
.route-box{ overflow:hidden; }
.route-map{ width:100%; height:420px; border:4px solid #fff; box-shadow:0 0 8px #ccc; }
.route-info{ margin-top:30px; overflow:hidden; }
.route-info .ri-col{ float:left; width:48%; margin-right:2%; box-sizing:border-box; height:160px; }
.route-info .ri-col:nth-child(2n){ margin-right:0; }
.route-info .ri-col h4{ color:#be9e7f; font-size:18px; font-weight:100; margin-bottom:12px; padding-left:12px; border-left:3px solid #be9e7f; }
.route-info .ri-col ul{ padding-left:0; }
.route-info .ri-col ul li{ color:#666464; font-size:14px; line-height:2.0; padding-left:16px; position:relative; }
.route-info .ri-col ul li:before{ content:""; position:absolute; left:2px; top:13px; width:6px; height:6px; background:#be9e7f; border-radius:50%; }
.route-info .ri-col ul li strong{ color:#be9e7f; }
