@charset "utf-8";
@font-face {
    font-family: OPEN;
    src: url("OpenSans-Regular.ttf");
}
@charset "utf-8";@font-face {font-family:'UTM';src:url('UTMAlterGothic.ttf') format('truetype');}
.fix:after,.ovh{overflow:hidden}blockquote,body,
button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,p,hr,input,
legend,li,ol,pre,td,textarea,th,ul{margin:0;padding:0}body,
button,input,select,textarea{font:14px/1.5 OPEN,Helvetica,sans-serif}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
ol,ul{list-style:none}a{text-decoration:none}
a:hover{text-decoration:underline}
a,a:focus{outline:0}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}.m0{margin:0}.m1{margin:1px}.ml1{margin-left:1px}.mt1{margin-top:1px}
.mr5{margin-right:5px}.mb1{margin-bottom:1px}.m2{margin:2px}
.ml2{margin-left:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}
.mb2{margin-bottom:2px}.m5{margin:5px}.ml5{margin-left:5px}
.mt5{margin-top:5px}.mt35{margin-top: 10px;}.mr5{margin-right:5px}
.mb5{margin-bottom:5px}.m10{margin:10px}.ml10{margin-left:10px}
.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}
.m15{margin:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}
.mt25{margin-top:25px}.mr15{margin-right:15px}
.mb15{margin-bottom:15px}.m20{margin:20px}
.ml20{margin-left:20px}.mt20{margin-top:20px}
.mt30{margin-top:30px}.mr20{margin-right:20px}
.mb20{margin-bottom:20px}.p0{padding:0}.p1{padding:1px}
.pl1{padding-left:1px}.pt1{padding-top:1px}
.pr1{padding-right:1px}.pb1{padding-bottom:1px}
.p2{padding:2px}.pl2{padding-left:2px}.pt2{padding-top:2px}
.pr2{padding-right:2px}.pb2{padding-bottom:2px}.p5{padding:5px}
.pl5{padding-left:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}
.pb5{padding-bottom:5px}.p10{padding:10px}.pl10{padding-left:10px}
.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}
.p15{padding:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}
.pr15{padding-right:15px}.pb15{padding-bottom:15px}.p20{padding:20px}
.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}
.pb20{padding-bottom:20px}.b{font-weight:700}.border{border-top:1px solid #e54a4a}
.ti2{text-indent:2em}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}
.f20{font-size:20px}.tc{text-align:center}.msyh{font-family:"OPEN"}
.auto{margin-left:auto;margin-right:auto}.l{float:left}.r{float:right}
.db{display:block}.dn{display:none}.lh18{line-height:18px}.lh20{line-height:20px}
.lh22{line-height:22px}.lh24{line-height:24px}.lh26{line-height:26px}
.fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}
.rel{position:relative}.abs{position:absolute}.mb30{margin-bottom: 30px;}
.mb25{margin-bottom:25px;}
img { vertical-align:bottom; }
img { vertical-align:bottom; }
.img-responsive {max-width: 100%;  height: auto;}
/*css*/
html{font-size: 20px;}
body{color: #2f2f2f; font-size: 14px; font-family:"OPEN"; }

.ti2{ text-indent:2em;}
a{text-decoration: none;color: #2f2f2f;}a:hover{text-decoration: underline; color: inherit;}
.container{ width:100%; min-width:320px; max-width:640px; margin-left: auto; 
margin-right: auto;}
p{ font-size:1.0em; color:#3c3b3b;line-height:1.5em; margin-top:0.8em; margin-bottom:0.8em; text-align: justify;}
p a{color: #354cdc;}
p a:hover{color: #354cdc;}
p em{color: #ff0000;}
h2{font-size: 20px; margin:0;text-align: left;}
.m-img{margin:10px auto 4px; display: block;}
.zx{text-align: center; margin:0.5em 0;}
.zx span{color: #ff0000; display: inline-block; margin-bottom: 15px;}
.zx a{background: #f39800 url(../images/zx.jpg) no-repeat 20px center; border-bottom:3px solid #be6200; border-radius: 6px; color: #fff; padding:0 20px 0 60px; display: inline-block;  height: 43px; line-height: 43px;}
.zx1{text-align: center; margin:10px 0;}
.zx1 a{color: #fff; padding:8px 3%; border-radius:4px; display: inline-block; font-size: 16px;}
.zx1 a:first-child{background: #1062b8;margin:0 .2em; }
.zx1 a:nth-child(2){background:#f39800;   margin-left: 10px; }
.zx2 a{padding:8px 10%;}
.col1{color: #ff4800;}

/*top*/
.top{padding:8% 3% 2%;}
.top img{display: block; margin:0 auto;}
/*banner*/
.banner img{ vertical-align:top; display: block;}
/*nav*/
/*.nav{margin:10px 0;}*/
/*.nav ul li{float: left; width:33.3%; background: #0164ca;*/
 /*text-align: center; position: relative; border-bottom: 1px solid #fff;}*/
/*.nav ul li:after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to right,#fff, #fff);}*/
/*.nav ul li a{color: #fff; font-size: 0.6rem; display: inline-block; padding:10px 0; font-family: UTM;text-transform:uppercase;    font-weight: lighter;}*/
.zsnanke h2{background: #3d9662; color: #fff; height: 1.0rem; line-height:1.0rem; font-size:0.46rem;font-family:UTM;text-transform:uppercase;}
.zsnanke h2 span{display: inline-block; width:1.0rem; height:  1.0rem; background: #2b6543; margin-right:19px;}
.zsnanke h2 span:before{position: absolute; content:""; right:-0.5rem; top:0; border-left: 0.5rem solid #2b6543; border-top:0.5rem solid transparent;border-bottom:0.5rem solid transparent;}
.zsnanke h2 span:after{position: absolute; content: ""; top:0.3rem; right:0.2rem; width:0.5rem; height:0.5rem; 
	border-radius: 50%; background:#fff;}
.zsnanke img{display: block; margin:0 auto;}
/*Department*/
.bg1{background:#5ba5f0; padding:10px 0; position: relative; z-index: -4;}
.Department:before{position: absolute; content: ""; top:0; left:50%; margin-left: -5px; border-top:10px solid #fff; border-left:16px solid transparent;border-right:16px solid transparent;}
.Department table{background: #fff; border-collapse: separate; border-spacing:1px 1px;}
.Department table tr td{background: #ededed; padding:10px 0; text-align: center;}
.Department table tr td a{color:#06509c; font-family: UTM;font-size:0.35rem;}
.Department table tr td.td1{background: #1785f6; color: #fff;}
.Department ul{background: #fff;padding-left:0.5%}
.Department ul li{float: left; background: #ededed;margin:1px; padding:2% 0 2% 2%;height: 1.4rem;}
.Department ul li.li1{background: #ef8a06; color: #fff; width:27%;margin:1px; padding:2% 0 2% 2%; text-align: center;height: 1.4rem; }
.Department ul li:nth-child(2){width:67%;} 
.Department ul li:nth-child(3){width:46%;}
.Department ul li:nth-child(4){width:48%;}
.Department ul li:nth-child(5){width:51%;}
.Department ul li:nth-child(6){width:43%;}
/*h2*/
.h2{width:304px; height: 33px; line-height: 33px; 
box-shadow:2px 3px 5px 2px #666; text-align: center; 
border-radius:30px; background: #fff; margin:0.5rem auto;}
#ctab4 li{font-family: UTM;text-transform:uppercase;    font-weight: lighter;}
.h2 h2{ color: #0156a9; font-size: 22px;}
.h2 h2:after{position: absolute; content:url(../images/sjx.jpg); right:22px;}
.h2_1{background: #1785f6;}
.h2_1 h2{color: #fff; box-shadow:1px 1px 0 0 #075caa; border-radius: 30px;}
.h2_1 h2:after{position: absolute; content: ""; right:22px; top:22px; border-top:13px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.h2_1 h2:before{border-bottom:50px solid #fff; }
.h2-2{text-align: center; color: #2b6543; font-size: 22px; background:url(../images/tiao.jpg) repeat left center;}
.h2-2 a{color: #1785f6; }
.h2-2 span{padding:5px 20px;line-height:40px;border-radius:10px; font-family: UTM;text-transform:uppercase;    font-weight: lighter;}
.h2-2 em{font-family: "impact"; margin-right: 5px;}
/*Technique*/
.Technique ul li{float: left; margin:1% 0.3%; border:1px solid #1785f6; border-radius: 8px;}
.Technique ul li h3{background:url(../images/tiao.jpg) repeat left center; padding:4px 0; 
color:#000; text-align: center; font-size: 20px; border-radius: 8px 8px 0 0;}
.Technique ul li h4{background: #1785f6; color:#fff; text-align: center; font-size: 18px; font-family: UTM;text-transform:uppercase;    font-weight: lighter;}
.Technique ul li p{margin:2%;}
.Technique ul li p.Technique-bor{border-bottom: 1px solid #aaaaaa; padding:0 2% 2% 2%;}
/*Discount*/
.Discount ul li{float: left; height:50px; line-height:50px; border:1px solid #1785f6; padding-left: 5%; margin:1% 1% 1% 30px; border-radius: 18px; font-family: UTM;text-transform:uppercase;    font-weight: lighter;}
.Discount ul li em{font-family: "impact"; left:-25px; top:50%; margin-top:-17px; background:#fff; font-size: 22px; color: #ff8400; border:1px solid #ff8400; box-shadow: 0 0 0 5px #fff; border-radius: 50%; width:34px; height: 34px; line-height:34px; display: inline-block; text-align: center;}
/*.Discount ul li:nth-child(2){line-height:25px;}*/
.Discount_1{background: #001b37 url(../images/bg.jpg) no-repeat center center; 
border-radius:20px;
padding:2% 2% 1% 2%; margin:1em 0;}
.Doctor{border-radius:20px; margin:0 .2em;}
.Discount_1 p{color: #fff; border:1px solid #33495f; padding:2%;border-radius:10px;}
.Discount_1 p strong{color: #f6ac1d;}
/*Privacy*/
.Privacy p span{color: #1062b8;}
.Privacy img{padding-top: 10px;}
/*Doctor*/
.Doctor ul li{background:url(../images/doc_bg.jpg);border-radius:10px; background-size:100%; z-index: -3; margin:1em 0;}
.Doctor ul li img{position: absolute; left:0; bottom:0; z-index: -2; width:45%;}
.Doctor_1{background: #000;border-radius:10px; margin:2% 2% 2% 0; float:right; opacity: 0.5; width:55%; padding:2%; margin-left: 122px; position: relative;z-index: -1;}
.Doctor_1 h3{background:url(../images/icon1.png) no-repeat left center; padding-left: 20px; color: #fff; font-size: 15px;}
.Doctor h2{text-align: center;}
.Doctor_1 p{color: #fff;}
.Doctor_1 p span{color: #ffe776;}
/*Hotspot*/
.global-advice h3,.global-advice h2{font-family:UTM;font-weight: lighter;}
.Hotspot ul li{border-bottom:1px dashed #dadada; padding:10px 0 10px 25px; background:url(../images/icon3.jpg) no-repeat left center;}
.Hotspot ul li:hover{background:url(../images/icon2.jpg) no-repeat left center;}
.Hotspot ul li:first-child{background:url(../images/icon2.jpg) no-repeat left center;}
.doc_m2c{padding:8px;}
.doc_m2c p{line-height:1.0rem;font-size:0.6rem;font-family:UTM;font-weight: lighter;}
.doc_m2c p span{color: #fff;
    border-top: 5px solid transparent;
    border-left: 8px solid #2b6543;
    border-bottom: 5px solid transparent;
    height: 0px;
    overflow: hidden;
    width: 5px;
    display: inline-block;
    /* border-radius: 30px; */
    margin-left: 10px;}
/************************************article*********************************************/
.title{background:url(../images/tiao.jpg) repeat left center; padding:1% 0 1% 2%; font-size: 16px;}
.article h3{text-align: center; margin:1em 0 0.5em;}
.article h3 span{font-weight: normal; font-size: 14px;}
.article_page p{background: #dedede; padding:1% 0 1% 3%; border-radius: 6px; margin:0.5em 0;}
.article_page p a{color: #404040;}
.article img{max-width: 100%; hieght:auto !important;display:inline-block;    vertical-align: baseline; }
.article .gutter {border-radius: 0.2rem;border: 1px solid #ccc;padding:0.4rem;font-size: 0.7rem }
.article .gutter p,.article .gutter div,.article  .gutter span{font-size: 0.7rem !important;}
/**************************************bz_list************************************************/
.bz_list ul li{margin:3px 0px; 
padding:2px 0px;
height:20px;overflow:hidden;
border-bottom:1px dashed #ccc;
font-size: 14px;
}
.bz_list ul li span{
	color: #0268cf;
    border-top: 5px solid transparent;
    border-left: 8px solid #1785f6;
    border-bottom: 5px solid transparent;
    height: 0px;
    overflow: hidden;
    width: 5px;
    display: inline-block;
    margin-left: 3px;
}

.bz_list ul li em{color:#1785f6; font-size: 14px; position:relative; top:-2px;

   padding:0 5px;
	width:10px;
 /*     border-top: 10px solid transparent;
     border-right: 10px solid #1785f6;
     border-bottom: 10px solid transparent;
	 border-radius:5px;*/
}
.Doctor_1 h3  strong{font-weight: lighter;}
.bz_list ul li a span{font-size: 15px;}
/**page*/
.Page{margin:0.8em 1.0em;width:100%;}
.Page ul{text-align:center}
.Page ul li{display:inline-block;}
.Page ul li{ padding:0 5px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

@media (min-width: 320px){
	.Technique ul li{width:99%;}
	.Discount ul li{width:82%;}
	.Doctor_1 p{font-size: 12px;}
}
@media (min-width: 360px){
	.Doctor ul li:nth-child(2){height:170px;}
	
}

@media (min-width: 375px){
	.zx1 a:nth-child(2){margin-left:30px;}
	.zx1 a{margin-top: 10px;}
	.Doctor_1 h3{font-size: 16px;}
	.Doctor ul li img{width:40%;}
	.Doctor_1{width:60%;}
	.Doctor_1 p{font-size: 14px;}
	.Doctor ul li:nth-child(2){height:150px;}
}
@media (min-width: 414px){
	.Doctor ul li img{width:35%;}
	.bz_list ul li{height:30px;font-size:16px;}
	.Doctor ul li:nth-child(2){height:160px;}

}
@media (min-width: 540px){
	.Technique ul li{width:47.5%; height: 360px;}
	.Technique ul li.li2{height:350px;}
	.Doctor ul li img{width:30%;}
	.Doctor_1{width:70%;}
	.Doctor_1 p{font-size: 16px;}
	.Doctor ul li:nth-child(2){height:180px;}
	.Doctor ul li:nth-child(2) div.Doctor_1{height:130px;}
}
@media (min-width: 640px){
	.Department ul li.li1{width:23%; padding-left: 0;}
	.Department ul li:nth-child(2){width:36%;}
	.Department ul li:nth-child(3){width:36%;}
	.Department ul li:nth-child(4){width:31%;}
	.Department ul li:nth-child(5){width:32%;}
	.Department ul li:nth-child(6){width:30%;}
	.Discount ul li{width:39%;}
	.Doctor ul li:nth-child(2){height:200px;}
	.Doctor ul li:nth-child(2) div.Doctor_1{height:150px;}
}
@media (max-width: 375px){
	body{font-size: 14px;}
	.Department ul li{line-height: 0.7rem;padding: 2% 0 2% 2%;}
	/*.nav ul li a{font-size:16px;}*/
	.Technique ul li h3,.Technique ul li h4{font-size:14px;}
	.doc_m2c p{font-size:14px;line-height:16px;}
}
.gutter h2,.gutter h3,.gutter h4,.gutter h5,.gutter h6,.gutter h1{
	width:100%;
	text-align:center;
	font-size:1.2rem;
}
/*.gutter{padding:0 5px;}*/
.gutter h1,.gutter h2, .gutter h3
{
	font-size:0.6rem;font-weight: normal;
	 font-family: UTM;text-transform:uppercase;line-height: 0.8rem
} 
.article .gutter h1,.gutter h2, .gutter h3
{
	font-size:0.8rem;font-weight: normal;
	 font-family: UTM;text-transform:uppercase;line-height: 1.2rem
} 
.gutter h4,.gutter h5, .gutter h6, .gutter .bt
{
	display: block;
	font-size:0.5rem;
	text-transform:uppercase;
}
.gutter .khung4 p,.gutter .khung2 p,.gutter .khung3 p,.gutter .khung1 p,.gutter h1 p,.gutter h2 p, .gutter h3 p,.gutter h4 p,.gutter h5 p, .gutter h6 p, .gutter .bt p
{
margin:0;padding:0.2rem;
}
.gutter .khung2{
margin:0.6rem 0 0.8rem 0;
padding: 0.6rem 0.5rem 0.6rem 0.7rem;
border: 4px double #ccc;
border-radius: 10px;
background:#fafaee;
}
.gutter .khung1{
padding: 10px 5px 5px 10px;
border: 2px solid #666;
border-radius: 10px;
text-align: center;
background:#fee;
}
.gutter img{border-radius:10px;border:1px solid #fff;}
.gutter .khung3{
margin:0;
position:relative;
padding: 30px 5px 5px 10px;
border: 2px solid #ccc;
border-radius: 15px;
background:#efffff;
}
.gutter .khung3:before {
content: "";
position: absolute;
left:5%;
top:-45px;
width:90%;
height:68px;
background: url(../images/sb.png) repeat-x;
}