body {

        display: block;

        padding: 0px 0px;

        margin: 0 auto;

        font-size: 16px;

        font-family: '微软雅黑';

        width: 100%;

        max-width: 720px;

    }

	html,body{overflow:hidden;overflow-y:auto;}

    

    a {

        text-decoration: none;

		

    }

	a:link,a:visited{color:#a6445e;text-decoration:none;}

    

    .container {

        display: block;

        width: 100%;

        background: #e4e2d4;

    }

    

    .header-top-layout {

       

        flex-direction: row;

        align-content: center;

        align-items: center;

		height:100px;

    }

    

   

    

    .header-logo-link {

        width: 40%;

        text-align: left;

    }

    

    .header-logo-link img {

        width: 100%;

        height: auto;

        display: inline-block;

        max-width: 300px;

    }

    

    .header-tel-link {

        width: 38%;

     

        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;

		

       

		

    }

    

    .banner-layout {

        display: block;

        position: relative;

    }

    

    .banner-layout .swiper-slide img {

        width: 100%;

        border: none;

    }

    

    .swiper-pagination-bullet {

        background: #ffffff;

    }

    

    .swiper-pagination-bullet-active {

        background: #a6445e !important;

    }

    

    .nav-layout {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        align-content: center;

        padding: 50px 20px;

    }

    

    .nav-item {

        display: inline-block;

        background: #ffffff;

        width: 30%;

		 padding: 10px 10px ;

    }

    

    .nav-item p {

        text-align: center;

       

        color: #9c9c9c;

        font-size: 16px;

        font-weight: bold;

        padding-bottom: 10px;

        margin: 0px 0px;

    }

    

    .nav-item p img {

        display: inline-block;

        width: 100%;

    }

    

    .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: 40px;

		

        border-bottom: 5px solid #f2f2f2;

    }

    

    .news-item-left {

        display: inline-block;

        width: 32%;

    }

    

    .news-item-left img {

        width: 100%;

        max-width: 160px;

    }

    

    .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: 18px;

    }

    

    .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: #a6445e;

        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(../images/process-scrollbar.png) no-repeat !important;

        background-size: 100% !important;

        background-position: center !important;

    }

    

    .case-layout {

        display: block;

        background: #ffffff;

    }

    

    .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: 5px solid #f2f2f2;

    }

    

    .case-item-left {

        display: inline-block;

        width: 32%;

    }

    

    .case-item-left img {

        width: 100%;

        max-width: 90px;

    }

    

    .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") #a6445e;

        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") #a6445e !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: #a6445e;

        border: 1px solid #a6445e;

    }

    

    .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: #a6445e;

        padding: 15px 0px;

        width: 720px;

        color: #ffffff;

        font-size: 18px;

		

    }

    

    .footer-layout {

        background: #373c40;

        display: block;

        margin: 0 auto;

        padding: 25px 20px 50px 20px;

    }

    

    .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: #a6445e;

        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: #a6445e;

        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 strong {

        font-size: 18px;

    }

    

    .footer-address-layout strong,

    .footer-address-item {

        color: #ffffff;

        display: block;

        letter-spacing: 1px;

    }

	

	

	

	

	

	  .nav-about {

		  float:left;

		  margin:0px 0px;

		  width:170px;

    }

    

    .nav-aboutus {

        display: inline-block;

		float:right;

		margin-top:10px;

		

		

    }

	

	

	.bg{

		display: inline-block;

		background-image:url(../images/bg.png);

		margin:50px 0px;

		width:100%;

		height:360px;}

		

	.bg p{

		float:right;

		padding-right:25px;

		padding-top:30px;

		width:50%;

		font-size:14px;

		line-height:28px;

		color:#fff;}

		

		

		

		

	.yy{

		margin:0px 0px;

		text-align:center;}

		.yy h1{

			font-size:32px;

			color:#a84862;

			letter-spacing: 10px;}

			.yy p{

			font-size:14px;

			color:#303030;

			letter-spacing: 10px;

			margin-bottom:50px;}

			

			

			

			.yltd{

				background-image:url(../images/ysbg1.png);

				width:100%;

				height:178px;

				

				float:right;

				}

				

				.yltd h2{

					font-size:18px;

					color:303030;

					text-align:center;

					line-height:20px;}

					

					.yltd p{

						text-indent:2em;

					font-size:12px;

					line-height:24px;

					color:303030;

					float:right;

					padding-right:100px;

					width:440px;}

					

					

					

					.qqfw{

				background-image:url(../images/ysbg2.png);

				width:100%;

				height:178px;

				float:left;

				

				}	

				.qqfw h2{

					font-size:18px;

					color:303030;

					text-align:center;

					line-height:20px;}

					

					.qqfw p{

						text-indent:2em;

					font-size:12px;

					line-height:24px;

					color:303030;

					float:right;

					padding-right:100px;

					width:470px;}

					

					

						.jslx{

				background-image:url(../images/ysbg3.png);

				width:100%;

				height:178px;

				margin-bottom:50px;

				float:right;

			

				}	

				.jslx h2{

					font-size:18px;

					color:303030;

					text-align:center;

					line-height:20px;}

					

					.jslx p{

						text-indent:2em;

					font-size:12px;

					line-height:24px;

					color:303030;

					float:right;

					padding-right:100px;

					width:470px;}

					

					

	/*列表*/

  .tg_pages{ padding-top: 50px; padding-bottom: 10px; text-align: center; } 

.tg_pages li{ display: inline; line-height: 22px;color:#a84863;} 

.tg_pages li a{ margin-right: 5px; padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px;color:#a84863;  } 

.tg_pages li a:hover{color:#a84863;}

.thisclass { font-weight: bold; color: #a84863; }				

		/*内容页*/			

.pre{ float:left; padding-left:20px;line-height:1.5; color:#6c6c6c;}

.pre a{ color:#6c6c6c;}

.pre a:hover{ color:#a84863; }



/*留言*/



.liuyan { overflow:hidden; width:94%; padding:0 3%; padding-bottom:1em;}



.liuyan .top{ width:100%;padding:1em 0; background:url(../images/nav_bg.png) repeat center; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}



.liuyan h2{ font-size:1.6em; color:#fff;}



.liuyan h2 em{ font-size:0.8em;}



.liuyan .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}



.liuyan .top i{ display:block; width:1em; height:1em; background:url(../images/nav_bg.png) repeat center; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}



.liuyan .lybox { padding:1.25em 0; overflow:hidden; width:100%; position:relative; background-color:#fff;font-size:1.6em;}



.liuyan .lybox i{ display:block; width:1em; height:1em; background:url(../images/news_bg.png) repeat center; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}



.liuyan input{ overflow:hidden; width:73%; padding-left:12%; height:2.5em; line-height:2.5em; border:1px solid #a84862; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#a84862;}



.liuyan select { background:none;overflow:hidden; width:85%; padding-left:2%; height:2.5em; line-height:2.5em; border:1px solid #a84862; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#a84862;}



.liuyan .name{ background:url(../images/liuyan01.png) no-repeat left center; background-size:13%;}



.liuyan .phone{ background:url(../images/liuyan02.png) no-repeat left center; background-size:13%;}



.liuyan .mianji{ background:url(../images/liuyan03.png) no-repeat left center; background-size:13%;}



.liuyan textarea { overflow:hidden; padding:0.3em 2% 0.3em 12%; width:71%; height:7.5em; resize:none;  border:1px solid #a84862; margin:0 auto; display:block; font-size:0.9em; color:#a84862; background:url(../images/liuyan04.png) no-repeat left top; background-size:13%;}



.liuyan .lybox span{ display:block; width:85%; margin:0 auto; padding:1.25em 0; background-color:#a84862; font-size:1.2em; color:#fff; text-align:center; border:1px solid #a84862;}



.tj{ height:auto !important; line-height:normal !important; border: none !important; color:#fff !important;    display: block;

    width: 85% !important;

    margin: 0 auto;

    padding: 1.25em 0;

    background-color: #a84862;

    font-size: 1.6em;

    text-align: center; padding-left:0 !important}

	

 #boxes div { 

  display: -webkit-box; 

  display: -ms-flexbox; 

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; 

  -webkit-box-pack: center; 

      -ms-flex-pack: center; 

          justify-content: center;

		  

}

 #boxes a { 

  font-size:2em; color:#fff;

}





#boxes {

  counter-reset: number;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}



@media (max-width: 640px) {

  #boxes {

    grid-template-columns: repeat(2, 1fr);

  }

}



#boxes div {

  counter-increment: number;

  width: 220px;

  height: 220px;

  min-width: 5em;

  min-height: 5em;

  -webkit-transition: .5s all ease;

  transition: .5s all ease;

  background: var(--color, #aaa);

  border: 0 solid transparent;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  border-radius: 50%;

  margin: .5em;

  opacity: .7;

  --dx: calc(var(--size) - var(--x));

  --dy: calc(var(--size) - var(--y));

}



body:not([style]) #boxes div:first-child {

  --x: 84;

  --y: 75;

  --size: 128;

}



body:not([style]) #boxes div:first-child,

#boxes div:hover {

  opacity: 1;

  cursor: pointer;

  border: calc(2px + .85vw) solid rgba(255, 255, 255, .5);

  -webkit-transition:

    .5s background-color ease,

    .2s border ease;

  transition:

    .5s background-color ease,

    .2s border ease;



  border-radius:

    calc(var(--x) / var(--size) * 100%) 

    calc(var(--dx) / var(--size) * 100%)

    calc(var(--dx) / var(--size) * 100%) 

    calc(var(--x) / var(--size) * 100%) / 

    calc(var(--y) / var(--size) * 100%) 

    calc(var(--y) / var(--size) * 100%) 

    calc(var(--dy) / var(--size) * 100%) 

    calc(var(--dy) / var(--size) * 100%) 

}



 #boxes div:first-child:after,

#boxes div:after {

  

  color: rgba(255, 255, 255, 0);

  font-size: calc(1vw + 1.2em);

  font-weight: 400;

  -webkit-transition: all .2s ease;

  transition: all .2s ease;

  -webkit-transition-delay: .1s;

          transition-delay: .1s;

  -webkit-transform: translate3d(0, -.5em, 0);

          transform: translate3d(0, -.5em, 0);

}



body:not([style]) #boxes div:first-child:after,

#boxes div:hover:after {

  color: rgba(255, 255, 255, .7);

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}