.doctor-container { position: relative; }

.doctor-container-1 { padding: 50px 0; background: #f4f4f4; }

.doctor-container-2 { padding: 30px 0 70px; background: #fff; }

.doctor-container-3 { padding: 50px 0; background: #fff; }

.doctor-container-4 { padding: 30px 0 40px; background: #f4f4f4; }

.doctor-line { font: 0/0 a; content: '.'; border-top: 1px solid #c6c6c6; }

.doctor-caption { font-size: 40px; line-height: 104px; color: #000; }

.doctor-box { overflow: hidden; }

.doctor-box .view { float: left; width: 398px; }

.doctor-box .view .image { overflow: hidden; width: 398px; height: 432px; }

.doctor-box .view .image img { display: block; width: 398px; height: 432px; transition: all .3s; }

.doctor-box .view .image img:hover { transform: scale(1.02); }

.doctor-box .view .links { height: 58px; }

.doctor-box .view .links .link { font-size: 18px; line-height: 58px; display: block; float: left; width: 50%; height: 58px; transition: all .3s; text-align: center; color: #fff; }

.doctor-box .view .links .link-1 { background: #c6c6c6; }

.doctor-box .view .links .link-2 { background: #f9472d; }

.doctor-box .view .links .link:hover { text-decoration: none; opacity: .8; }

.doctor-box .text { margin-left: 426px; }

.doctor-box .text .name { font-weight: normal; line-height: 36px; height: 36px; margin: 0; border-radius: 4px; background: #f9472d; }

.doctor-box .text .name strong { font-size: 32px; font-weight: normal; float: left; margin-left: 16px; padding: 0 16px; color: #000; background: #f4f4f4; }

.doctor-box .text .name small { font-size: 18px; float: left; padding: 0 16px; color: #fff; }

.doctor-box .text .info { margin-top: 20px; }

.doctor-box .text .info dt { font-size: 22px; line-height: 32px; color: #f9472d; }

.doctor-box .text .info dd { font-size: 14px; line-height: 24px; margin-top: 12px; color: #5a5a5a; }

.doctor-box .text .info a { color: #5a5a5a; }

.doctor-box .text .star { font-size: 18px; line-height: 28px; margin-top: 12px; color: #929090; }

.doctor-box .text .star span { color: #666; }

.doctor-box .text .star span b { font-weight: normal; color: #f7b400; }

.doctor-box .text .case { overflow: hidden; margin-top: 16px; }

.doctor-box .text .case li { position: relative; float: left; overflow: hidden; width: 222px; height: 126px; margin-left: 4px; border: 1px solid #bbb; }

.doctor-box .text .case li:first-child { margin-left: 0; }

.doctor-box .text .case li img { display: block; width: 220px; height: 124px; transition: all .3s; }

.doctor-box .text .case li img:hover { transform: scale(1.02); }

.doctor-box .text .case li span { font-size: 14px; line-height: 36px; position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 220px; height: 36px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); }

.doctor-list { margin-top: -40px; margin-left: -30px; }

.doctor-list > li { float: left; width: 540px; margin-top: 40px; margin-left: 20px; }

.doctor-box2 .view { float: left; width: 222px; height: 242px; }

.doctor-box2 .view .image { overflow: hidden; width: 222px; height: 242px; }

.doctor-box2 .view .image img { width: 222px; height: 242px; transition: all .3s; }

.doctor-box2 .view .image img:hover { transform: scale(1.02); }

.doctor-box2 .text { margin-left: 242px; }

.doctor-box2 .text .name { font-size: 32px; font-weight: normal; line-height: 36px; position: relative; height: 36px; margin: 0; padding-left: 36px; }

.doctor-box2 .text .name:before { font: 0 /0 a; position: absolute; top: 0; left: 0; width: 16px; height: 36px; content: '.'; border-radius: 4px; background: #f9472d; }

.doctor-box2 .text .small { font-size: 16px; line-height: 24px; margin-top: 8px; color: #000; }

.doctor-box2 .text .info { margin-top: 12px; }

.doctor-box2 .text .info dt { font-size: 18px; line-height: 24px; color: #f9472d; }

.doctor-box2 .text .info dd { line-height: 18px; margin-top: 4px; }

.doctor-box2 .case { overflow: hidden; margin-top: 16px; }

.doctor-box2 .case li { position: relative; float: left; overflow: hidden; width: 258px; height: 146px; margin-left: 12px; border: 1px solid #bbb; }

.doctor-box2 .case li:first-child { margin-left: 0; }

.doctor-box2 .case li img { display: block; width: 256px; height: 144px; transition: all .3s; }

.doctor-box2 .case li img:hover { transform: scale(1.02); }

.doctor-box2 .case li span { font-size: 14px; line-height: 36px; position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 256px; height: 36px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); }

.doctor-box2 .links { width: 528px; height: 38px; margin-top: 16px; }

.doctor-box2 .links .link { font-size: 18px; line-height: 38px; display: block; float: left; width: 50%; height: 38px; transition: all .3s; text-align: center; color: #fff; }

.doctor-box2 .links .link-1 { background: #c6c6c6; }

.doctor-box2 .links .link-2 { background: #fd9b00; }

.doctor-box2 .links .link:hover { text-decoration: none; opacity: .8; }

.doctor-box3 .view { position: relative; float: left; width: 444px; height: 482px; }

.doctor-box3 .image { overflow: hidden; width: 444px; height: 482px; }

.doctor-box3 .image img { display: block; width: 444px; height: 482px; transition: all .3s; }

.doctor-box3 .image img:hover { transform: scale(1.02); }

.doctor-box3 .star { font-size: 18px; line-height: 50px; position: absolute; position: absolute; z-index: 2; bottom: 0; left: 0; left: 0; display: block; width: 444px; height: 50px; padding: 0 20px; color: #fff; background: rgba(0, 0, 0, .5); }

.doctor-box3 .star span b { font-weight: normal; color: #f7b400; }

.doctor-box3 .text { margin-left: 480px; min-height: 482px;}

.doctor-box3 .name { font-size: 50px; font-weight: normal; line-height: 50px; margin: 0; color: #000; }

.doctor-box3 .name small { font-size: 24px; color: #7c7c7c; }

.doctor-box3 .list { padding: 16px 0; border-top: 1px dotted #7c7c7c; }

.doctor-box3 .list li { font-size: 16px; line-height: 28px; color: #7c7c7c; }

.doctor-box3 .list li img { margin-right: 8px; vertical-align: middle; }

.doctor-box3 .list li.data { font-size: 16px; line-height: 40px; height: 40px; margin-top: -16px; margin-bottom: 8px; padding: 0 20px; color: #fff; background: #d92e15; }

.doctor-box3 .list2 { padding: 20px 0; border-top: 1px dotted #7c7c7c; }

.doctor-box3 .list2 li { font-size: 16px; line-height: 28px; position: relative; margin-top: 20px; padding: 6px 0; padding-left: 78px; color: #7c7c7c; }

.doctor-box3 .list2 li:first-child { margin-top: 0; }

.doctor-box3 .list2 li .icon { font-size: 18px; font-style: normal; line-height: 22px; position: absolute; top: 0; left: 0; display: block; width: 68px; height: 68px; padding: 11px; text-align: center; color: #d92e15; border: 1px solid #cb1c1c; border-radius: 50%; }

.doctor-box3 .list2 li a { color: #d92e15; }

.doctor-box3 .list3 { height: 48px; }

.doctor-box3 .list3 li { font-size: 16px; line-height: 48px; float: left; width: 196px; height: 48px; margin-left: 12px; text-align: center; }

.doctor-box3 .list3 li:first-child { margin-left: 0; }

.doctor-box3 .list3 li a { display: block; transition: all .3s; color: #fff; border-radius: 3px; background: #d92e15; }

.doctor-box3 .list3 li a:hover { text-decoration: none; opacity: .8; }

.doctor-box4 { height: 312px; margin-top: 40px; }

.doctor-box4 .video { float: left; width: 552px; height: 312px; }

.doctor-box4 .video video { display: block; width: 552px; height: 312px; }

.doctor-box4 .case { float: left; overflow: hidden; width: 548px; margin-top: -4px; }

.doctor-box4 .case li { position: relative; float: left; overflow: hidden; width: 270px; height: 154px; margin-top: 4px; margin-left: 4px; border: 1px solid #bbb; }

.doctor-box4 .case li img { display: block; width: 268px; height: 152px; transition: all .3s; }

.doctor-box4 .case li img:hover { transform: scale(1.02); }

.doctor-box4 .case li span { font-size: 14px; line-height: 36px; position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 268px; height: 36px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); }

.doctor-box5 .caption { font-size: 30px; font-weight: normal; line-height: 44px; margin: 0; }

.doctor-box5 .list { height: 188px; margin: 16px 4px 0; }

.doctor-box5 .list li { position: relative; float: left; overflow: hidden; width: 172px; height: 188px; margin-left: 12px; }

.doctor-box5 .list li:first-child { margin-left: 0; }

.doctor-box5 .list li img { display: block; width: 172px; height: 188px; transition: all .3s; }

.doctor-box5 .list li img:hover { transform: scale(1.02); }

.doctor-box5 .list li span { font-size: 14px; line-height: 28px; position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 172px; height: 28px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); }