@charset "utf-8";
.section {
	clear: both;
	position: relative;
	padding-top: var(--section-padding-tb);
	padding-bottom: var(--section-padding-tb);
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
@media screen  and (max-width: 1280px) {
.section {
	width: 90%;
	clear: both;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
}
}
html,body{
	background-image: url(../img/all/bg-body.jpg);
	background-repeat: repeat;
}
#ad{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	position:relative}
/*wrapper-news========================*/
.wrapper-news{
	clear: both;
	float: left;
	width: 100%;
}
.colnews{
	flex: 0 1 50%;
	background-color: #F8FAF9;
	padding-top: var(--blcok-padding-tb);
	padding-bottom: var(--blcok-padding-tb);
	padding-left:50px;
	padding-right: 50px;
}
.colprogress{ flex: 0 1 50%;padding-left:50px;padding-right: 50px;}
.listnews li{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	font-size: 1em;
	font-weight: bold;
}
.listnews a{color:var( --link-color)}
.listnews a:hover {color:var( --linkhover-color)}

.col-date{flex: 0 0 120px;
margin-right:10px;}
.col-title{flex: 1 1 auto;}
.col-date,.col-title{
	padding:5px}
.progress-item{flex: 1 1 auto;margin:5px;color:#000000}
.progress-item h1{
	font-size:2em;
	font-family:'cwTeXYen', sans-serif;}
.progress-item p{
font-size:1.1em;
font-weight:bold}
.progressnum{
	background-color:var(--sub-color);
	width:200px;
	height:200px;
	text-align:center;
	color:#ffffff;
	flex-wrap:wrap;}
.progressnum h1,.progressnum p{flex: 0 0 100%;}
.progressnum h1{font-size:5em;}
.progress-tel-col-1{
	flex: 1 1 auto;
	font-size:2em;
	font-family: 'cwTeXYen', sans-serif;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	text-align:right;
	padding-right:10px;
	margin-right:10px;
}
.progress-tel-col-2{flex: 1 1 auto;font-size:2em;font-family:'cwTeXYen', sans-serif;font-weight:bold;
margin-left:auto}
@media screen  and (max-width: 1600px) {
	.colnews{
	flex: 0 1 45%;
	padding-left:20px;
	padding-right: 20px;
}
.colprogress{ flex: 0 1 55%;padding-left:20px;padding-right: 20px;}
}
@media screen  and (max-width: 1280px) {
.colnews{
	flex: 0 1 60%;
}
.colprogress{ flex: 0 1 40%}
.progress {flex-wrap:wrap;}
.progress-item {
	flex: 0 1 100%;
	margin: 5px;
	text-align: center;
}
.progressnum {
	margin-right: auto;
	margin-left: auto;
}
}
@media screen  and (max-width: 850px) {
.progressnum{
	width:150px;
	height:150px;
}
.progressnum h1 {
    font-size: 3em;
}
.progress-item h1,.progress-tel-col-1,.progress-tel-col-2{
    font-size: 1.5em;
}
}
@media screen  and (max-width: 650px) {
 .wrapper-news {display:block;}
.colnews{
	width:90%;padding-left:5%;padding-right: 5%;
}
.colprogress{
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	position: fixed;
	z-index: 900;
	left: 0px;
	bottom: 0px;
	-moz-box-shadow:0px 0px 10px #a09d9b;
-webkit-box-shadow:0px 0px 10px #a09d9b;
box-shadow:0px 0px 10px #a09d9b;
}
.progress{
	background-color:#ffffff;}
.progress-item {
    flex: 0 1 auto;
    margin: 5px;
    text-align: center;
}
.progressnum{
	width:80px;
	height:80px;
}
.progressnum h1 {
    font-size: 2em;
}
.progress-item h1,.progress-tel-col-1,.progress-tel-col-2{
    font-size: 1em;
}
.progress-item p{
font-size:0.9em;}
}
@media screen  and (max-width:500px) {
.progress-tel{display:none;}
}
/*wrapper3*/
.wrapper3{
	clear: both;
	float: left;
	width: 100%;
	background-color:#ffffff;
}
.col3-ad{ flex: 1 1 50%;}
.col3-time{ flex: 1 1 50%;
}
table.customTable {
	width: 100%;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #ffffff;
background: #a1c7b4; /* Old browsers */
background: -moz-linear-gradient(left,  #a1c7b4 0%, #a1b5b9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a1c7b4 0%,#a1b5b9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a1c7b4 0%,#a1b5b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c7b4', endColorstr='#a1b5b9',GradientType=1 ); /* IE6-9 */
	text-align: center;
}

table.customTable td, table.customTable th {
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

table.customTable thead {
  background: #30845a; /* Old browsers */
background: -moz-linear-gradient(left,  #30845a 0%, #3f4c6b 100%, #305d64 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #30845a 0%,#3f4c6b 100%,#305d64 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #30845a 0%,#3f4c6b 100%,#305d64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30845a', endColorstr='#305d64',GradientType=1 ); /* IE6-9 */
}
.ad3-2{
	width:100%;
	margin-top:50px;}
@media screen  and (max-width:1520px) {
	.ad3-2{	margin-top:20px;}
	table.customTable td, table.customTable th {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
}
@media screen  and (max-width:1024px) {
	.ad3-2{	margin-top:0px;}
		table.customTable td, table.customTable th {
	padding: 10px;
}
	}
@media screen  and (max-width:900px) {
	table.customTable td, table.customTable th {
	padding: 5px;
}
	}
@media screen  and (max-width:650px) {	
.wrapper3{
	flex-wrap:wrap;
}
.col3-ad{ flex: 0 1 100%;}
.col3-time{ flex: 0 1 100%;
}
}

/*certificate============================================*/
.wrapper-certificate{
	width: 90%;
	float: left;
	clear: both;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: var(--section-padding-tb);
	padding-bottom: var(--section-padding-tb);
	background-image: url(../img/index/bg-certificate.jpg);
	background-repeat: no-repeat;
	background-size:cover;	
}
.section-cetificate{
	clear: both;
	float: left;
	width: 100%;
}
.section-cetificate .col-main{
	flex: 0 1 18%;
	margin-right: 10px;
	margin-left: 10px;
}
.section-cetificate .col-main h2{
	color: #000;
}
.section-cetificate .col-main h4{
	margin-bottom:10px;}
.section-cetificate .col-sec{
	  flex: 0 1 70%;}
.other-cer{
	clear: both;
	float: left;
	width: 100%;
}
.other-cer li{
	flex: 0 1 20%;
	margin-right: 10px;
	margin-left: 10px;
}

@media screen  and (max-width: 1360px) {
.section-cetificate{flex-wrap:wrap;   justify-content: start;
  align-items: start;
  align-content: start}
.section-cetificate .col-main{
	flex: 0 1 30%;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
}
.section-cetificate .col-sec{
	  flex: 0 1 100%;}
.wrapper-certificate{
	background-image: url(../img/index/doctor.png),url(../img/index/bg-certificate.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:95% 15%;
	background-size:30% auto,cover;	
}
}

@media screen  and (max-width: 850px) {
.section-cetificate .col-main{
	flex: 0 1 40%;
}
}
@media screen  and (max-width: 650px) {
.section-cetificate .col-main{
	flex: 0 1 auto;
	width:calc(50% - 30px);
}
.wrapper-certificate{
	background-image: url(../img/index/bg-certificate.jpg);
	background-repeat: no-repeat;
	background-size:cover;	
}
}
@media screen  and (max-width: 450px) {
.section-cetificate .col-main{
	flex: 0 1 auto;
	width:calc(100% - 0px);
	margin-right: 0px;
	margin-left: 0px;
}
.other-cer{
	flex-wrap:wrap;
}
.other-cer li{
	flex: 0 1 auto;
	margin-right: 10px;
	margin-left: 10px;
	width: calc(50% - 20px);
	margin-bottom: 15px;
}
}
/*wrapper-service*/
.wrapper-service{
	clear: both;
	float: left;
	width: 90%;
	padding-top: var(--section-padding-tb);
	padding-bottom: var(--section-padding-tb);
	padding-right: 5%;
	padding-left: 5%;
	flex-wrap:wrap;
	background-color:#ffffff;
}
.wrapper-service .wrapper90{
	padding-top: var(--blcokm-padding-tb);
	padding-bottom: var(--blcokm-padding-tb);
	}
.wrapper-service li{
	flex: 0 1 auto;
	width: calc(50% - 80px);
	margin-right: 40px;
	margin-left: 40px;
	background-color: #FFF;
	margin-bottom: 20px;
}
.wrapper-service b{color:var(--main-color);
font-size:10px;    text-transform: uppercase;
float:left;
clear:both;
width:100%;
margin-bottom:15px;}
.serh1{color:#000000;
font-size:var(--txt-h3);
float:left;
clear:both;
width:100%;}
@media screen  and (max-width: 800px) {
.wrapper-service li{
	width: calc(50% - 40px);
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
}
@media screen  and (max-width: 600px) {
.wrapper-service li{
	width: calc(50% - 20px);
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
}
@media screen  and (max-width: 500px) {
.wrapper-service li{
	width: calc(100% - 0px);
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
}
/*wrapper-news2-----------------------------------------*/
.wrapper-news2{
	width: 100%;
	float: left;
	clear: both;
	background-color: #FFF;
}
.wrapper-news2 .col-1,.wrapper-news2 .col-2{ flex: 0 1 50%;}
.ad4-2,.ad4-3{
	width:100%}
@media screen  and (max-width: 900px) {
	.wrapper-news2{
	flex-wrap:wrap}
	.wrapper-news2 .col-1,.wrapper-news2 .col-2{ flex: 0 1 100%;}
	.ad4-2,.ad4-3{
	width:50%;
	float:left}
}
@media screen  and (max-width: 650px) {
.ad4-2,.ad4-3{
	width:100%}
}
/*wrapper-map=============================*/
.wrapper-map{
	width: 90%;
	float: left;
	clear: both;
	padding-top: var(--section-padding-tb);
	padding-bottom: var(--section-padding-tb);
	padding-right: 5%;
	padding-left: 5%;
	}
.section-map1,.section-map2{
	width:100%;
	float:left;
	clear:both;
	}
.section-map1 .col,.section-map2 .col{
	flex:1 1 auto;
	margin-right: 20px;
	margin-left: 20px;
	 }
.maph1{
	font-size:5em;
	color:#000000;
	width:100%;
	clear:both;	}
.maph2{
	font-size:1.8em;
	color:#000000;
	width:100%;
	clear:both;}
.maph2 span{font-size:1.3em;}
@media screen  and (max-width: 1280px) {
.section-map1{
	flex-wrap: wrap;
	margin-bottom: 15px;
}
}
@media screen  and (max-width: 900px) {
.section-map1{
	font-size:0.8em
}
}
@media screen  and (max-width: 750px) {
.section-map1{
	font-size:0.5em
}
.maph1 {
    font-size: 3.5em;
}
}
@media screen  and (max-width: 700px) {
.section-map2{
	flex-wrap: wrap;
}
}