/*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;
}
}