.clinic_ct{}
.clinic_ct .artwrap{padding-top: 80px;}
.clinic_ct .artwrap .article{background: #fff; border-radius: 15px; display: flex; justify-content: space-between; margin-bottom: 70px; overflow: hidden; min-height: 380px;}
.clinic_ct .artwrap .article:last-of-type{margin-bottom: 0;}
.clinic_ct .artwrap .article .imgwrap{width:25%; background: #749440; display: flex; justify-content: center; align-items: center; flex-direction: column}
.clinic_ct .artwrap .article.seg_full .segment{width:75%; border-right:none; border-bottom: none;}
.clinic_ct .artwrap .article .segment{width:50%; display: flex; justify-content: center; flex-direction: column; padding:60px 50px; border-right: 1px dashed #ccc;}
.clinic_ct .artwrap .article .segment .clinic_title{font-size: 30px; line-height: 1.5em; color:#222}
.clinic_ct .artwrap .article .segment .text{margin-top: 25px;}
.clinic_ct .artwrap .article .iconwrap{width:25%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.clinic_ct .artwrap .article .iconwrap ul{margin-bottom: 0;}
.clinic_ct .artwrap .article .iconwrap ul li{font-size: 16px; line-height: 1.2em; color:#8c8c8c; display: flex; justify-content: start; align-items: center; margin-bottom: 20px;}
.clinic_ct .artwrap .article .iconwrap ul li:last-of-type{margin-bottom: 0;}
.clinic_ct .artwrap .article .iconwrap ul li div img{height: 45px;}
.clinic_ct .artwrap .article .iconwrap ul li div:first-of-type{margin-right:20px;}

.clinic_ct .artwrap .article .iconwrap::after{display: block; content: ''; width:36px; height: 36px; border-radius: 36px; background: #fcfaf8; position: absolute; top:-18px; left:-18px;}
.clinic_ct .artwrap .article .iconwrap::before{display: block; content: ''; width:36px; height: 36px; border-radius: 36px; background: #fcfaf8; position: absolute; bottom:-18px; left:-18px;}

.clinic_ct .artwrap .article .typewrap{margin-top: 60px;}
.clinic_ct .artwrap .article .typewrap .btnwrap{}
.clinic_ct .artwrap .article .typewrap .btnwrap button{color:#fff; font-size: 16px; line-height: 1.5em; border: none; background: #E1DBCF; padding:8px 25px; border-radius: 50px; font-weight: 600; margin-right:10px; transition: background .4s;}
.clinic_ct .artwrap .article .typewrap .btnwrap button.on{background: #749440;}
.clinic_ct .artwrap .article .typewrap .listwrap{margin-top: 30px;}
.clinic_ct .artwrap .article .typewrap .listwrap ul{display: none; margin-bottom: 0;}
.clinic_ct .artwrap .article .typewrap .listwrap ul.on{display: block;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li{position: relative; padding-left:30px; font-size: 16px; color:#444; font-weight: 300; line-height: 1.7em; margin-bottom: 5px;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li:last-of-type{margin-bottom: 0;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li i{position: absolute; left:0; color:#749440; font-size: 20px;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li span{white-space: nowrap;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li div{display: table-cell;}
.clinic_ct .artwrap .article .typewrap .listwrap ul li div:first-of-type{white-space: nowrap; padding-right:3px; font-weight: 500;}

.clinic_ct .listbtn{}
.clinic_ct .listbtn ul{margin-bottom: 0; display: flex; justify-content: space-between;width: 100%;}
.clinic_ct .listbtn ul li{}
.clinic_ct .listbtn ul li button{border:none; background: none; padding:0; text-align: center; border-right:none; width:100%; color:#444; font-size: 16px;  height: 100%;}
.clinic_ct .listbtn ul li button .imgwrap{background: #E1DBCF; display: flex; justify-content: center; align-items: center; transition: all .4s; width:150px; height: 150px; border-radius: 150px; margin-bottom: 20px;}
.clinic_ct .listbtn ul li button.on .imgwrap{background: #749440 !important;  }
.clinic_ct .listbtn ul li button .imgwrap img{height: 80px;}
.clinic_ct .listbtn ul li button:hover .imgwrap, .clinic_ct .listbtn ul li button:focus .imgwrap, .clinic_ct .listbtn ul li button:active .imgwrap{background: #abcb77}
.clinic_ct .listbtn ul li button div{display: none;}

@media screen and (max-width:1199px) {
	.clinic_ct .artwrap .article .imgwrap img{height: 200px;}
	.clinic_ct .artwrap .article .segment .clinic_title{font-size: 28px;}
	.clinic_ct .artwrap .article .iconwrap ul li{font-size: 15px;}
	
	.clinic_ct .artwrap .article .typewrap .listwrap ul li{font-size: 15px;}
	
	.clinic_ct .listbtn ul li button{font-size:15px;}
	.clinic_ct .listbtn ul li button .imgwrap{width:120px; height: 120px; margin:0 auto; margin-bottom: 20px;}
}

@media screen and (max-width:1000px) {
	.clinic_ct .artwrap .article{min-height: 330px;}
	.clinic_ct .artwrap .article .imgwrap img{height: 160px;}
	.clinic_ct .artwrap .article .segment{padding:30px 40px;}
}

@media screen and (max-width: 780px){
	.clinic_ct .artwrap{padding-top: 0;}
	.clinic_ct .artwrap .article{display: block; width: 70%; margin:0 auto; margin-bottom: 50px;}
	.clinic_ct .artwrap .article:last-of-type{margin-bottom: 0;}
	.clinic_ct .artwrap .article .imgwrap{width:100%; padding:40px;}
	.clinic_ct .artwrap .article .segment{width:100% !important; border-right: none; border-bottom:1px dashed #ccc; text-align: center; padding:50px 40px;}
	.clinic_ct .artwrap .article .segment .clinic_title{font-size: 24px;}
	.clinic_ct .artwrap .article .iconwrap{width:100%;padding:40px;}
	.clinic_ct .artwrap .article .iconwrap::before{bottom:auto; top:-18px; left:auto; right:-18px;}
	.clinic_ct .artwrap .article .iconwrap ul{display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center;}
	.clinic_ct .artwrap .article .iconwrap ul li{font-size: 14px; width:48%; margin-bottom: 20px !important;}
	
	.clinic_ct .artwrap .article .typewrap .listwrap{text-align: left;}
	.clinic_ct .artwrap .article .typewrap .btnwrap button{font-size: 15px; padding:7px 20px; margin-right:8px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li{font-size: 14px; padding-left:25px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li i{font-size: 18px;}
	
	.clinic_ct .listbtn{margin-bottom: 60px}
	.clinic_ct .listbtn ul{flex-wrap:wrap;}
	.clinic_ct .listbtn ul li:nth-of-type(1), .clinic_ct .listbtn ul li:nth-of-type(2), .clinic_ct .listbtn ul li:nth-of-type(3){width:26.33%;}
	.clinic_ct .listbtn ul li:nth-of-type(3) ~ li{width:50%; margin-top: 4%;}
	.clinic_ct .listbtn ul li button{font-size:14px;}
	.clinic_ct .listbtn ul li button div{display: block;}
	.clinic_ct .listbtn ul li button .imgwrap{width:100px; height: 100px; margin-bottom: 10px;}
	.clinic_ct .listbtn ul li button .imgwrap img{height: 60px;}
}

@media screen and (max-width: 620px){
	.clinic_ct .artwrap .article{width: 80%;}
	
	.clinic_ct .artwrap .article .typewrap .btnwrap button{font-size: 14px; padding:6px 17px;  margin-right:7px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li{font-size: 13px;}
}

@media screen and (max-width: 520px){
	.clinic_ct .artwrap .article{width: 90%;}
	.clinic_ct .artwrap .article .imgwrap{padding:8px 30px;}
	.clinic_ct .artwrap .article .imgwrap img{height: 140px;}
	.clinic_ct .artwrap .article .segment{padding:40px 30px;}
	.clinic_ct .artwrap .article .segment .clinic_title{font-size: 22px;}
	.clinic_ct .artwrap .article .segment .text{margin-top: 20px;}
	.clinic_ct .artwrap .article .iconwrap{padding:40px 30px;}
	.clinic_ct .artwrap .article .iconwrap ul li{font-size: 13px;}
	.clinic_ct .artwrap .article .iconwrap ul li div img{height: 35px;}
	.clinic_ct .artwrap .article .iconwrap ul li div:first-of-type{margin-right:10px;}
	
	.clinic_ct .artwrap .article .typewrap .listwrap ul li{margin-bottom: 10px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li div{display: block;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li div span.bot{display: none;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul.tablelist li div{display: table-cell;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul.tablelist li div span.bot{display: inline;}
	
	.clinic_ct .listbtn.m_list .inner{padding:10px 20px 10px 40px;}
	.clinic_ct .listbtn.m_list .inner .list_name{font-size: 16px;}
	.clinic_ct .listbtn.m_list ul li .list_name{font-size: 14px;}
	.clinic_ct .listbtn.m_list .inner .list_name .icon{font-size:18px;}
}

@media screen and (max-width: 420px){
	.clinic_ct .artwrap .article{width:100%;}
	
	.clinic_ct .artwrap .article .segment .clinic_title{font-size: 20px;}
	.clinic_ct .artwrap .article .iconwrap ul{display: block;}
	.clinic_ct .artwrap .article .iconwrap ul li{width:100%;}
	
	.clinic_ct .artwrap .article .typewrap .btnwrap button{font-size: 13px; padding:5px 12px;  margin-right:5px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li{font-size: 12px;}
	.clinic_ct .artwrap .article .typewrap .listwrap ul li i{font-size: 16px;}
	
	.clinic_ct .listbtn ul li button{font-size:13px;}
	.clinic_ct .listbtn ul li button .imgwrap{width:80px; height: 80px;}
	.clinic_ct .listbtn ul li button .imgwrap img{height: 40px;}
}