/* CSS Document */ *{ padding:0; margin:0;} html{ font-size:100%;} body{ font-size:10px; line-height:1.6em;font-family:"Microsoft YaHei"; line-height:18px; color:#666;margin:0;padding:0; letter-spacing:0px; background-color:#fff;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,label,table,tbody,tr,td{margin:0;padding:0;} td{ vertical-align:top;} .wb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .wr{word-wrap: break-word; word-break: normal; } img{ border:0; } ul,li,ol,ul { list-style-type:none;} h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;} input,button,textarea,select{ } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; outline:none; border:none;} input{ background:none; border:none;outline:none;} input[type="button"],input[type="text"]{ vertical-align:top; outline:none;} input[type="button"]::-moz-focus-inner{ border:none;} em,b,i{ font-style:normal; font-weight:normal;} a{outline-style:none;} a:link { color:#666; text-decoration: none} a:visited { color:#666; text-decoration: none} a:hover { color:#666; text-decoration: none} a:active { color:#666; text-decoration: none} .white { color:#fff;} .white a:link { color:#fff;} .white a:visited { color:#fff;} .white a:hover { color:#fff;} .white a:active { color:#fff;} .tac { text-align:center;} .clear{clear:both;}/*ie and firefox1.5 updata */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } * html>body .clearfix { display:inline-block; width:100%; } * html .clearfix { height:1%; /* End hide from IE-mac */} *+html .clearfix { min-height:1%; } #clear{clear:both;} .wrapper{ position:relative; width:100%; margin:0px auto; max-width:640px; min-width:320px;} /*头部*/ .header { margin:0px auto; /*width:93.75%; */height:5em; background-color:#cc2952; overflow:hidden;} .header .h_tel { float:right; display:table; height:64%; line-height:1.2em; margin:2.1% 1.8% 0px 0px; width:9em; border-radius:8px; padding-left:3.6em; background:#fff url("/mszlhmsyycom/images/index_new2/h_tel.gif") 0.8em center no-repeat; background-size:contain; } .header .h_tel a { display:table-cell; vertical-align:middle; color:#ce2953;} .header .logo { height:64%; margin:2.1% 0px 0px 1.8%; width:45%;} .header .logo img { height:100%;} .nav { margin:1.7% auto;} .nav span { display:inline-block; width:20%; text-align:center; font-size:1.5em; line-height:2em; line-height:2em; background-color:#fa599c;} .banner { margin:0px auto;} .banner img { display:block; width:100%;} .serchs { position:relative; margin:3.3% auto; width:93.75%; } .serchs input { width:65%; padding-right:10%; font-size:1.2em; height:2em; line-height:1.6em;border:1px solid #eaeaea; border-right:none;font-family:"Microsoft YaHei"; background:url("/mszlhmsyycom/images/index_new2/search.gif") 3% center no-repeat; background-size:contain; color:#666; text-indent:2.2em;} .serchs button { display:block; z-index:2; position:absolute; right:0px; top:0px; width:30%; font-size:1.2em; height:100%;line-height:2em; color:#fff; background-color:#d1314d; border-radius:100px;font-family:"Microsoft YaHei";padding:1px;} /*快速导航*/ .q_nav { clear:both; position:relative; width:93.75%; margin:0px auto 1.7%;} .q_nav a { float:left; _display:inline; width:22.525%; margin-right:3.3%; text-align:center;} .q_nav a:nth-of-type(4n){ margin-right:0px;} .q_nav a div { margin:0px auto; border:1px;background-color:#ffe7e7; border:1px solid #eeb5bf; border-radius:5%; overflow:hidden;} .q_nav a div img { width:100%;border-radius:5%;} .q_nav a h6 { font-size:1.3em; line-height:1.6em; padding-bottom:10%; text-align:center;} /*优惠活动*/ .discount { width:93.75%; margin:0px auto 3.3%;} .discount ul { padding-top:6.6%;} .discount ul li { width:100%; display:table; border-bottom:1em solid #fff;} .discount ul li .left { font-size:1.3em; display:table-cell; width:20%; text-align:center; vertical-align:middle; color:#fff; background-color:#d1314d;} .discount ul li .right { font-size:1.2em; width:74%; padding:0px 1% 0px 5%; display:table-cell; background-color:#f8f5ee; text-align:left; font-size:1em; line-height:1.4em; height:6em;vertical-align:middle;} .discount ul li .right span { color:#f50000;} .tit { font-size:1.6em; line-height:2em; border-bottom:1px solid #e9e9e9; color:#333;} .tit01 { color:#ff8400;} .tit span { float:left; height:1.5em; margin:0.25em 0.5em 0px 0px;} .tit span img { height:100%;} .btn { clear:both; text-align:center;} .btn a { display:inline-block; text-align:center; font-size:1.3em; width:50%; height:2em; line-height:2em; background-color:#d1314d; border-radius:1em;} /*特色科室*/ .keshi { width:93.75%; margin:0px auto;} .keshi_project .js_tit { cursor:pointer; margin-bottom:3%; margin-top:5%; overflow:hidden;} .keshi_project .js_tit .left { width:50%; font-size:3em; height:1em; padding-bottom:2%;} .keshi_project .js_tit .left img { height:1em;} .keshi_project .js_tit .right { float:right; overflow:hidden; font-size:1.6em; height:1em; width:1em; line-height:1em; margin-top:0.5em; font-weight:bold; text-align:center; color:#fff; background-color:#f00; border-radius:1em;} .keshi_project .js_con span { font-size:1.3em; display:inline-block; width:24%; margin-right:1.3%; margin-bottom:1.3%; text-align:center;} .keshi_project .js_con span:nth-of-type(4n){ margin-right:0px;} .keshi_project .js_con span a { display:block; height:2em; line-height:2em; border:1px solid #e4e4e4;} .keshi_project .js_con span a:link { background-color:#fff;} .keshi_project .js_con span a:visited { background-color:#fff;} .keshi_project .js_con span a:hover { background-color:#ff9acc; color:#fff;} .keshi_project .js_con span a:active { background-color:#ff9acc;} .keshi_project .js_con div:nth-of-type(1){ padding-bottom:3%;} .keshi_project li:nth-of-type(1) .js_tit { border-bottom:2px solid #87a970; } .keshi_project li:nth-of-type(2) .js_tit { border-bottom:2px solid #c9654b; } .keshi_project li:nth-of-type(3) .js_tit { border-bottom:2px solid #c18d56; } .keshi_project li:nth-of-type(4) .js_tit { border-bottom:2px solid #4ca5c7; } .keshi_project li:nth-of-type(1) .js_tit .right { background-color:#87a970; } .keshi_project li:nth-of-type(2) .js_tit .right { background-color:#c9654b; } .keshi_project li:nth-of-type(3) .js_tit .right { background-color:#c18d56; } .keshi_project li:nth-of-type(4) .js_tit .right { background-color:#4ca5c7; } /*医师团队*/ .teams { clear:both; width:93.75%; margin:6.6% auto;} .teams .w_banner {height: auto;margin:3% auto 0%;min-width: 320px;max-width: 640px;} .teams .w_banner img{ width: 100%;} .doc_project { margin:4% auto; height:56.7%;} .doc_project .swiper-slide { position:relative;} .doc_project .swiper-slide .pic { width:100%;} .doc_project .swiper-slide .pic img { width:100%;} .doc_project .swiper-slide .jieshao {width: 53%; height: 94%; position: absolute; right: 9%; top: 3%; background: #fff; border-radius: 5px;} .doc_project .swiper-slide .jieshao span{width: 96%;border-bottom: 1px #e7e6e6 solid;font:1.2em/1.2 "microsoft yahei";color: #333;display: block;letter-spacing: -1px;font-weight: bold;padding: 2% 0;overflow: hidden;white-space: nowrap;text-indent: 2%;font-size:1.4em;} .doc_project .swiper-slide .jieshao item{width: 94%;font:1em/1.6 "microsoft yahei";color: #d08d00;display: block;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 2%;font-size:1.2em;} .doc_project .swiper-slide .jieshao item:before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 100%;background: #d08d00;top: -2px;position: relative;margin: 0 2px;} .doc_project .swiper-slide .jieshao p{width: 93%;padding: 2% 0 0% 3%;font:1em/1.5 "microsoft yahei";color: #666;border-top: 1px #e7e6e6 solid;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow: hidden;margin-bottom: 2%;font-size:1.2em;} .doc_project .swiper-slide .jieshao p font{display: inline-block;width: auto;padding:1px 2%;background: #874da1;border-radius: 2px;margin-right: 5px;color: #fff;position: relative;line-height: 1.5;} .doc_project .swiper-slide .jieshao p font:after{content: '';border: 5px transparent solid;border-left: 5px #874DA1 solid;position: absolute;right:-8px;top: 50%;margin-top: -5px;display: inline-block;} .doc_project .swiper-slide .jieshao a{display: block;width: 40%;text-align: center;color: #fff;font:1.2em/2 "microsoft yahei";border-radius: 5px;background: #f4750e;bottom: 2%;padding:1.0% 0.3%;} .doc_project .swiper-slide .jieshao a.bnt_a{position: absolute;left: 7%;} .doc_project .swiper-slide .jieshao a.bnt_b{position: absolute;right: 7%;} @media screen and (max-width:320px){ .doc_project{font-size: 9px;} .doc_project .swiper-slide .jieshao p{-webkit-line-clamp:3;line-height: 1.4;} } @media screen and (min-width:320px) and (max-width:349px) { .doc_project .swiper-slide .jieshao span{font: 1.2em/1.3 "microsoft yahei";} .doc_project .swiper-slide .jieshao p,.doc_project .swiper-slide .jieshao item{font: 0.9em/1.3 "microsoft yahei";} } @media screen and (min-width:640px){ .doc_project{font-size: 18px;} .doc_project .swiper-slide .jieshao span{width: 93%;padding-left: 3%;} .doc_project .swiper-slide .jieshao item{width: 92%;padding: 1% 0 1% 4%;} .doc_project .swiper-slide .jieshao p{width: 92%;padding-left: 4%;line-height: 1.6;} .doc_project .swiper-slide .jieshao a{bottom: 5%;} } @media screen and (max-width:414px){ .doc_project{font-size: 13px;} } @media screen and (max-width:375px){ .doc_project{font-size: 10px;} .doc_project .swiper-slide .jieshao p{line-height: 1.5;} } /*底部*/ .f_nav { width:93.75%; margin:0px auto;} .f_nav ul li { font-size:1.3em; float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; text-align:center;} .f_nav ul li:nth-of-type(4n){ margin-right:0px;} .f_nav ul li a { display:block; height:2em; line-height:2em; border:1px solid #e4e4e4;} .f_nav ul li a:link { background-color:#fff;} .f_nav ul li a:visited { background-color:#fff;} .f_nav ul li a:hover { background-color:#ff9acc; color:#fff;} .f_nav ul li a:active { background-color:#ff9acc;} .f_bottom { width:93.75%; margin:3.3% auto 1.7%;} .f_bottom_tel { height:3.6em; line-height:3.6em; background-color:#e55658; border-radius:0.5em; text-align:center;} .f_bottom_tel a { display:inline-block;} .f_bottom_tel a strong { float:left; font-size:2em;} .f_bottom_tel p { float:left; font-size:1.4em; line-height:1.2em; padding-top:0.4em; text-align:left; margin-left:0.5em;} .f_bottom_tel p span { font-size:0.3em; line-height:1.2em;} .b_map { position:relative; margin:1.8% auto 0px;} .b_map .pic { width:60%; margin-left:5%} .b_map .pic img { display:block; width:100%;} .b_map .txt { position:absolute; left:52%; top:8%; font-size:1em; line-height:1.2em;} .b_map .txt strong { display:inline-block; font-size:1.5em; line-height:1.1em;} .b_map .txt p { margin-bottom:0.3em;} .b_map .gotop { z-index:2; position:absolute; right:33%; bottom:1px; width:25%; height:25%;} .tezhu { text-align:center; font-size:0.8em;} @media screen and (min-width:640px) { body { font-size:18px;} } @media screen and (min-width:568px) and (max-width:639px) { body { font-size:16px;} } @media screen and (min-width:414px) and (max-width:567px) { body { font-size:13px;} .q_nav a h6 { font-size:1.2em;} } @media screen and (min-width:384px) and (max-width:413px) { body { font-size:12px;} } @media screen and (min-width:351px) and (max-width:383px){ body { font-size:10px;} } @media screen and (max-width:350px) { body { font-size:10px;} } @media screen and (max-width:400px) { .f_bottom_tel a p span { font-size:8px !important;} } @media screen and (min-width:401px) and (max-width:480px) { .f_bottom_tel a p span { font-size:10px !important;} } @media screen and (max-width:480px) { .doc_project .swiper-slide .jieshao { font-size:8px;} .swiper-button-next,.swiper-button-prev{ width:14px;height:14px;margin-top:-7px;} .swiper-pagination-bullet{ border:2px solid #c2c2c2; } .swiper-pagination-bullet-active{ border:2px solid #fff;} .header .h_tel { font-size:10px;} } @media screen and (min-width:481px) { .doc_project .swiper-slide .jieshao { font-size:14px;} .header .h_tel { font-size:18px;} } /*body_bottom .body_bottom{ z-index: 999; position:fixed;bottom:0;background:url("/mszlhmsyycom/images/index_new/bottom.png") no-repeat;height:119px;width:100%;background-size:100% 119px;} .body_bottom li{float:left;width:20%;} .body_bottom li a{display:block;width:95%;margin:0 auto;height:100px;text-align:center;} .body_bottom li a img{margin-top:37px;}*/ body { padding-bottom:50px !important;} @media (min-width:320px) and (max-width:480px){ /*.body_bottom{height:87px !important}*/ body { padding-bottom:50px !important;} } /*圆形菜单*/ .none{ display:none; } .circlemenu { position:fixed; border-left:1px solid transparent; bottom:100px; left:5%; z-index:99; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transform:translate3d(0,0,0); } .circlemenu .tpbtn,.circlemenu .iconwsb,.circlemenu .iconlogis,.circlemenu .iconww,.circlemenu .iconcar,.circlemenu .tpicons,.circlemenu .cart span { background:url("/mszlhmsyycom/images/sprite1.png") no-repeat; -webkit-background-size:195px 274px; } .circlemenu .more .bg,.circlemenu .logis .bg,.circlemenu .ww .bg,.circlemenu .individ .bg,.circlemenu .car .bg,.circlemenu .search .bg,.circlemenu .tplogo .bg { background:url("/mszlhmsyycom/images/sprite2.png") no-repeat; -webkit-background-size:216px 212.5px; } .circlemenu .tpbtn { position:relative; width:54px; height:54px; } .circlemenu .tpbtn.on { background-position:1px -197px; } .circlemenu .tpbtn.off { background-position:-55.2px -197px; } .circlemenu .tpbtn.off .num { display:none; } .circlemenu .tpbtn .num { position:absolute; right:0; top:3px; width:18px; height:18px; line-height:18px; font-size:.86rem; text-align:center; color:#f40; font-weight:700; background-color:rgba(255,255,255,.8); border-radius:200px; -webkit-border-radius:200px; } .circlemenu .tpbtn div { position:absolute; left:8px; top:8px; width:40px; height:40px; overflow:hidden; border-radius:200px; -webkit-border-radius:200px; } .circlemenu .tpbtn ul { position:absolute; left:0; top:0; height:100%; overflow:hidden; } .circlemenu .tpbtn ul li { width:40px; height:40px; float:left; overflow:hidden; } .circlemenu .tpbtn .iconwsb { background-position:-107px -203px; } .circlemenu .tpbtn .iconlogis { background-position:-148px -198px; } .circlemenu .tpbtn .iconww { background-position:-106px -238px; } .circlemenu .tpbtn .iconcar { background-position:-146px -236px; } .circlemenu .tpbtn .iconact { -webkit-animation:iconaction .2s linear 5; } @-webkit-keyframes iconaction { 0% { margin-top:0; } 50% { margin-top:5px; } 100% { margin-top:0; } }.circlemenu .circle { position:absolute; left:70%; bottom:30px; width:195px; height:195px; overflow:hidden; -webkit-transition:all linear .15s; } .circlemenu .circle.show { opacity:1; -webkit-transform:translate(0px,0) scale(1); pointer-events:auto; } .circlemenu .circle.hide { opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none; } .circlemenu .tpicons { position:absolute; right:0; top:0; width:195px; height:195px; overflow:hidden; } .circlemenu .tpicons ul li { position:absolute; } .circlemenu .tpicons a { display:inline-block; position:absolute; width:40px; height:30px; } .circlemenu .tpicons a .num { position:absolute; width:15px; height:15px; font-size:.86rem; text-align:center; background:#f40; color:#fff; border-radius:200px; -webkit-border-radius:200px; } .circlemenu .tpicons a+.bg { display:block; height:100%; background-position:-100px 100px } .circlemenu .tpicons .more { right:22px; bottom:9px; width:76px; height:64px; } .circlemenu .tpicons .more a { top:20px; left:10px; } .circlemenu .tpicons .more a:hover+.bg { background-position:0 0; } .circlemenu .tpicons .logis { left:22px; bottom:10px; width:78px; height:63px; } .circlemenu .tpicons .logis a { top:20px; left:30px; } .circlemenu .tpicons .logis a .num { top:-3px; left:-8px; } .circlemenu .tpicons .logis a:hover+.bg { background-position:-80px 0; } .circlemenu .tpicons .ww { left:9px; top:54px; width:51px; height:91px; } .circlemenu .tpicons .ww a { top:30px; left:0; } .circlemenu .tpicons .ww a .num { top:0; left:8px; } .circlemenu .tpicons .ww a:hover+.bg { background-position:-165px 0; } .circlemenu .tpicons .individ { left:20px; top:10px; width:79px; height:67.5px; } .circlemenu .tpicons .individ a { top:15px; left:25px; } .circlemenu .tpicons .individ a:hover+.bg { background-position:0 -67.5px; } .circlemenu .tpicons .car { right:20px; top:10px; width:77px; height:69px; } .circlemenu .tpicons .car a { top:15px; left:15px; } .circlemenu .tpicons .car a .num { top:0; left:18px; } .circlemenu .tpicons .car a:hover+.bg { background-position:0 -140px; } .circlemenu .tpicons .search { right:10px; top:56px; width:51px; height:91px; } .circlemenu .tpicons .search a { top:25px; left:10px; z-index:99; } .circlemenu .tpicons .search a:hover+.bg { background-position:-165px -95px; } .circlemenu .tplogo { position:absolute; left:58px; top:58px; width:81px; height:82px; } .circlemenu .tplogo a { position:absolute; left:15px; top:15px; display:block; width:50px; height:50px; background-position:-100px 100px; text-indent:-999px; z-index:1; } .circlemenu .tplogo a+.bg { position:absolute; width:82px; height:82px; left:0; top:0; background-position:-100px 100px; z-index:0; } .circlemenu .tplogo a:hover+.bg { background-position:-84px -67px } #fullscreen { width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:.2; -webkit-transform:translate3d(0,0,0); z-index:97; } /*新添加分类栏*/ #newColumn{ margin-left:auto; margin-right:auto; width:320px; font-size:12px;margin-bottom: 15px;} #newColumn h4{ float:left; clear:both; padding-left:10px; *margin-top:10px; width:310px; height:34px; line-height:34px; background-color:#5ebd01; color:#fff; font-weight:normal; font-size:12px;} #newColumn h4 a{ padding-left:150px; color:#fff; text-decoration:none;} #newColumn ul{ clear:both; float:left; width:320px; padding-top:10px;} #newColumn ul li{ float:left; margin-left:13px; margin-bottom:10px; display:inline; width:88px; height:28px; line-height:28px; text-align:center; border:1px #5ebd01 solid;} #newColumn ul li a{text-decoration:none; color:#666;} #newColumn em{ float:left; display:block; clear:both; *margin-top:10px; width:320px; height:35px; background:url("/mszlhmsyycom/images/pic_btn_tel.jpg") #dcdcdc no-repeat;} #newColumn em a{ display:block; height:35px; font-size:22px; padding-right:17px; text-align:right; font-style:normal; font-weight:bold; font-family:"微软雅黑"; color:#5ebd01; text-decoration:none; line-height:35px;} /*add_btn*/ .add_btn{width:90%;margin:3% auto;overflow:hidden;background-color:#F8F5EE;padding:1.875%} .add_btn a{display:block;width:48%;float:left;} .add_btn a:nth-child(2){margin-left:4%;} .add_btn a img{width:100%;}