@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12¡Â10=1.2 */
}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font-family:"΢ÈíÑÅºÚ Light";}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
p{color:#525252;}
p{
    font-size:14px;
    font-size:1.4rem;
}
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
img{display:inline-block;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative{position:relative;}
.absolute{position:absolute;}
.font_left{font-weight:400}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}
.transformX50{ transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.transformY50{ transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}

/*container*/
#container {max-width: 640px;margin: 0 auto; overflow: hidden;}
/*box01*/
.box01{ width: 100%; padding-bottom: 12.5%;}
.box01 .box01_title{padding: 13.43% 0; width: 67.18%;margin: 0 auto;}
.box01 ul{width: 89.84%;margin: 0 auto;}
.box01 ul li{ width: 47.3%; margin:0 5.4% 7.8% 0;}
.box01 ul li:nth-of-type(2),.box01 ul li:nth-of-type(4){margin-right: 0!important;}
.box01 ul li:nth-of-type(3),.box01 ul li:nth-of-type(4){margin-bottom: 0!important;}
.box01 ul li p{ padding-top: 6%;text-align: center; font-size: 2.6rem;}

.box02{background: #E8E8E8;}
.box02 h1{padding-top: 13.75%; width: 54.68%;margin: 0 auto;}
.box02 .box02_btn{width: 73.75%; left: 50%; bottom: 6%;}
.box02 .box02_btn a,.box04 .box04_btn a,.box05 .box05_btn a,.box06 .box06_btn a{ height: 100%; display: inline-block;}

.box03{background: #ffffff;}
.box03 h1{padding: 14.43% 0 12.5%; width: 54.68%;margin: 0 auto;}
.box03 .doctor{width: 95.62%; margin: 0 auto;}
.box03 .detail{width: 89.84%;margin: 9% auto 0; font-size: 2.6rem;text-indent: 26px; line-height: 1.6}

.box04 .click{width: 95.62%;margin: 15.625% auto 15%;}
.box04 .li_h2{top: 1.6%; left:50%; font-size: 3rem; color: #2A2F5A;}
.box04 .li_p{ width: 40.93%;right: 5%;top: 55%; font-size: 2.5rem; text-indent: 28px; line-height: 1.52;}
.box04 ul li:nth-of-type(2) .li_p,.box04 ul li:nth-of-type(4) .li_p,.box04 ul li:nth-of-type(6) .li_p,.box04 ul li:nth-of-type(8) .li_p{left: 7%;}
.box04 .box04_btn{width: 73.75%; margin: 3.4% auto 13.84%;}

.box05{ background: #1D224D; padding-bottom: 11.25%;}
.box05 h1{width: 77.81%;margin: 0 auto; padding: 13.75% 0 12%;}
.box05 .box05_middle{ background: #ffffff; width: 99%; border-radius: 20px; padding: 6% 0; margin: 0 auto;}
.box05 .video{width: 90%; margin: 0 auto; height: 18rem}
.box05 p{padding: 4.3% 0 6%; font-size: 2.6rem; text-align: center; color: #ffffff}
.box05 .box05_btn,.box06 .box06_btn{width: 73.75%; margin: 0 auto;}

.box06 h1{padding: 14.37% 0 9.6%; width: 63.43%;margin: 0 auto;}
.box06 ul{ width: 95.62%; margin: 0 auto;}
.box06 ul li{margin-bottom: 11.25%; width: 100%;}
.box06 ul li:nth-of-type(3){margin-bottom: 0!important;}
.box06 .box06_btn{ padding: 13.28% 0 11.71%;}
@media screen and (min-width:320px) and (max-width:359px) {

html { font-size: 31.25%!important; } /*0.5*/

}

@media screen and (min-width:360px) and (max-width:409px) {

html { font-size: 35%!important; }  /*0.56*/


}

@media screen and (min-width:410px) and (max-width:479px) {

html { font-size: 40%!important; }  /*0.64*/

}

@media screen and (min-width:480px) and (max-width:639px) {

html { font-size: 47%!important; }  /*0.75*/

}