body {
        display: block;
        padding: 0px 0px;
        margin: 0 auto;
        font-size: 16px;
        font-family: '微软雅黑';
        width: 100%;
        max-width: 640px;
    }
	html,body{overflow:hidden;overflow-y:auto;}
    
    a {
        text-decoration: none;
    }
	a:link,a:visited{color:#429acf;text-decoration:none;}
    
    .container {
        display: block;
        width: 100%;
        /* background: #f2f2f2; */
    }
    
    .header-top-layout {
        /* display: flex; 0618*/
		height:60px;/*0618*/
        flex-direction: row;
        align-content: center;
        align-items: center;
    }
    
    .header-top-layout a {
        display: inline-block;
        text-align: center;
        width: 100%;
        font-size: 20px;
        line-height: 45px;
        font-weight: 600;
    }
    
    .header-logo-link {
        width: 40%;
        text-align: left;
		/*0618 code below*/
		float:left;
		margin-left:10px;
		margin-top:5px;
    }
    
    .header-logo-link img {
        width: 100%;
        height: auto;
        display: inline-block;
        max-width: 200px;
    }
    
    .header-tel-link {
		float:right;
		margin-right:10px;
		margin-top:8px;
		/*0618 code above*/
        width: 38%;
        text-align: center;
        border: 1px solid #bdbdbd;
        border-radius: 25px;
        display: flex !important;
        flex-direction: row;
        align-items: center;
    }
    
    .header-tel-link img {
        width: 35px;
        height: 35px;
    }
    
    .header-tel-number {
        color: #54626c;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
    }
    
    .header-btn-link {
        width: 20%;
        text-align: right;
    }
    
    .header-btn-link img {
        display: inline;
        width: 35px;
        height: 35px;
    }
    
    .banner-layout {
        display: block;
        position: relative;
		width:100%;
    }
    
    .banner-layout .swiper-slide img {
        width: 100%;
        border: none;
    }
    
    .swiper-pagination-bullet {
        background: #ffffff;
    }
    
    .swiper-pagination-bullet-active {
        background: #429acf !important;
    }
    
    .nav-layout {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        /* padding: 20px 20px; */
        background: #fff;
    }
    
    .nav-item {
        display: inline-block;
        background: #ffffff;
        width: 24%;
    }
    .nav-item a{
		color: #9c9c9c;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
	}
    .nav-item p {
        text-align: center;
        /* border: 1px solid #bdbdbd; */
        color: #9c9c9c;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px 0;
        margin: 0px 2px;
    }
    
    .nav-item p img {
        display: inline-block;
        width: 50%;
    }
    
    .new-layout {
        display: inline-block;
        /* position: relative; */
        background: #ffffff;
        width: 100%;
    }
    
    .news-top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        /* padding: 20px; */
        border-bottom: 5px solid #f2f2f2;
    }
    
    .news-top-litpic {
        display: inline-block;
        width: 50%;
    }
    
    .news-top-litpic img {
        width: 100%;
    }
    
    .news-top-txt {
        width: 50%;
        display: inline-block;
    }
    
    .news-top-txt p {
        margin-top: 0px;
        padding-left: 20px;
    }
    
    .news-top-pubdate {
        display: flex;
        justify-content: space-between;
        color: #9c9c9c;
        margin-bottom: 0px;
    }
    
    .news-top-title {
        font-weight: bold;
    }
    
    .news-top-more {
        font-size: 20px;
    }
    
    .news-top-info {
        display: inline-block;
        width: 100%;
        color: #bdbdbd;
        line-height: 25px;
        font-size: 14px;
        text-align: justify;
    }
    
    .news-item {
        display: flex;
        flex-direction: row;
        background: #ffffff;
        padding: 10px;
        border-bottom: 1px solid #e9e9e9;
    }
    
    .news-item-left {
        display: inline-block;
        width: 32%;
		overflow:hidden;
    }
    
    .news-item-left img {
        width: 100%;
    }
    
    .news-item-right {
        display: inline-block;
        width: 68%;
    }
    
    .news-item-pubdate {
        float: right;
        font-size: 14px;
        color: #9c9c9c;
    }
    
    .news-item-title,
    .news-item-desc {
        padding-left: 10px;
    }
    
    .news-item-title { 
        word-spacing:normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 3px 0px;
        font-size: 16px;
        width: 100%;
        display: inline-block;
    }
    
    .news-item-desc {
        color: #9c9c9c;
        font-size: 14px;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .news-more {
        display: block;
        text-align: center;
        background: #ffffff;
        font-size: 18px;
        padding: 20px 0px;
        color: #333;
        border-bottom: 5px solid #f2f2f2;
    }
    
    .project-layout {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 20px;
    }
    
    .project-item {
        display: inline-block;
        width: 50%;
    }
    
    .project-item:nth-child(2n+1) p {
        margin-right: 10px;
    }
    
    .project-item:nth-child(2n) p {
        margin-left: 10px;
    }
    
    .project-item p {
        margin-bottom: 10px;
        background: #ffffff;
        border-radius: 20px;
        border: 1px solid #bdbdbd;
        text-align: center;
    }
    
    .project-item p img {
        display: inline-block;
        width: 100%;
    }
    
    .project-item p span {
        display: block;
        width: 100%;
        text-align: center;
        background: #429acf;
        color: #ffffff;
        padding: 5px 0px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    
    .process-layout {
        display: block;
        background: #ffffff;
    }
    
    .process-title {
        display: block;
        padding: 20px 0px;
        text-align: center;
    }
    
    .process-title-cn {
        margin: 0px 0px 10px 0px;
    }
    
    .process-title-en {
        font-size: 14px;
    }
    
    .process-list-layout {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 15px solid #f2f2f2;
        /* background: url(../images/process-bg.png) no-repeat; */
        background-size: 160%;
        background-position: -50px 50px;
    }
    
    .process-list {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    
    .process-item {
        padding: 15px;
        border-radius: 10px;
        background: #f2f2f2;
    }
    
    .process-item hr {
        background: #bdbdbd;
    }
    
    .process-item p {
        color: #6f6f6f;
    }
    
    .swiper-scrollbar-drag {
        background: url(../image/process-scrollbar.png) no-repeat !important;
        background-size: 100% !important;
        background-position: center !important;
    }
    
    .case-layout {
        display: block;
        background: #ffffff;
        /* padding: 0 10px; */
    }
    
    .case-top {
        display: block;
        border-bottom: 5px solid #f2f2f2;
    }
    
    .case-top-line {
        padding: 5px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .news-top-pubdate {
        color: #bdbdbd;
    }
    
    .case-top-more {
        font-size: 20px;
    }
    
    .case-top-litpic {
        width: 100%;
    }
    
    .case-top-title,
    .case-top-desc {
        padding: 0px 20px;
    }
    
    .case-top-desc {
        color: #6f6f6f;
        line-height: 25px;
        font-size: 14px;
    }
    
    .case-item {
        display: flex;
        flex-direction: row;
        background: #ffffff;
        padding: 20px;
        border-bottom: 1px solid #f2f2f2;
    }
    
    .case-item-left {
        display: inline-block;
        width: 32%;
    }
    
    .case-item-left img {
        width: 100%;
        max-width: 90px;
		position:relative;
		top:8%;
    }
    
    .case-item-right {
        display: inline-block;
        width: 68%;
    }
    
    .case-item-pubdate {
        float: right;
        font-size: 14px;
        color: #9c9c9c;
    }
    
    .case-item-title,
    .case-item-desc {
        padding-left: 10px;
    }
    
    .case-item-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 3px 0px;
        font-size: 18px;
    }
    
    .case-item-desc {
        color: #9c9c9c;
        font-size: 14px;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .case-more {
        display: block;
        text-align: center;
        background: #ffffff;
        font-size: 18px;
        padding: 20px 0px;
        color: #333;
        border-bottom: 5px solid #f2f2f2;
    }
    
    .doctor-layout {
        display: block;
        padding: 10px 0px 0px 0px;
    }
    
    .doctor-item img {
        width: 100%;
    }
    /*Swiper原样式 */
    
    .doc-prev {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #429acf;
        border-radius: 5px;
        padding: 5px 0px;
        background-position: 5px 10px !important;
        background-repeat: no-repeat !important;
        background-size: 80% !important;
    }
    /*改变了颜色和加粗的样式*/
    
    .doc-next {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #429acf !important;
        border-radius: 5px;
        padding: 5px 0px;
        background-position: 5px 10px !important;
        background-repeat: no-repeat !important;
        background-size: 80% !important;
    }
    
    .order-layout {
        display: block;
        padding: 20px 0px;
        background: #ffffff;
        border-bottom: 15px solid #f2f2f2;
    }
    
    .order-form {
        margin: 0 auto;
        width: 80%;
    }
    
    .order-form-input,
    .order-form-btn {
        line-height: 35px;
        font-size: 20px;
        width: 100%;
        display: block;
        border-radius: 5px;
        outline: none;
    }
    
    .order-form-input {
        margin-bottom: 15px;
        border: 1px solid #54626c;
        text-indent: 20px;
    }
    
    .order-form-btn {
        text-align: center;
        color: #ffffff;
        background: #429acf;
        border: 1px solid #429acf;
    }
    
    .hospital-layout {
        display: block;
        text-align: center;
        padding: 20px 0px;
        background: #ffffff;
    }
    
    .hospital-layout img {
        width: 100%;
    }
    
    .footer-link-layout {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    
    .footer-link-layout a {
        display: block;
        text-align: center;
        background: #429acf;
        padding: 15px 0px;
        width: 50%;
        color: #ffffff;
        font-size: 18px;
    }
    
    .footer-layout {
        background: #373c40;
        display: block;
        color: #fff;
        padding: 10px;
        text-align: center;
    }
    
    .qrcode-layout {
        display: flex;
        flex-direction: row;
    }
    
    .qrcode-item {
        display: inline-block;
        width: 50%;
        text-align: center;
    }
    
    .qrcode-item-img {
        display: inline-block;
        width: 100%;
        max-width: 120px;
    }
    
    .qrcode-item-txt {
        margin-top: 3px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #429acf;
        font-size: 20px;
    }
    
    .qrcode-item-txt img {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-right: 5px;
    }
    
    .footer-tel-btn {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #429acf;
        font-size: 20px;
        font-weight: bold;
    }
    
    .footer-tel-img {
        display: inline-block;
        margin-right: 5px;
        width: 36px;
        height: 36px;
    }
    
    .footer-address-layout {
        display: block;
        margin: 15px 0px;
    }
    
	.footer-address-layout p{
		font-size:12px;
	}
	
    .footer-address-layout strong {
        font-size: 18px;
    }
    
    .footer-address-layout strong,
    .footer-address-item {
        color: #ffffff;
        display: block;
        letter-spacing: 1px;
    }

	.footer-address-layout a{display:none;}
	.bottom2{
	height:58px; 
	width:100%; 
	max-width:640px; 
	margin:0 auto; 
	position:fixed; 
	display: -webkit-flex; 
    display: flex;  
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-direction: row-reverse; 
    flex-direction: row-reverse; 
    background-color:#fff;
    filter:alpha(Opacity=60);
    -moz-opacity:0.8;
    opacity: 0.8;
    bottom:0px; 
    z-index:9999; 
    overflow:visible;
    text-align:center;
 }
.bottom2 .bottomtel span1{text-align: right;}
.bottom2 .bottomtel a img{width:45%;}
.bottom2 a.bottomtel{ width:17.8%; height:100%; display:block; background:none;position:absolute; top:0; right:17.8%;}
.bottom2 img{ height:auto; width:100%}