.TITLE_A { text-align: center; margin: 50px 0 35px 0; } .TITLE_A .TITLE_WRAP { display: inline-block; border-left: 5px solid #000000; border-right: 5px solid #000000; padding: 0 26px; } .TITLE_A h2 { color: #444444; font-size: 45px; } .TITLE_A h3 { font-size: 18px; color: #adadad; font-weight: normal; } .Item { margin: 45px auto 50px auto; } .Item .title, .Item .item-list { float: left; } .Item .title { width: 150px; height: 150px; background: #18D9F6; color: #fff; font-size: 30px; text-align: center; } .Item .title span { display: inline-block; margin-top: 34px; } .Item .item-list { width: 1050px; height: 150px; font-size: 0; } .Item .item-list a { display: inline-block; vertical-align: top; font-size: 16px; width: 10%; height: 150px; text-align: center; color: #fff; -webkit-transition: all .8s; -webkit-transition: all .5s; -webkit-transition: all .3s; transition: all .3s; } .Item .item-list a img { margin-top: 36px; } .Item .item-list a span { display: inline-block; width: 100%; margin-top: 5px; } .Item .item-list a:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .Item .item-list a:nth-child(1) { background: #F0475B; } .Item .item-list a:nth-child(2) { background: #74C2D5; } .Item .item-list a:nth-child(3) { background: #F5C92A; } .Item .item-list a:nth-child(4) { background: #AF4398; } .Item .item-list a:nth-child(5) { background: #FE8956; } .Item .item-list a:nth-child(6) { background: #C1C941; } .Item .item-list a:nth-child(7) { background: #AAA2CF; } .Item .item-list a:nth-child(8) { background: #FE6A53; } .Item .item-list a:nth-child(9) { background: #DB7BAE; } .Item .item-list a:nth-child(10) { background: #E9AA25; } /*news*/ .news * { -webkit-box-sizing: border-box; box-sizing: border-box; } .news .content { width: 100%; } .news .content > div { float: left; } .news .banner-carousel { width: 321px; height: 428px; } .news .banner-carousel .Carousel_TB { width: 100%; height: 100%; position: relative; } .news .banner-carousel .Carousel_TB .bd li { font-size: 0; } .news .banner-carousel .Carousel_TB .arrow { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .news .banner-carousel .Carousel_TB .arrow .prev, .news .banner-carousel .Carousel .arrow .next { color: red; font-size: 20px; cursor: pointer; } .news .banner-carousel .Carousel_TB .hd { position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(83, 83, 83, 0.5); } .news .banner-carousel .Carousel_TB .hd .tab { text-align: center; cursor: pointer; } .news .banner-carousel .Carousel_TB .hd .tab li { display: inline-block; width: 30px; height: 8px; background: rgba(242, 242, 242, 0.5); border-radius: 4px; vertical-align: middle; margin: 0 5px; } .news .banner-carousel .Carousel_TB .hd .tab li.on { background: #fff; } .news .news-infor { width: 763px; margin-left: 58px; } .news .news-infor .Carousel_TB { width: 100%; height: 100%; position: relative; } .news .news-infor .Carousel_TB .bd li { font-size: 0; } .news .news-infor .Carousel_TB .arrow { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .news .news-infor .Carousel_TB .arrow .prev, .news .news-infor .Carousel .arrow .next { color: red; font-size: 20px; cursor: pointer; } .news .news-infor .Carousel_TB .hd { width: 100%; } .news .news-infor .Carousel_TB .hd .tab { text-align: center; font-size: 0; } .news .news-infor .Carousel_TB .hd .tab li { display: inline-block; width: 160px; height: 40px; line-height: 24px; cursor: pointer; font-size: 24px; color: #444444; border-bottom: 1px solid #DDDDDD; position: relative; } .news .news-infor .Carousel_TB .hd .tab li.on { color: #18D9F6; border-bottom: 3px solid #18D9F6; } .news .news-infor .Carousel_TB .hd .tab li.on:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 0; height: 0; border: solid transparent; border-width: 6px; border-bottom-color: #18D9F6; } .news .news-infor .Carousel_TB .bd h2 { font-size: 21px; text-align: center; margin-top: 30px; margin-bottom: 15px; } .news .news-infor .Carousel_TB .bd p { font-size: 15px; line-height: 36px; text-indent: 30px; } .news .news-infor .Carousel_TB .bd p a { font-size: 15px; font-weight: bold; color: #F42840; } .news .news-infor .Carousel_TB .bd .news-list a { position: relative; display: block; padding: 19px 0 19px 64px; border-bottom: 1px solid #BFBFBF; font-size: 15px; color: #444; } .news .news-infor .Carousel_TB .bd .news-list a:hover { color: #F42840; } .news .news-infor .Carousel_TB .bd .news-list a:after { content: ''; display: block; width: 35px; height: 27px; position: absolute; top: 14px; left: 5px; background: url("/images/sy/a-n-hot.jpg") no-repeat center; } .news .video { width: 315px; margin-left: 42px; } .news .video * { -webkit-box-sizing: border-box; box-sizing: border-box; } .news .video .video-wrap h2 { height: 45px; padding: 8px 10px 0; font-size: 21px; background: #F2F2F2; } .news .video .video-wrap h2 span { display: block; float: left; } .news .video .video-wrap h2 b { display: block; float: right; } .news .video .video-wrap .play-area { display: block; width: 315px; height: 214px; background: #202020; position: relative; } .news .video .video-wrap .play-area .play-icon { position: absolute; top: 50%; left: 50%; margin-left: -39px; margin-top: -20px; width: 78px; height: 40px; border: 2px solid #fff; background: #6E6E6E; border-radius: 5px; text-align: center; } .news .video .video-wrap .play-area .play-icon img { margin-top: 5px; } .news .video .play-list a { position: relative; display: block; padding: 15px 0 15px 54px; font-size: 15px; color: #444; } .news .video .play-list a:hover { color: #F42840; } .news .video .play-list a:after { content: ''; display: block; width: 30px; height: 30px; position: absolute; top: 12px; left: 5px; background: #F42840 url("/images/sy/a-triangle.png") no-repeat center; background-size: 30%; } /*doctor-team*/ .doctor-team * { -webkit-box-sizing: border-box; box-sizing: border-box; } .doctor-team .content { background: #F2F2F2; padding: 38px 0; } .doctor-team .content .Carousel_TB { width: 100%; position: relative; } .doctor-team .content .Carousel_TB .bd li { font-size: 0; } .doctor-team .content .Carousel_TB .arrow { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .doctor-team .content .Carousel_TB .arrow .prev, .doctor-team .content .Carousel .arrow .next { color: red; font-size: 20px; cursor: pointer; } .doctor-team .content .Carousel_TB .hd { width: 100%; margin-top: 35px; } .doctor-team .content .Carousel_TB .hd .tab { cursor: pointer; } .doctor-team .content .Carousel_TB .hd .tab li { width: 140px; height: 140px; -webkit-transition: all .8s; -webkit-transition: all .3s; transition: all .3s; } .doctor-team .content .Carousel_TB .hd .tab .last { width: 140px; height: 140px; background: #FB8E00; border: 5px solid #FEE1B8; border-radius: 50%; color: #fffefe; font-size: 22px; text-align: center; padding-top: 35px; padding-left: 22px; -webkit-transition: all .3s; transition: all .3s; } .doctor-team .content .Carousel_TB .hd .tab .last:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .doctor-team .content .Carousel_TB .hd .tab .last a b { display: inline-block; vertical-align: middle; } .doctor-team .content .Carousel_TB .hd .tab .last a span { display: inline-block; vertical-align: middle; } .doctor-team .content .Carousel_TB .hd .tab li.on { -webkit-transform: scale(1.2); transform: scale(1.2); } .doctor-team .content .Carousel_TB .bd li { font-size: 0; } .doctor-team .content .Carousel_TB .bd li > div { display: inline-block; vertical-align: top; } .doctor-team .content .Carousel_TB .bd .doc-img { width: 320px; font-size: 0; } .doctor-team .content .Carousel_TB .bd .doc-img img{ width:320px;height:400px; } .doctor-team .content .Carousel_TB .bd .doc-intro { width: 840px; font-size: 15px; margin-left: 40px; } .doctor-team .content .Carousel_TB .bd .doc-intro h2 { font-size: 43px; color: #141414; margin-bottom: 14px; } .doctor-team .content .Carousel_TB .bd .doc-intro h2 span { font-size: 30px; font-weight: normal; margin-left: 20px; } .doctor-team .content .Carousel_TB .bd .doc-intro .exprience, .doctor-team .content .Carousel_TB .bd .doc-intro .goodat, .doctor-team .content .Carousel_TB .bd .doc-intro .intro { margin-bottom: 30px; } .doctor-team .content .Carousel_TB .bd .doc-intro .exprience { font-size: 26px; } .doctor-team .content .Carousel_TB .bd .doc-intro .exprience span { display: inline-block; text-align: center; width: 125px; height: 44px; line-height: 44px; color: #fff; background: #FB8E00; font-size: 26px; position: relative; margin-right: 10px; } .doctor-team .content .Carousel_TB .bd .doc-intro .exprience span:after { content: ''; display: block; position: absolute; top: 12px; right: -16px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-left-color: #FB8E00; } .doctor-team .content .Carousel_TB .bd .doc-intro .goodat .tag, .doctor-team .content .Carousel_TB .bd .doc-intro .intro .tag { display: inline-block; vertical-align: middle; width: 125px; height: 64px; padding: 2px; text-align: center; background: #45BCAA; font-size: 22px; color: #fff; margin-right: 14px; } .doctor-team .content .Carousel_TB .bd .doc-intro .goodat .tag span, .doctor-team .content .Carousel_TB .bd .doc-intro .intro .tag span { display: block; background: #EFEFEF; color: #45BCAA; font-size: 16px; margin-bottom: 6px; } .doctor-team .content .Carousel_TB .bd .doc-intro .goodat p, .doctor-team .content .Carousel_TB .bd .doc-intro .intro p { display: inline-block; vertical-align: middle; font-size: 15px; width: 694px; line-height: 36px; } .doctor-team .content .Carousel_TB .bd .doc-intro .goodat p a, .doctor-team .content .Carousel_TB .bd .doc-intro .intro p a { color: #F43248; } .doctor-team .content .Carousel_TB .bd .doc-intro .intro .tag { background: #974AB2; } .doctor-team .content .Carousel_TB .bd .doc-intro .intro .tag span { color: #974AB2; } .doctor-team .content .Carousel_TB .bd .btn a { display: inline-block; padding: 10px 20px; border-radius: 25px; background: #F42840; margin: 0 10px; } .doctor-team .content .Carousel_TB .bd .btn a i { font-size: 0; display: inline-block; vertical-align: middle; } .doctor-team .content .Carousel_TB .bd .btn a i img { width: 30px; height: 28px; } .doctor-team .content .Carousel_TB .bd .btn a span { display: inline-block; vertical-align: middle; font-size: 22px; color: #fffefe; } .doctor-team .banner a { display: block; height: 226px; background: url("/images/sy/a-d-banner.jpg") no-repeat center; } /*disease-center*/ .disease-center * { -webkit-box-sizing: border-box; box-sizing: border-box; } .disease-center .content { height: 768px; background: url("/images/sy/a-di-bg.jpg") no-repeat center; padding-top: 60px; } .disease-center .Carousel_TB { width: 100%; position: relative; } .disease-center .Carousel_TB .hd { width: 100%; } .disease-center .Carousel_TB .hd .tab { cursor: pointer; } .disease-center .Carousel_TB .hd .tab li, .disease-center .Carousel_TB .hd .tab .last { width: 128px; height: 118px; border-radius: 5px; border: 4px solid #EEB7C0; background: #fff; text-align: center; } .disease-center .Carousel_TB .hd .tab li span, .disease-center .Carousel_TB .hd .tab .last span { display: inline-block; width: 46px; height: 51px; margin-top: 14px; -webkit-transition: all .3s; transition: all .3s; } .disease-center .Carousel_TB .hd .tab li b, .disease-center .Carousel_TB .hd .tab .last b { display: inline-block; width: 100%; font-weight: normal; font-size: 20px; -webkit-transition: all .3s; transition: all .3s; } .disease-center .Carousel_TB .hd .tab .last:hover span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .disease-center .Carousel_TB .hd .tab li:nth-child(1) { border-color: #EEB7C0; color: #e83b50; } .disease-center .Carousel_TB .hd .tab li:nth-child(2) { border-color: #CBECF3; color: #67b6c9; } .disease-center .Carousel_TB .hd .tab li:nth-child(3) { border-color: #F8D5C3; color: #fe8956; } .disease-center .Carousel_TB .hd .tab li:nth-child(4) { border-color: #DABBD9; color: #a73f91; } .disease-center .Carousel_TB .hd .tab li:nth-child(5) { border-color: #DBDDEE; color: #aaa2cf; } .disease-center .Carousel_TB .hd .tab li:nth-child(6) { border-color: #F8CAC2; color: #fe6a53; } .disease-center .Carousel_TB .hd .tab li:nth-child(7) { border-color: #ECCFE1; color: #db7bae; } .disease-center .Carousel_TB .hd .tab li:nth-child(8) { border-color: #DFE7BB; color: #b7bf3d; } .disease-center .Carousel_TB .hd .tab .last { border-color: #DFE7BB; color: #b7bf3d; } .disease-center .Carousel_TB .hd .tab li:nth-child(1) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -268px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(2) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") 5px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(3) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -317px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(4) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -122px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(5) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -35px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(6) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -74px center; } .disease-center .Carousel_TB .hd .tab li:nth-child(7) span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -216px center; } .disease-center .Carousel_TB .hd .tab .last span { background: url(""""""""/images/sy/a-di-icon-list.png"""""""") -534px center; } .disease-center .Carousel_TB .hd .tab li.on span { margin-top: 5px; } .disease-center .Carousel_TB .hd .tab li.on b { font-weight: bold; } .disease-center .Carousel_TB .bd { background: #fff; width: 100% !important; height: 483px !important; margin-top: 40px; } .disease-center .Carousel_TB .bd ul { width: 100% !important; padding: 35px 25px 0 25px; } .disease-center .Carousel_TB .bd li > div { float: left; } .disease-center .Carousel_TB .bd .tag { width: 295px; font-size: 0; } .disease-center .Carousel_TB .bd .tag a { display: inline-block; width: 50%; height: 104px; color: #fff; text-align: center; border: 1px solid #fff; margin-right: -1px; margin-bottom: -1px; -webkit-transition: all .3s; transition: all .3s; position: relative; } .disease-center .Carousel_TB .bd .tag a span { display: block; font-size: 18px; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; transition: all .3s; } .disease-center .Carousel_TB .bd .tag a:hover span { font-size: 20px; font-weight: bold; } .disease-center .Carousel_TB .bd .tag a:nth-child(1) { background: #E83B50; } .disease-center .Carousel_TB .bd .tag a:nth-child(2) { background: #67B6C9; } .disease-center .Carousel_TB .bd .tag a:nth-child(3) { background: #FE8956; } .disease-center .Carousel_TB .bd .tag a:nth-child(4) { background: #A73F91; } .disease-center .Carousel_TB .bd .tag a:nth-child(5) { background: #AAA2CF; } .disease-center .Carousel_TB .bd .tag a:nth-child(6) { background: #B7BF3D; } .disease-center .Carousel_TB .bd .tag a:nth-child(7) { background: #FE6A53; } .disease-center .Carousel_TB .bd .tag a:nth-child(8) { background: #DB7BAE; } .disease-center .Carousel_TB .bd .infor { width: 815px; margin-left: 38px; } .disease-center .Carousel_TB .bd .infor .article .article-abstract { padding: 0 20px; } .disease-center .Carousel_TB .bd .infor .article .article-abstract img { vertical-align: middle; } .disease-center .Carousel_TB .bd .infor .article .article-abstract .txt { display: inline-block; vertical-align: middle; width: 653px; } .disease-center .Carousel_TB .bd .infor .article .article-abstract .txt h2 { font-size: 24px; font-weight: normal; line-height: 38px; } .disease-center .Carousel_TB .bd .infor .article .article-abstract .txt p { font-size: 15px; line-height: 38px; } .disease-center .Carousel_TB .bd .infor .article .article-abstract .txt p a{ color:#E83B50; } .disease-center .Carousel_TB .bd .infor .question-list { width: 100%; margin: 34px 0; font-size: 0; } .disease-center .Carousel_TB .bd .infor .question-list a { display: inline-block; width: 50%; border: 1px solid #fff; margin-bottom: -1px; margin-right: -1px; padding: 13px 0 13px 38px; background: #F9FBFD; } .disease-center .Carousel_TB .bd .infor .question-list a:hover span { font-weight: bold; color: #E83B50; text-decoration: underline; } .disease-center .Carousel_TB .bd .infor .infor-img { text-align: center; } /*medical-service*/ .medical-service * { -webkit-box-sizing: border-box; box-sizing: border-box; } .medical-service .content { height: 572px; background: #F2F2F2; margin-bottom: 98px; padding-top: 36px; } .medical-service .Carousel_LR > div { float: left; } .medical-service .Carousel_LR .c-wrap { width: 578px; height: 569px; background: #6FD6F3; border-radius: 5px; padding: 25px 25px 0; } .medical-service .Carousel_LR .c-wrap .tempWrap { width: 100% !important; } .medical-service .Carousel_LR .bd h2 { font-size: 24px; text-align: center; color: #fff; line-height: 40px; } .medical-service .Carousel_LR .bd p { font-size: 15px; color: #fff; text-indent: 30px; line-height: 40px; text-align: justify; } .medical-service .Carousel_LR .bd p a { color: #F8F647; font-weight: bold; } .medical-service .Carousel_LR .hd { margin-left: 42px; } .medical-service .Carousel_LR .hd .tab li { width: 556px; height: 92px; background: #FDFEFE; margin-bottom: 9px; padding: 14px 0 0 30px; cursor: pointer; -webkit-transition: margin-left .3s; transition: margin-left .3s; } .medical-service .Carousel_LR .hd .tab li i { display: inline-block; vertical-align: middle; width: 64px; height: 64px; border-radius: 50%; background: #AFAFAF; text-align: center; font-size: 0; margin-right: 25px; } .medical-service .Carousel_LR .hd .tab li i span { display: inline-block; width: 36px; height: 40px; margin-top: 10px; } .medical-service .Carousel_LR .hd .tab li p { display: inline-block; vertical-align: middle; font-size: 12px; color: #555555; } .medical-service .Carousel_LR .hd .tab li p span { font-size: 24px; } .medical-service .Carousel_LR .hd .tab li:nth-child(1) span { background: url("""""/images/sy/a-m-iconlist.png""""") 1px -74px; } .medical-service .Carousel_LR .hd .tab li:nth-child(2) span { background: url("""""/images/sy/a-m-iconlist.png""""") -1px -116px; } .medical-service .Carousel_LR .hd .tab li:nth-child(3) span { background: url("""""/images/sy/a-m-iconlist.png""""") 1px 3px; } .medical-service .Carousel_LR .hd .tab li:nth-child(4) span { background: url("""""/images/sy/a-m-iconlist.png""""") -2px -32px; } .medical-service .Carousel_LR .hd .tab li:nth-child(5) span { background: url("""""/images/sy/a-m-iconlist.png""""") 0px -162px; } .medical-service .Carousel_LR .hd .tab li.on { margin-left: 20px; border-left: 4px solid #f42840; border-bottom: 2px solid #F3D4D8; } .medical-service .Carousel_LR .hd .tab li.on i { background: #f42840; } .medical-service .Carousel_LR .hd .tab li.on p { color: #f42840; } .medical-service .C2 { margin-top: 60px; height: 720px; overflow: hidden; } .medical-service .C2 .hd1 ul{width:894px;margin:0 auto;} .medical-service .C2 .tab li { text-align: center; cursor: pointer; width: 294px; height: 114px; border-radius: 5px; background: #E84B5D; color: #fff; padding-top: 36px; position: relative; overflow: hidden; } .medical-service .C2 .tab li p { font-size: 30px; line-height: 20px; } .medical-service .C2 .tab li p span { font-size: 11px; } .medical-service .C2 .tab li:nth-child(1) { background: #E84B5D; } .medical-service .C2 .tab li:nth-child(2) { background: #67B6C9; } .medical-service .C2 .tab li:nth-child(3) { background: #FE8956; } .medical-service .C2 .tab li:nth-child(4) { background: #A73F91; } .medical-service .C2 .tab li:before, .medical-service .C2 .tab li:after { content: ''; display: block; position: absolute; top: 0; width: 294px; height: 114px; background: rgba(255, 255, 255, 0.5); -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: skew(-69deg); transform: skew(-69deg); -webkit-transition: all .3s; transition: all .3s; } .medical-service .C2 .tab li:before { left: -296px; } .medical-service .C2 .tab li:after { left: -2px; } .medical-service .C2 .tab li.on:before { left: -586px; } .medical-service .C2 .tab li.on:after { left: 294px; } .medical-service .C2 .bd1 { margin-top: 42px; } .medical-service .C2 .bd1 .honor { font-size: 0; } .medical-service .C2 .bd1 .honor .img_l, .medical-service .C2 .bd1 .honor .txt_r { display: inline-block; vertical-align: top; } .medical-service .C2 .bd1 .honor .txt_r { width: 390px; font-size: 15px; color: #666666; text-align: center; margin-left: 18px; line-height: 35px; } .medical-service .C2 .bd1 .honor .txt_r h2 { font-size: 24px; color: #e84b5e; line-height: 62px; } .medical-service .C2 .bd1 .honor .txt_r p { font-size: 14px; color: #e6aa1f; width: 390px; text-align: center;margin-left: 14px; line-height: 32px;} .medical-service .C2 #Carousel_H { position: relative; } .medical-service .C2 #Carousel_H .bd2 { height: 500px !important; } .medical-service .C2 #Carousel_H .bd2 li { position: relative; font-size: 0; } .medical-service .C2 #Carousel_H .bd2 li span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 24px; color: #fff; line-height: 44px; background: rgba(111, 214, 243, 0.8); text-align: center; border-radius: 0 0 5px 5px; } .medical-service .C2 #Carousel_H .prev1, .medical-service .C2 #Carousel_H .next1 { position: absolute; width: 44px; height: 44px; font-size: 40px; line-height: 40px; color: #fff; background: #516267; z-index: 2; text-align: center; cursor: pointer; } .medical-service .C2 #Carousel_H .prev1 span, .medical-service .C2 #Carousel_H .next1 span { display: block; position: absolute; width: 44px; height: 44px; top: 0; left: 0; z-index: 10; } .medical-service .C2 #Carousel_H .prev1 { bottom: 0; left: 0; border-radius: 0 0 0 5px; } .medical-service .C2 #Carousel_H .next1 { bottom: 0; right: 0; border-radius: 0 0 5px 0; } .medical-service .Carousel_last { height: 300px; } .medical-service .Carousel_last .tab { padding: 0 250px; } .medical-service .Carousel_last .tab li { font-size: 0; color: #444444; width: 50%; text-align: center; cursor: pointer; position: relative; } .medical-service .Carousel_last .tab li:after { content: ''; display: block; position: absolute; bottom: -10px; left: 25px; width: 0; height: 4px; background: #f42840; -webkit-transition: width 4s; transition: width 4s; } .medical-service .Carousel_last .tab li i { display: inline-block; vertical-align: middle; width: 30px; height: 26px; } .medical-service .Carousel_last .tab li span { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 26px; margin-left: 10px; } .medical-service .Carousel_last .tab li:nth-child(1) i { background: url(""/images/sy/a-m-iconlist3.png"") 34px -5px; } .medical-service .Carousel_last .tab li:nth-child(2) { border-left: 1px solid #D0D0D0; } .medical-service .Carousel_last .tab li:nth-child(2) i { background: url(""/images/sy/a-m-iconlist3.png"") -38px -5px; } .medical-service .Carousel_last .tab li.on { color: #f42840; } .medical-service .Carousel_last .tab li.on:after { width: 300px; } .medical-service .Carousel_last .bd { margin-top: 34px; } .medical-service .Carousel_last .bd .one > div { font-size: 0; position: relative; text-align: center; } .medical-service .Carousel_last .bd .one > div .txt { position: absolute; width: 100%; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .medical-service .Carousel_last .bd .one > div .txt h2 { font-size: 24px; } .medical-service .Carousel_last .bd .one > div .txt h3 { font-size: 24px; font-weight: normal; margin: 10px 0; } .medical-service .Carousel_last .bd .one > div .txt span { font-size: 15px; } .medical-service .Carousel_last .bd .one > div .txt p { font-size: 20px; line-height: 26px; margin-top: 26px; } .medical-service .Carousel_last .bd .thr a { display: inline-block; width: 294px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; margin-bottom: 8px; } .medical-service .Carousel_last .bd .thr a:nth-child(1) { background: #E84B5E; } .medical-service .Carousel_last .bd .thr a:nth-child(2) { background: #A73E92; } .medical-service .Carousel_last .bd .thr a:nth-child(3) { background: #FE8856; } .medical-service .Carousel_last .bd .thr a:nth-child(4) { background: #67B5C9; } .medical-service .Carousel_last .bd .thr a:nth-child(5) { background: #C1C942; } .medical-service .Carousel_last .bd .thr a:nth-child(6) { background: #A9A2CE; } .medical-service .Carousel_last .bd .thr a:nth-child(7) { background: #F5C92A; } .medical-service .Carousel_last .bd .thr a:nth-child(8) { background: #DB7AAF; } .medical-service .Carousel_last .bd .thr a:nth-child(9) { background: #E84B5E; } .medical-service .Carousel_last .bd .thr a:nth-child(10) { background: #A73E92; } .medical-service .Carousel_last .bd .thr a:nth-child(11) { background: #FE8856; } .medical-service .Carousel_last .bd .thr a:nth-child(12) { background: #67B5C9; }