/*ell*/ /*inline-block*/ /* clearfix */ /* minheight */ /*text-shaw*/ @font-face { font-family: 'impactregular'; src: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.eot"); src: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.eot") format("embedded-opentype"), url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.woff2") format("woff2"), url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.woff") format("woff"), url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.ttf") format("truetype"), url("/360szlhmsyycom/templets/ms_new/special/ystdbz/css/font/impact-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } body, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; list-style: none; border: 0; } body { font-size: 14px; font-family: 'Microsoft Yahei',arial,sans-serif; color: #666; letter-spacing: 0px; -webkit-font-smoothing: antialiased; } body img { border: none; max-width: 100%; } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: normal; } body table { border-collapse: collapse; border-spacing: 0; } body input, body textarea, body select, body button { list-style: none; border: 0; outline: none; padding: 0; margin: 0; } body em, body i, body strong, body address, body cite, body dfn, body var { font-style: normal; font-weight: normal; } body a { outline-style: none; text-decoration: none; color: #333333; } body a:hover { text-decoration: none; } body .clearfix { *zoom: 1; } body .clearfix:after { content: ''; display: table; clear: both; } body .clear { clear: both; } body .wrap { width: 100%; overflow: hidden; } body .container { width: 1100px; height: auto; margin: 0 auto; } body .rel { position: relative; } body .center { text-align: center; } body .flex { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .title { color: #6c4e37; text-align: center; padding: 10px 0 20px; position: relative; width: 100%; overflow: hidden; } .title:before { content: ''; height: 2px; background: #6c4e37; display: block; left: 0; right: 0; position: absolute; top: 49px; z-index: 1; } .title .main { display: inline-block; padding: 0 60px; position: relative; z-index: 10; background: #fccf45; } .title .main:before, .title .main:after { content: ''; width: 60px; height: 2px; background: #6c4e37; position: absolute; left: 37px; bottom: 14px; display: block; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); transform-origin: center left; } .title .main:after { transform: rotate(130deg); -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); transform-origin: center right; right: 37px; left: auto; } .title .main b { font-weight: bold; font-size: 38px; line-height: 70px; display: block; } .title .main em { font-size: 20px; line-height: 30px; display: inline-block; padding: 0 20px; position: relative; background: #fccf45; z-index: 10; } .title .main em:before, .title .main em:after { content: ''; width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; border: 2px #6c4e37 solid; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; background: #fccf45; } .title .main em:before { left: -8px; } .title .main em:after { right: -8px; } .title .main .line { content: ''; height: 1px; background: #6c4e37; bottom: 15px; z-index: 5; display: block; left: 35px; right: 35px; position: absolute; } .title .main .left-line, .title .main .right-line { width: 400%; height: 1px; position: absolute; background: #6c4e37; top: 45px; } .title .main .left-line { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform-origin: center left; left: -10px; } .title .main .right-line { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform-origin: center right; right: -10px; } /*header*/ #header .top-wrapper { background: #f5f5f5; height: 40px; overflow: hidden; } #header .top-wrapper .wenxin { font-size: 14px; line-height: 40px; color: #6a6a6a; display: block; float: left; } #header .top-wrapper .right-box { float: right; font-size: 0; } #header .top-wrapper .right-box .item-li { font-size: 14px; line-height: 40px; margin-left: 25px; display: inline-block; *display: inline; *zoom: 1; color: #666; } #header .top-wrapper .right-box .item-li .iconfont { font-size: 25px; display: inline-block; *display: inline; *zoom: 1; margin-right: 3px; vertical-align: middle; } #header .top-wrapper .right-box .item-li:hover { color: #b9722f; } #header .main-wrapper { width: 1100px; margin: 15px auto; height: 70px; font-size: 0; } #header .main-wrapper .logo { height: 70px; display: inline-block; vertical-align: top; } #header .main-wrapper .item-list { display: inline-block; *display: inline; *zoom: 1; margin-left: 30px; max-width: 250px; vertical-align: middle; height: 60px; margin-top: 5px; } #header .main-wrapper .item-list .list-ul .list-li { font-size: 14px; line-height: 20px; float: left; width: 100%; } #header .main-wrapper .item-list .list-ul .list-li:before { content: '●'; margin-right: 5px; } #header .main-wrapper .zhuanjia, #header .main-wrapper .contact { padding: 0 35px; border-right: 1px #c0c0c0 solid; height: 70px; float: right; font-size: 0; display: inline-block; } #header .main-wrapper .zhuanjia .iconfont, #header .main-wrapper .contact .iconfont { font-size: 50px; line-height: 70px; display: inline-block; *display: inline; *zoom: 1; margin-right: 8px; } #header .main-wrapper .zhuanjia item, #header .main-wrapper .contact item { font-size: 14px; line-height: 24px; display: inline-block; } #header .main-wrapper .zhuanjia item b, #header .main-wrapper .contact item b { font-weight: 500; font-family: "impactregular" !important; font-size: 28px; line-height: 1; color: #d7444e; display: block; } #header .main-wrapper .zhuanjia.zhuanjia, #header .main-wrapper .contact.zhuanjia { padding-right: 0; border: 0; cursor: pointer; } #header .main-wrapper .zhuanjia.zhuanjia .iconfont, #header .main-wrapper .contact.zhuanjia .iconfont { color: #d7444e; } #header .main-wrapper .zhuanjia.contact, #header .main-wrapper .contact.contact { padding-left: 0; } #header .nav-wrapper { background: #b9722f; height: 45px; } #header .nav-wrapper ul { width: 1100px; margin: 0 auto; height: 45px; overflow: hidden; *zoom: 1; } #header .nav-wrapper ul:after { clear: both; content: ''; display: table; height: 0; overflow: hidden; } #header .nav-wrapper ul li { width: auto; float: left; font-size: 0; } #header .nav-wrapper ul li a { display: inline-block; font-size: 17px; line-height: 45px; padding: 0 25px; color: #fff; } #header .nav-wrapper ul li a:hover { color: #e6ff14; } /*banner*/ .banner a { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/banner.jpg") no-repeat center top/cover; height: 690px; width: 100%; display: block; } /*前言*/ .guide { position: relative; background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/guide.jpg") no-repeat center top; min-height: 232px; margin: 18px auto; width: 1100px; color: #333; } .guide h4 { font-weight: bold; font-size: 26px; line-height: 1; color: #ff9601; text-align: center; display: block; width: 100%; padding: 50px 0 15px; -webkit-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; -moz-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; *filter: Glow(Color=#fff, Strength=2); } .guide p { font-size: 16px; line-height: 26px; display: block; width: 995px; margin: 0 auto; } .guide em { position: absolute; bottom: 45px; right: 50px; font-size: 16px; line-height: 30px; height: 30px; display: inline-block; } .guide em:before { content: ''; width: 80px; height: 1px; background: #c1ab75; border-top: 1px #fff001 solid; left: -90px; top: 50%; margin-top: -1px; position: absolute; display: block; } /*宣誓*/ .xuanshi { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/linian1.jpg") no-repeat top left #ededed; width: 1100px; margin: 0 auto; min-height: 365px; height: auto !important; height: 365px; } .xuanshi .content { color: #333; float: right; width: 485px; margin: 30px 35px 0 0; text-align: center; font-size: 0; } .xuanshi .content p { text-align: left; font-size: 16px; line-height: 30px; display: inline-block; width: 100%; text-indent: 2em; } .xuanshi .content a { margin: 40px auto 0 auto; display: inline-block; font-size: 20px; line-height: 50px; color: #8d5118; background: #fbc00b; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 0 33px; } /*原则*/ .yuanze { margin: 0 auto; width: 1100px; padding-bottom: 45px; } .yuanze .tit-m { font-size: 38px; line-height: 1.4; color: #b9722f; text-align: center; width: 100%; padding: 40px 0 35px; } .yuanze .tit-m em { font-family: "Arial" !important; font-size: 18px; line-height: 24px; color: #a9a9a9; display: block; } .yuanze ul { text-align: justify; display: inline-block; width: 100%; font-size: 0; } .yuanze ul li { display: inline-block; width: 178px; } .yuanze ul:after { content: ''; display: inline-block; width: 100%; } .yuanze ul li { height: 178px; color: #5c3208; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .yuanze ul li:before { content: ''; position: absolute; bottom: 0; left: 0; top: 0; right: 0; background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/yuanze.jpg") no-repeat center; display: block; z-index: 5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .yuanze ul li:hover:before { transform: rotate(-75deg); -webkit-transform: rotate(-75deg); -moz-transform: rotate(-75deg); -ms-transform: rotate(-75deg); } .yuanze ul li:hover { color: #fff; } .yuanze ul li item { position: absolute; font-size: 20px; line-height: 35px; width: 100%; margin: auto; position: absolute; top: 49%; left: 0%; z-index: 10; text-align: center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); } .yuanze ul li b { font-weight: bold; font-size: 30px; line-height: 1; } /*关键*/ .guanjian { background: #a77342; } .guanjian .tit-m { font-size: 38px; line-height: 1.4; color: #fff; text-align: center; width: 100%; padding: 40px 0 35px; } .guanjian .tit-m em { font-family: "Arial" !important; font-size: 16px; line-height: 24px; display: block; } .guanjian ul { text-align: justify; display: inline-block; width: 1100px; margin: 0 auto; font-size: 0; } .guanjian ul li { display: inline-block; width: 263px; } .guanjian ul:after { content: ''; display: inline-block; width: 100%; } .guanjian ul li { color: #fff; position: relative; width: 263px; height: 269px; overflow: hidden; } .guanjian ul li img { display: block; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .guanjian ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); } .guanjian ul li item { position: absolute; font-size: 20px; line-height: 35px; width: 100%; margin: auto; position: absolute; top: 50%; left: 0%; text-align: center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); } .guanjian ul li item b { font-weight: bold; font-size: 32px; line-height: 1; display: block; } .guanjian .center { padding: 30px 0 40px; } .guanjian .center a { display: inline-block; font-size: 20px; line-height: 50px; color: #8d5118; padding: 0 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; box-shadow: 0px 5px 0px -1px #c2ad3b; -webkit-box-shadow: 0px 5px 0px -1px #c2ad3b; -moz-box-shadow: 0px 5px 0px -1px #c2ad3b; background: #fbc00b; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .guanjian .center a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 30px; width: 30px; display: inline-block; *display: inline; *zoom: 1; background: #915823; color: #fbc00b; position: relative; top: 7px; line-height: 32px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 20px; } /*名医*/ .wrap-a { background: #fccf45 !important; padding: 50px 0 0 0; margin: 0 auto; } .wrap-a .mingyi { display: block; margin: 0 auto; } .wrap-a .doc-topbox { height: 575px; } .wrap-a .doc-topbox .img { width: 510px; height: 100%; overflow: hidden; float: left; border: 5px #fff solid; box-sizing: border-box; } .wrap-a .doc-topbox .img img { width: 100%; height: 100%; display: block; } .wrap-a .doc-topbox .msg { float: right; width: 580px; height: 575px; overflow: hidden; background: #fffaed; } .wrap-a .doc-topbox .msg .name { height: 84px; border-bottom: 1px solid #b9722f; width: 510px; margin: 0 auto 25px auto; } .wrap-a .doc-topbox .msg .name b { font-weight: bold; font-size: 36px; line-height: 84px; color: #b9722f; } .wrap-a .doc-topbox .msg .name em { font-family: "Arial" !important; font-size: 14px; line-height: 84px; color: #d39b67; margin-left: 5px; } .wrap-a .doc-topbox .msg item { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; height: 40px; width: 510px; margin: 0px auto 16px auto; } .wrap-a .doc-topbox .msg item b { height: 40px; font-weight: bold; font-size: 20px; line-height: 40px; min-width: 105px; background: #c78d55; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #fff; display: inline-block; margin-right: 10px; text-align: center; } .wrap-a .doc-topbox .msg item span { font-size: 14px; line-height: 20px; color: #464646; display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-justify-content: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-box-align: center; align-items: center; justify-content: center; } .wrap-a .doc-topbox .msg .intro { background: #c3854a; margin-top: 15px; width: 510px; padding: 0 35px; height: 500px; } .wrap-a .doc-topbox .msg .intro p { font-size: 14px; line-height: 28px; color: #fff; text-indent: 2em; padding: 35px 0; } .wrap-a .doc-topbox .msg .intro a { display: inline-block; font-size: 20px; line-height: 46px; background: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; color: #ee7720; padding: 0 44px; } .wrap-a .doc-topbox .msg .intro a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 26px; width: 26px; display: inline-block; *display: inline; *zoom: 1; background: #ee7720; color: #fff; position: relative; top: 5px; line-height: 28px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 10px; } .wrap-a .doc-team-other { width: 100%; text-align: justify; display: inline-block; font-size: 0; } .wrap-a .doc-team-other:after { content: ''; display: inline-block; width: 100%; } .wrap-a .doc-team-other .box-m { width: 270px; height: 212px; margin-top: 8px; display: inline-block; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; overflow: hidden; position: relative; border-left: 5px #fff solid; box-sizing: border-box; box-shadow: 0px 0px 2px 0px #666; -webkit-box-shadow: 0px 0px 2px 0px #666; -moz-box-shadow: 0px 0px 2px 0px #666; } .wrap-a .doc-team-other .box-m img { position: absolute; bottom: 5px; left: -10px; width: 170px; display: block; } .wrap-a .doc-team-other .box-m .content { position: absolute; width: 105px; margin: auto; position: absolute; top: 50%; right: 0%; z-index: 5; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); } .wrap-a .doc-team-other .box-m .content span { font-size: 22px; line-height: 1; color: #b9722f; display: block; } .wrap-a .doc-team-other .box-m .content em { font-size: 16px; line-height: 22px; display: block; margin: 8px 0; } .wrap-a .doc-team-other .box-m .content a { background: #fbcb0b; display: inline-block; padding: 0 10px; font-size: 16px; line-height: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #9c663a; } .wrap-a .doc-team-other .box-m .content a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .wrap-a .doc-team-other .box-m.all { border-left: none; } .wrap-a .doc-team-other .box-m.all img { bottom: 0; left: 0; width: 100%; } .wrap-a .doc-team-other .box-m.all .mask-m { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 20px; line-height: 30px; display: block; } .wrap-a .doc-team-other .box-m.all .mask-m span { width: 100%; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); color: #fff; } .wrap-a .btn-center { padding: 40px 0 40px; text-align: center; } .wrap-a .btn-center a { display: inline-block; font-size: 20px; line-height: 50px; color: #fff; padding: 0 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #ee7720; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wrap-a .btn-center a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 30px; width: 30px; display: inline-block; *display: inline; *zoom: 1; background: #fff; color: #ee7720; position: relative; top: 7px; line-height: 32px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 10px; } .wrap-a .btn-center a:hover { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap-a .appointment { display: block; width: 100%; margin-bottom: 45px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .wrap-b { position: relative; padding-bottom: 0px; } .wrap-b .title:before { background: #b9722f; } .wrap-b .title .main { background: #fff !important; color: #b9722f; } .wrap-b .title .main em { background: #fff; color: #979797; font-size: 18px; } .wrap-b .title .main em:before, .wrap-b .title .main em:after { border-color: #b9722f; background: #fff; } .wrap-b .title .left-line, .wrap-b .title .right-line, .wrap-b .title .line, .wrap-b .title .main:before, .wrap-b .title .main:after { background: #b9722f; } .wrap-b .tips { display: block; text-indent: 2em; font-size: 16px; line-height: 24px; color: #464646; padding-bottom: 45px; } .wrap-b .skill-wrapper { position: relative; } .wrap-b .skill-wrapper .btn_prev, .wrap-b .skill-wrapper .btn_next { position: absolute; top: 50%; font-size: 60px; line-height: 60px; width: 60px; margin-top: -30px; color: #fbda81; display: block; text-align: left; } .wrap-b .skill-wrapper .btn_next { right: 0; text-align: right; } .wrap-b .skill-wrapper .btn_prev:hover, .wrap-b .skill-wrapper .btn_next:hover { color: #f8b504; } .wrap-b .skill-wrapper .skill-banner { width: 960px; margin: 0 auto; } .wrap-b .skill-wrapper .skill-banner .swiper-slide { width: 317px; } .wrap-b .skill-wrapper .skill-banner .swiper-slide img { width: 317px; height: 210px; display: block; overflow: hidden; } .wrap-b .skill-wrapper .skill-banner .swiper-slide span { width: 100%; text-align: center; font-size: 16px; line-height: 54px; color: #fff; background: #f8b504; display: block; position: relative; } .wrap-b .skill-wrapper .skill-banner .swiper-slide span:before { content: ''; border: 10px transparent solid; border-bottom: 8px #f8b504 solid; left: 50%; margin-left: -10px; top: -16px; position: absolute; } .wrap-c { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/pro_bot.jpg") no-repeat center bottom #a77342; position: relative; padding: 60px 0 130px; background-size: contain; position: relative; } .wrap-c:after { content: ''; width: 140%; height: 120px; position: absolute; top: -60px; left: -20%; background: #fff; display: block; z-index: 55; overflow: hidden; border-radius: 0px 0px 100% 100%/0 0 200% 200%; } .wrap-c .title:before { background: #fff; } .wrap-c .title .main { background: #a77342 !important; color: #fff; } .wrap-c .title .main em { background: #a77342; color: #fff; font-size: 14px; } .wrap-c .title .main em:before, .wrap-c .title .main em:after { border-color: #fff; background: #a77342; } .wrap-c .title .left-line, .wrap-c .title .right-line, .wrap-c .title .line, .wrap-c .title .main:before, .wrap-c .title .main:after { background: #fff; } .wrap-c ul { text-align: justify; display: inline-block; width: 100%; font-size: 0; } .wrap-c ul li { display: inline-block; width: 360px; } .wrap-c ul:after { content: ''; display: inline-block; width: 100%; } .wrap-c ul li { height: 300px; margin-top: 10px; } .wrap-c ul li img { width: 360px; height: 300px; } .wrap-c .btn-center { padding: 40px 0 0px; text-align: center; } .wrap-c .btn-center a { display: inline-block; font-size: 20px; line-height: 50px; color: #915823; padding: 0 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #fbcb0b; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wrap-c .btn-center a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 30px; width: 30px; display: inline-block; *display: inline; *zoom: 1; background: #915823; color: #fbcb0b; position: relative; top: 7px; line-height: 32px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 10px; } .wrap-c .btn-center a:hover { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap-d { position: relative; padding: 0px 0 50px; position: relative; } .wrap-d .title:before { background: #b9722f; } .wrap-d .title .main { background: #fff !important; color: #b9722f; } .wrap-d .title .main em { background: #fff; color: #979797; font-size: 14px; } .wrap-d .title .main em:before, .wrap-d .title .main em:after { border-color: #b9722f; background: #b9722f; } .wrap-d .title .left-line, .wrap-d .title .right-line, .wrap-d .title .line, .wrap-d .title .main:before, .wrap-d .title .main:after { background: #b9722f; } .wrap-d .container { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/d1.jpg") no-repeat right 10px top 0px; min-height: 608px; border: 5px #f7eac9 solid; box-sizing: border-box; padding: 20px 0 0px 20px; } .wrap-d .container .tips { font-size: 16px; line-height: 22px; width: 720px; display: block; text-indent: 2em; } .wrap-d .container ul { width: 720px; } .wrap-d .container ul li { float: left; padding: 15px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 320px; background: #ffe08e; height: 130px; overflow: hidden; margin-top: 30px; } .wrap-d .container ul li span { font-size: 22px; line-height: 1.2; color: #f96b2d; display: block; letter-spacing: -1px; } .wrap-d .container ul li p { font-size: 14px; line-height: 24px; text-indent: 2em; display: block; color: #555555; margin-top: 7px; } .wrap-d .container ul li:nth-of-type(2n) { float: right; } .wrap-d .container .center { padding: 30px 0 0px; text-align: center; width: 720px; } .wrap-d .container .center a { display: inline-block; font-size: 20px; line-height: 50px; color: #fff; padding: 0 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #f96b2d; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wrap-d .container .center a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 30px; width: 30px; display: inline-block; *display: inline; *zoom: 1; background: #fff; color: #f96b2d; position: relative; top: 7px; line-height: 32px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 10px; } .wrap-d .container .center a:hover { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap-e { background: #fff9e6; padding: 30px 0 55px; } .wrap-e .title:before { background: #b9722f; } .wrap-e .title .main { background: #fff9e6 !important; color: #b9722f; } .wrap-e .title .main em { background: #fff9e6; color: #979797; font-size: 22px; } .wrap-e .title .main em:before, .wrap-e .title .main em:after { border-color: #fff9e6; background: #a77342; } .wrap-e .title .left-line, .wrap-e .title .right-line, .wrap-e .title .line, .wrap-e .title .main:before, .wrap-e .title .main:after { background: #b9722f; } .wrap-e .container ul { width: 1110px; margin-left: -10px; } .wrap-e .container ul li { padding: 0 10px; height: 305px; margin-top: 23px; position: relative; background: #ee7720; padding-top: 50px; color: #fff; margin-left: 10px; float: left; width: 192px !important; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .wrap-e .container ul li .tit-m { width: 110px; position: absolute; left: 50%; margin-left: -56px; top: -30px; border: 2px #fff solid; background: #ee7720; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align: center; font-size: 18px; line-height: 30px; } .wrap-e .container ul li .tit-m b { font-weight: bold; font-size: 20px; line-height: 30px; display: block; } .wrap-e .container ul li img { width: 100%; display: block; margin-bottom: 8px; } .wrap-e .container ul li p { font-size: 14px; line-height: 20px; display: block; } .wrap-e .container .btn-list { text-align: center; padding: 30px 0; } .wrap-e .container .btn-list a { display: inline-block; *display: inline; *zoom: 1; height: 55px; margin: 0 15px; overflow: hidden; color: #fff; font-size: 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #fe4e51; padding: 0 30px; } .wrap-e .container .btn-list a i { font-size: 48px; line-height: 55px; display: inline-block; height: 55px; vertical-align: top; } .wrap-e .container .btn-list a span { font-size: 20px; line-height: 55px; display: inline-block; height: 55px; vertical-align: top; } .wrap-e .container .btn-list a b { font-weight: 500; font-family: "impactregular" !important; font-size: 32px; line-height: 55px; display: inline-block; height: 55px; vertical-align: top; } .wrap-e .container .btn-list a:nth-of-type(2) { background: #f96b2d; } .wrap-e .container .appointment { box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa; -moz-box-shadow: 0px 2px 2px #aaa; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; display: block; } .wrap-f { background: #fff; padding: 20px 0; } .wrap-f .title:before { background: #bb7534; } .wrap-f .title .main { background: #fff !important; color: #bb7534; } .wrap-f .title .main em { background: #fff; color: #979797; font-size: 14px; } .wrap-f .title .main em:before, .wrap-f .title .main em:after { border-color: #bb7534; background: #fff; } .wrap-f .title .left-line, .wrap-f .title .right-line, .wrap-f .title .line, .wrap-f .title .main:before, .wrap-f .title .main:after { background: #bb7534; } .wrap-f .container .main { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .wrap-f .container .main .img { margin-right: 10px; } .wrap-f .container .main .img img { width: 100%; display: block; } .wrap-f .container .main .content { width: 545px; background: #fe9900; } .wrap-f .container .main .content .box-m { width: 505px; padding: 17px 20px; display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; border-bottom: 1px #fff solid; } .wrap-f .container .main .content .box-m span { width: 35px; height: 35px; background: #fff; color: #fe9900; text-align: center; font-weight: 500; font-family: "impactregular" !important; font-size: 18px; line-height: 35px; margin-right: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap-f .container .main .content .box-m p { font-size: 16px; line-height: 24px; color: #fff; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .wrap-f .container .main .content .box-m .once { line-height: 35px; } .wrap-f .container .main .content .box-m:nth-of-type(2n) { background: #e3aa51; } .wrap-f .container .main .content .box-m:nth-of-type(2n) span { color: #e3aa51; } .wrap-f .container .main .content .box-m:last-child { border-bottom: none; } .wrap-f .container .center { padding: 30px 0; text-align: center; } .wrap-f .container .center a { display: inline-block; font-size: 20px; line-height: 50px; color: #fff; padding: 0 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #f96b2d; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wrap-f .container .center a i { overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; height: 30px; width: 30px; display: inline-block; *display: inline; *zoom: 1; background: #fff; color: #f96b2d; position: relative; top: 7px; line-height: 32px; font-size: 40px; text-indent: -20px; font-weight: 500; margin-left: 10px; } .wrap-f .container .center a:hover { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .wrap-g { background: #fff9e6; padding-bottom: 50px; } .wrap-g h2 { font-size: 34px; line-height: 92px; color: #b9722f; text-align: center; } .wrap-g .container { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/map-m.jpg") no-repeat top left; height: 388px; } .wrap-g .container .content { background: #fff; border: 5px #ffe4cb solid; box-sizing: border-box; padding: 20px; width: 560px; float: right; min-height: 388px; } .wrap-g .container .content .tit-m { width: 100%; font-size: 22px; line-height: 24px; color: #ffe400; text-align: center; background: #ff6600; padding-bottom: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 20px !important; } .wrap-g .container .content .tit-m b { font-weight: bold; font-size: 32px; line-height: 57px; color: #fff; display: block; width: 100%; } .wrap-g .container .content p { text-indent: 2em; font-size: 16px; line-height: 28px; color: #464646; } .wrap-h { background: #fbfcff; background: -moz-radial-gradient(center, ellipse cover, #fbfcff 0%, #f8fbff 49%, #fbfcff 50%, #f8fbff 100%); background: -webkit-radial-gradient(center, ellipse cover, #fbfcff 0%, #f8fbff 49%, #fbfcff 50%, #f8fbff 100%); background: radial-gradient(ellipse at center, #fbfcff 0%, #f8fbff 49%, #fbfcff 50%, #f8fbff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcff', endColorstr='#f8fbff',GradientType=1 ); } .wrap-h .container { background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/h1.jpg") no-repeat center top; height: 549px; width: 1186px; position: relative; } .wrap-h .container .tit-m { width: 550px; position: absolute; top: 30px; text-align: center; font-size: 0; right: 0; } .wrap-h .container .tit-m i { font-size: 60px; line-height: 60px; display: inline-block; color: #f9b23c; margin-right: 5px; } .wrap-h .container .tit-m item { color: #b9722f; font-size: 16px; line-height: 30px; display: inline-block; text-align: left; vertical-align: top; } .wrap-h .container .tit-m item b { font-weight: bold; font-size: 30px; line-height: 30px; display: block; } .wrap-h .container .content { width: 300px; position: absolute; top: 168px; right: 165px; font-size: 16px; line-height: 31px; color: #464646; } .wrap-h .container .content p { display: block; } .wrap-h .container .content span { text-align: right; top: 245px; right: 0px; position: absolute; display: block; width: 100%; } .wrap-service { padding-bottom: 50px; } .wrap-service .container h2 { font-weight: bold; font-size: 30px; line-height: 30px; border-left: 3px #b9722f solid; text-indent: 15px; color: #b9722f; display: block; margin: 26px 0; } .wrap-service .container ul { text-align: justify; display: inline-block; width: 1100px; } .wrap-service .container ul li { display: inline-block; width: 100px; } .wrap-service .container ul:after { content: ''; display: inline-block; width: 100%; } .wrap-service .container ul li { height: 100px; background: #efa764; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: relative; } .wrap-service .container ul li:before { content: ''; background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/liucheng_icon.jpg") no-repeat center; width: 58px; height: 42px; top: 50%; margin-top: -21px; right: -50px; display: block; position: absolute; z-index: -1; } .wrap-service .container ul li a { width: 100%; height: 100%; display: block; overflow: hidden; color: #fff; text-align: center; } .wrap-service .container ul li a .iconfont { font-size: 45px; line-height: 45px; display: block; padding-top: 15px; } .wrap-service .container ul li a span { font-size: 16px; line-height: 30px; display: block; } .wrap-service .container ul li:last-child:before { content: none; } #footer { background: #e8974c; height: 180px; padding: 20px 0; padding-bottom: 60px;} #footer .container { *zoom: 1; background: url("/360szlhmsyycom/templets/ms_new/special/ystdbz/images/foot_qr.png") no-repeat center right; height: 180px; } #footer .container:after { clear: both; content: ''; display: table; height: 0; overflow: hidden; } #footer .container .logo-wrapper { width: 322px; padding-right: 35px; border-right: 1px #f1c194 solid; float: left; height: 180px; text-align: center; } #footer .container .logo-wrapper .logo { display: block; margin-top: 10px; } #footer .container .logo-wrapper .con-list { font-size: 0; margin: 0 auto; display: inline-block; } #footer .container .logo-wrapper .con-list a { text-align: center; color: #fff; padding: 15px 20px 0 20px; display: inline-block; } #footer .container .logo-wrapper .con-list a i { font-size: 40px; line-height: 50px; display: block; } #footer .container .logo-wrapper .con-list a span { font-size: 14px; line-height: 20px; display: block; } #footer .container .content-wrapper { padding-left: 40px; padding-top: 10px; float: left; } #footer .container .content-wrapper .foot-nav { font-size: 16px; line-height: 35px; *zoom: 1; margin-bottom: 25px; } #footer .container .content-wrapper .foot-nav:after { clear: both; content: ''; display: table; height: 0; overflow: hidden; } #footer .container .content-wrapper .foot-nav li { margin-right: 10px; float: left; } #footer .container .content-wrapper .foot-nav li a { width: auto; display: inline-block; padding: 0 10px; background: #b7712e; color: #fff; } #footer .container .content-wrapper .foot-nav li a:hover { background: #fff000; color: #b7712e; } #footer .container .content-wrapper .foot-msg { color: #fff; } #footer .container .content-wrapper .foot-msg p, #footer .container .content-wrapper .foot-msg a { display: block; } #footer .container .content-wrapper .foot-msg p { font-size: 14px; line-height: 26px; } #footer .container .content-wrapper .foot-msg a { color: #fff000; }