/*swt end*/ html { font-size: 62.5%; } body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,option,select,textarea,p,blockquote,th,td,a { margin: 0; padding: 0; font-family: "microsoft yahei"; color: #666; } body { margin: 0 auto; max-width: 640px; overflow-x: hidden; } a { text-decoration: none; font-style: normal; font-weight: normal; } ol,ul,li { list-style: none; } img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } 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; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; width: 100%; } q:before,q:after { content: ''; } /*苹果手机input默认样式清除*/ input[type="button"],input[type="submit"],input[type="reset"],input[type='text'] { -webkit-appearance: none; } a { outline-style: none; text-decoration: none; color: #666; -webkit-tap-highlight-color: transparent; } a:hover { text-decoration: none; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: table; clear: both; } .text-over { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } img { max-width: 100%; } .flex { 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 { width: 100%; } .container { width: 96%; margin: 0 2%; } .content { width: 100%; } .center { text-align: center; } .clear { clear: both; } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .title { width: 96%; margin: 0 2% 3% 2%; background: url("/mszlhmsyycom/templets/22222120/special/mspp/images/title_bot.png") repeat-x top left; line-height: 2; font-size: 0.53571429rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; text-align: center; color: #fff; position: relative; background-size: 5%; padding-bottom: 1.5%; display: block; overflow: hidden; z-index: 55; } .title span { color: #fcff00; } .center { padding: 4% 0; } .center a { display: inline-block; width: auto; margin: 0 3%; color: #fff; background: #ff7d39; text-align: center; padding: 0 5%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 0; line-height: 2; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; } .center a:nth-of-type(2) { background: #b78639; } header { width: 100%; } header img { display: block; } header a { width: 53%; display: block; float: left; } header a:nth-of-type(2) { width: 40%; float: right; } .nav { width: 100%; height: auto; padding: 3% 0; background: #c5852b; overflow: hidden; } .nav li { width: 20%; float: left; position: relative; } .nav li:first-child:before,.nav li:first-child:after { content: none; } .nav li:before { content: ''; display: block; width: 1px; height: 100%; top: 0%; background: #c17922; left: 0; position: absolute; } .nav li:after { content: ''; display: block; width: 1px; height: 100%; top: 0%; background: #d19d55; left: 1px; position: absolute; } .nav li a { font: 0.37rem / 1 "microsoft yahei"; color: #fff; text-align: center; display: block; } .banner { position: relative; } .banner a { display: block; width: 17%; height: 10%; background: transparent; position: absolute; right: 30%; top: 60%; } .banner a:nth-of-type(2) { right: 10%; } .hot { width: 96%; margin: 3% 2%; } .hot .sml-title { width: 100%; height: auto; line-height: 1.2; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; border-bottom: 1px #ddd solid; padding-bottom: 1%; color: #c5852b; position: relative; } .hot .sml-title i { display: inline-block; width: 5%; margin-right: 2%; } .hot .sml-title a { display: inline-block; width: 5%; position: absolute; bottom: 5%; right: 0; } .hot .hot-list { width: 100%; margin: 4% 0; } .hot .hot-list li { float: left; width: 20%; position: relative; border: 1px #cbcbcb solid; box-sizing: border-box; border-left: none; } .hot .hot-list li:first-child { border-left: 1px #cbcbcb solid; } .hot .hot-list li a { display: block; color: #333; } .hot .hot-list li img { display: block; margin: 8% auto 0% auto; width: 50%; } .hot .hot-list li span { display: block; width: 100%; text-align: center; line-height: 2.5; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; } .wrap_a item { display: block; width: 100%; margin-bottom: 4%; } .wrap_a item img { float: left; width: 32%; } .wrap_a item .msg { width: 66%; float: right; } .wrap_a item .msg h3 { text-align: center; width: 100%; line-height: 1.7; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #c5852b; } .wrap_a item .msg p { text-align: left; line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #888888; } .wrap_a item:nth-child(2) img { float: right; } .wrap_a item:nth-child(2) .msg { float: left; } .wrap_a h4 { width: 50%; margin: 3% auto; background: url("/mszlhmsyycom/templets/22222120/special/mspp/images/sm-title.png") no-repeat center; background-size: cover; line-height: 1.6; font-size: 0.5rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; text-align: center; color: #fff; } .wrap_a .jk { width: 100%; display: block; line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #333; text-indent: 2em; } .wrap_a .img { margin: 3% 0 6% 0; } .wrap_b { background: url("/mszlhmsyycom/templets/22222120/special/mspp/images/b_bg.jpg") no-repeat top center; background-size: cover; } .wrap_b ul { width: 100%; } .wrap_b ul li { width: 100%; float: left; margin-bottom: 4%; height: 100%; overflow: hidden; position: relative; } .wrap_b ul li:after { content: ''; display: block; width: 69%; right: 0; bottom: 0; position: absolute; border-bottom: 1px #cacaca dashed; height: 1px; } .wrap_b ul li img { display: block; width: 32%; float: left; } .wrap_b ul li .content { width: 66%; float: right; } .wrap_b ul li .content h4 { line-height: 1.6; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #c5852b; text-indent: 0.65rem; } .wrap_b ul li .content p { line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #666; text-indent: 0.65rem; } .wrap_b ul li:last-child { margin-bottom: 1%; } .wrap_b .contact { width: 88%; display: block; margin: 5% auto 0 auto; padding-bottom: 5%; } .wrap_c ul { width: 100%; } .wrap_c ul li { width: 100%; float: left; margin-bottom: 4%; height: 100%; overflow: hidden; position: relative; padding-bottom: 2%; border-bottom: 1px #dddddd solid; } .wrap_c ul li img { display: block; width: 30%; float: left; } .wrap_c ul li .content { width: 68%; float: right; } .wrap_c ul li .content h4 { line-height: 1.6; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #c5852b; text-indent: 0.65rem; } .wrap_c ul li .content p { line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #666; text-indent: 0.65rem; } .wrap_c ul li:last-child { margin-bottom: 5%; } .wrap_c ul li:last-child img { float: right; } .wrap_c ul li:last-child .content { float: left; } .wrap_d { background: #fff0da; background: -moz-linear-gradient(top, #fff0da 0%, #fff4e3 49%, #fff6e8 100%); background: -webkit-linear-gradient(top, #fff0da 0%, #fff4e3 49%, #fff6e8 100%); background: linear-gradient(to bottom, #fff0da 0%, #fff4e3 49%, #fff6e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0da', endColorstr='#fff6e8', GradientType=0); } .wrap_d ul { width: 100%; } .wrap_d ul li { background: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; width: 96%; padding: 2%; margin-bottom: 3%; box-shadow: 0px 2px 2px #a49f98; -webkit-box-shadow: 0px 2px 2px #a49f98; -moz-box-shadow: 0px 2px 2px #a49f98; float: left; } .wrap_d ul li h3 { width: 100%; line-height: 1.5; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #333; display: block; text-align: center; margin-bottom: 0%; padding: 1% 0; } .wrap_d ul li h3 i { display: inline-block; width: 5%; position: relative; top: 2px; margin-right: 5px; } .wrap_d ul li item { width: auto; text-align: center; line-height: 1.6; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #666; display: block; float: left; } .wrap_d ul li item:nth-child(2) { float: left; min-width: 50%; } .wrap_d ul li item:nth-child(3) { float: right; min-width: 50%; } .wrap_d ul li span { text-align: center; width: 100%; display: block; line-height: 1.6; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; } .wrap_d ul li em { color: #ff7d39; font-style: normal; } .wrap_d ul li:nth-of-type(3) item:nth-of-type(1) { min-width: auto; } .wrap_d ul li:last-child { margin-bottom: 1%; } .wrap_e { margin-bottom: 5%; } .wrap_e .doctor_list { position: relative; margin-top: -5%; } .wrap_e .doctor_list .swiper-slide { width: 100%; height: auto; background: url("/mszlhmsyycom/templets/22222120/special/mspp/images/doc_bg.jpg") no-repeat center top; background-size: cover; position: relative; z-index: -1; padding-top: 2%; } .wrap_e .doctor_list .swiper-slide img { width: 40%; left: 2%; position: absolute; bottom: 0; } .wrap_e .doctor_list .swiper-slide .msg { width: 55%; margin-left: 42%; } .wrap_e .doctor_list .swiper-slide .msg .doc_name { line-height: 1.1; font-size: 0.53571429rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; color: #926224; margin-top: 5%; } .wrap_e .doctor_list .swiper-slide .msg em { line-height: 1.1; font-size: 0.35714286rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #926224; } .wrap_e .doctor_list .swiper-slide .msg span { line-height: 1.3; font-size: 0.35714286rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #333; display: block; margin-top: 2%; } .wrap_e .doctor_list .swiper-slide .msg b { line-height: 1.5; font-size: 0.35714286rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; color: #333; margin: 2% 0 0%; display: block; } .wrap_e .doctor_list .swiper-slide .msg p { line-height: 1.5; font-size: 0.35714286rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #666; display: block; } .wrap_e .doctor_list .swiper-slide .msg p a{ color: #926224; } .wrap_e .doctor_list .swiper-slide .msg .btn { width: 100%; } .wrap_e .doctor_list .swiper-slide .msg .btn a { display: block; width: 45%; line-height: 2.4; font-size: 0.35714286rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #fff; background: #ff7d39; text-align: center; float: left; margin: 3% 4% 4% 0; } .wrap_e .doctor_list .swiper-slide .msg .btn a:nth-of-type(2) { background: #b78639; } .wrap_f ul { display: inline-block; width: 100%; text-align: justify; } .wrap_f ul li { display: inline-block; width: 49%; position: relative; margin-top: 2%; } .wrap_f ul li img { display: block; } .wrap_f ul li span { display: block; width: 100%; line-height: 1.2; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #fff; text-align: center; bottom: 0rem; left: 0; position: absolute; padding: 3% 0; } .wrap_f ul li:nth-of-type(1) span { background-color: rgba(255, 73, 73, 0.8); } .wrap_f ul li:nth-of-type(2) span { background-color: rgba(195, 174, 78, 0.8); } .wrap_f ul li:nth-of-type(3) span { background-color: rgba(56, 149, 100, 0.8); } .wrap_f ul li:nth-of-type(4) span { background-color: rgba(57, 193, 205, 0.8); } .wrap_f ul li:nth-of-type(5) span { background-color: rgba(188, 110, 208, 0.8); } .wrap_f ul li:nth-of-type(6) span { background-color: rgba(253, 142, 68, 0.8); } .wrap_f ul:after { content: ''; display: inline-block; width: 100%; } .wrap_f .center { padding-top: 0; padding-bottom: 5%; } .wrap_f .center a { width: 70%; padding: 1% 0%; } .wrap_f .center a span { display: inline-block; background: #fff; padding: 2% 5%; color: #c5852b; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; line-height: 1; position: relative; right: -2%; } .wrap_g { background: #f7f7f7; } .wrap_g .anli_list { width: 100%; position: relative; } .wrap_g .anli_list .swiper-slide { padding-bottom: 12%; } .wrap_g .anli_list .swiper-slide b { line-height: 2; font-size: 0.42857143rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; color: #ff7d39; text-align: center; display: block; } .wrap_g .anli_list .swiper-slide .content { width: 100%; height: auto; } .wrap_g .anli_list .swiper-slide .content p { text-indent: 2em; line-height: 1.5; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; display: block; } .wrap_g .anli_list .swiper-slide .content img { margin: 1% 0; } .wrap_g .anli_list .swiper-pagination-bullet-active { background: #ff7518; } .wrap_gh { padding: 10% 0 5%; } .wrap_gh .container { border: 2px #c5852b solid; box-sizing: border-box; position: relative; padding: 10% 10% 3% 10%; } .wrap_gh .container .b-title { width: 80%; left: 10%; top: -8%; background: #b78639; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; position: absolute; text-align: center; padding: 1% 0 2%; } .wrap_gh .container .b-title b { line-height: 1.6; font-size: 0.42857143rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; color: #fff; display: block; } .wrap_gh .container .b-title em { line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #dfbf8f; } .wrap_gh .container ul li { line-height: 2; font-size: 0.35714286rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #333; margin-bottom: 4%; } .wrap_gh .container ul li input,.wrap_gh .container ul li select,.wrap_gh .container ul li option,.wrap_gh .container ul li textarea { flex: 1; -webkit-flex: 1; border: 1px #ddd solid; display: block; margin-left: 4%; padding: 2%; background: #fff; box-sizing: border-box; } .wrap_gh .container ul li:last-child { width: 80%; margin-left: 20%; } .wrap_gh .container ul li:last-child input { display: inline-block; margin: 0 2%; text-align: center; color: #fff; width: 43%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: #ff8f55; border: none; line-height: 1.5; font-size: 0.42857143rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; } .wrap_gh .container ul li:last-child input:nth-of-type(2) { background: #ce9e54; } footer { background: #2f2f2f; width: 100%; padding: 5% 0 3% 0; } footer .foot_lg { float: left; margin: 0 2%; display: block; width: 30%; position: relative; padding: 4% 0; } footer .foot_lg:after { content: ''; display: block; width: 1px; height: 100%; right: -8%; top: 0; position: absolute; background: #2f2f2f; background: -moz-linear-gradient(top, #2f2f2f 1%, #434343 15%, #434343 90%, #2f2f2f 100%); background: -webkit-linear-gradient(top, #2f2f2f 1%, #434343 15%, #434343 90%, #2f2f2f 100%); background: linear-gradient(to bottom, #2f2f2f 1%, #434343 15%, #434343 90%, #2f2f2f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#2f2f2f', GradientType=0); } footer .foot_con { float: right; width: 60%; line-height: 1.4; font-size: 0.32142857rem; font-weight: normal; font-family: "microsoft yahei"; font-style: normal; color: #666; margin-right: 2%; } footer .foot_con item { margin-top: 3%; display: block; } footer .foot_con p { color: #fff; } footer .foot_con a { color: #ffe400; line-height: 1; font-size: 0.42857143rem; font-weight: bold; font-family: "microsoft yahei"; font-style: normal; display: block; } @media screen and (min-width: 640px) { .wrap_e .doctor_list .swiper-slide { padding-top: 7%; } .title { padding-bottom: 3%; } footer .foot_con a { line-height: 1.4; } } @media screen and (max-width: 435px) { .wrap_e .doctor_list .swiper-slide { padding-top: 4%; } } @media screen and (max-width: 320px) { footer .foot_con a { display: inline; } }