@charset "gb2312";
/* CSS Document */
body { font-family: Microsoft Yahei, Arial, sans-serif; background-color: #fff; color: #000; max-width: 4.8rem; margin: 0px auto;font-size:.18rem; }
html { background-color: #000; }
* { padding: 0; margin: 0; }
img { display: block; border: none; }
em, i { font-style: normal; }
ul, li { list-style: none outside none; }
h2{ font-size:.25rem; font-weight:normal; color:#222222;}
p { text-align:justify; text-justify:distribute-all-lines; text-indent:0; font-size:.18rem; line-height:.26rem; }
.banner { width: 100%; overflow: hidden; clear: both; }
.banner img { width: 100%; display: block; }
a { text-decoration: none; color:#555;	 }
 [class*="icon"]:before, [class^="icon"]:before {
content:"";
background:url(../images/icon.png) no-repeat;
display:inline-block;
background-size:2.25rem 1.78rem;vertical-align: top;
}
.icon-home:before{ width:.26rem; height:.26rem; background-position:0 -.67rem;margin: .04rem .24rem; }
.icon-menu:before{ width:.26rem; height:.22rem; background-position:0 -.96rem;margin: .06rem .24rem; }
.icon-lead:before{ width:.58rem; height:.55rem; background-position:-.43rem -1.17rem;margin: 0 .14rem 0 0; float:left; }
.icon-dubblearrow:before{ width:1.4rem; height:.4rem; background-position:-.28rem -.67rem;position: absolute;top: .42rem;left: 32%;}
.icon-tita:before{ width:2.25rem; height:.3rem; background-position:0 0;content:"从皮肤症状上来看"; text-align:center;font-weight: normal;font-style: italic;}
.icon-titb:before{ width:2.25rem; height:.3rem; background-position:0 -.32rem;content:"通过仪器专业检测"; text-align:center;font-weight: normal;font-style: italic;}
.icon-arrow:before{ width:.2rem; height:.18rem; background-position:0 -1.18rem;position: absolute; top: .22rem;right: -.24rem;}
.icon-redsan:before{ width:.41rem; height:.38rem; background-position:0 -1.39rem;position: absolute; bottom:0; right:-1px;}
.icon-over:before{ width:.3rem; height:.46rem; background-position:-1.02rem -1.3rem; float:left; margin-right:.08rem;}


.logo{ /*padding:.2rem 2%;float: left;width: 96%;*/ border-bottom:2px #d1d1d1 solid; position:relative;}
.logo img{/* width:2.88rem; height:.57rem; float:left;*/ width:100%}
.logo span{ width:.75rem; float:right; display:inline-block; text-align:center;}
.logo a span{ font-size:.16rem; color:#999999;}
.logo a:nth-of-type(2){ width: 20%; height: .78rem; display: inline-block; position: absolute; right: 0;top: 0;}
.data-menu{ display:none; position:fixed; top:.78rem; right:2px; background-color:#000; width:.82rem; padding:.1rem 0; z-index:10000000000; border:1px #fff solid;}
.data-menu li{ width:100%; font-size:.16rem; line-height:.28rem; text-align:center;}
.data-menu li a{ color:#fff;}
.show-menu{ display:block;}
.lead{ padding:.1rem .1rem .18rem .2rem; overflow:hidden; background-color:#f1f4f6;}
.lead p{ margin:.1rem 0 0 0;}
.lead p font{ color:#0351a6; margin-top:.04rem; display:inline-block;}
.part{ overflow:hidden; margin-top:.26rem; padding:0 .1rem;}
.part h2{ width:100%; font-size:.28rem; line-height:.29rem; padding:.08rem 0; border-bottom:.07rem #e4e4e4 solid;}
.part h2:before{ content:""; width:.08rem; height:.29rem; background-color:#66cebc; display:inline-block; margin-right:.08rem;position: relative;top: .06rem;}
.part h2 a{ font-size:.18rem; color:#fff; background-color:#fc8404; text-align:center; line-height:.25rem; padding: 0 .04rem; border-radius:5px; float:right;display: inline-block;margin-top: .06rem;-webkit-animation: shand 2s infinite;}
@-webkit-keyframes shand { 0% {
background-color:#fc8404;
}
50% {
background-color:#fc8404;
}
50.1% {
background-color:#0351a6;
}
100% {
background-color:#0351a6;
}
}


.part h2 a i{ font-size:.23rem; margin:0 0 0 .03rem;}
.part_1{}
.part_1 dl{ overflow:hidden; padding:.2rem 0 .1rem;}
.part_1 dl dt{ font-size:.2rem; text-align:center; border-radius:25px; border:2px #66cebc solid; line-height:.34rem; position:relative; margin-bottom:.48rem;}
.part_1 dl dd{ width:2rem; height:.96rem; float:left; background-color:#e4e4e4; color:#e27500; line-height:.25rem;}
.part_1 dl dd:nth-of-type(2){ width:2.56rem; float:right; color:#0351a6;}
.part_1 dl dd p{ padding:.09rem .07rem;}
.part_1 dd font{ background-color:#e27500; color:#fff; font-weight:bold; padding:.01rem .03rem; text-align:center; margin-right:.14rem;}
.part_1 dd font:after{ content:"";  width:0px;
  height:0px;
  border-bottom:.1rem solid transparent;  /* left arrow slant */
  border-top:.1rem solid transparent; /* right arrow slant */
  border-left:.1rem solid #e27500; /* bottom, add background color here */
  font-size:0px;
  line-height:0px; position:relative; top:-.06rem; right:-.1rem;}
.part_1 dl dd:nth-of-type(2) font{background-color:#0351a6;}
.part_1 dl dd:nth-of-type(2) font:after{border-left:.1rem solid #0351a6;}
.part_1 img{ width:4.62rem; height:1.92rem; margin-top:.35rem; float:left;}

.part_2 .p_2_con{margin-bottom:.4rem; }
.part_2 .p_2_con .p_2_con_p{ background-color:#f2f2f2; padding:.12rem .02rem;}
.part_2 .p_2_con h3{ width:100%; font-size:.19rem; color:#fff; line-height:.3rem; margin:.2rem 0;}
.part_2 .p_2_con ul{overflow:hidden;}
.part_2 .p_2_con li{ width:2.75rem; height:1.3rem; background-image:url(../images/bg01.jpg); background-repeat:no-repeat; background-size:4.45rem 1.66rem; float:left; background-position:left; margin-bottom:.48rem; padding:.36rem 0 0 1.85rem; display:inline-block; overflow:hidden;}
.part_2 .p_2_con li:nth-of-type(2){background-image:url(../images/bg02.jpg); background-position:right;padding:.36rem 1.55rem 0 .3rem ;}
.part_2 .p_2_con li:nth-of-type(3){background-image:url(../images/bg03.jpg); background-position:left;}
.part_2 .p_2_con li:nth-of-type(4){background-image:url(../images/bg04.jpg); background-position:right;padding:.2rem 1.55rem .16rem .3rem ;}
.part_2 .p_2_con li:nth-of-type(5){background-image:url(../images/bg05.jpg); background-position:left;padding:.2rem 0 .16rem 1.85rem ;}
.part_2 .p_2_con li p{ line-height:.3rem;}
.part_2 .p_2_con li p i{ color:#0351a6; margin-right:.06rem;}
.part_2 .p_2_con .p_2_cona_btn{ overflow:hidden;}
.p_2_cona_btn{ overflow:hidden; border:1px #f17602 solid; padding:1px; border-radius:20px; width:4.45rem; height:.7rem;font-size:.21rem; }
.p_2_cona_btn a{ display:inline-block; background-color:#f17602; border-radius:20px; color:#fff; width:100%; height:.7rem; text-align:center; line-height:.7rem;}
.p_2_cona_btn a span{ width:1.06rem;  background:#fff; color:#f17602; display:inline-block; line-height: .24rem; position:relative; padding: .04rem 0 .06rem;margin-top: .06rem;float: right; margin-right: .4rem;}
.p_2_conb .line{ width:100%; background-color:#d7e9f7; margin:1px 0; height:.18rem;}
.p_2_conb dl{ background-color:#d7e9f7; overflow:hidden; width:100%;}
.p_2_conb dl dt{ width:.16rem; padding:.3rem .12rem 0; text-align:center; height:1.04rem; vertical-align:middle;    background-color:#4f8fc1; color:#fff; float:left;}
.p_2_conb dl dd{ width:3.97rem; height:1.11rem; float:left; margin:.13rem 0 0 .12rem;}
.p_2_conb dl:nth-of-type(3) dt{  padding:.2rem .12rem 0; height:1.14rem;}
.p_2_conb_shuoming,.p_3_p{ overflow:hidden; margin:.3rem 0; padding:.12rem .1rem; border:1px #7d7d7d dashed; border-radius:5px;}
.part_3{ margin:0;}
.part_3 ul{ overflow:hidden; padding:.26rem 0 0;}
.part_3 ul li{ width:1.44rem; height:1.8rem; border:1px #c9c9c9 solid; border-radius:5px; background-color:#f0f0f0; float:left; position:relative;}
.part_3 ul li:nth-of-type(2){ margin:0 .09rem;}
.part_3 ul li p{ width:100%;text-align:center; padding-top:.12rem;}
.part_3 ul li span{ width:100%; text-align:right; position:absolute; bottom:0; color:#fff;}
.p_3_con{ width:100%; height:5.46rem; background-image:url(../images/img09.jpg); background-repeat:no-repeat; background-size:4.62rem 5.46rem; overflow:hidden; margin-bottom:.3rem;}
.p_3_con .p_3_con_con{ width:2.1rem; margin:1rem 0 0 .14rem;}
.p_3_con .p_3_con_con p{ font-size:.16rem; line-height:.2rem; margin:.05rem 0 .1rem;}
.p_3_con .p_3_con_con a img{width:1.76rem; height:.37rem; margin-left:.12rem;}
.part_4 ul{}
.part_4 ul li{ margin-top:.22rem; border-bottom:1px #ccc dashed; width:100%; float:left; padding-bottom:.06rem;}
.part_4 ul li img{ width:1.27rem; height:.95rem; float:left;}
.part_4 ul li p{ width:3.16rem; float:left; margin:.2rem 0 0 .1rem;}
.part_4 ul li:nth-of-type(2) p{ margin:.2rem .1rem 0 0 ;}
.part_4 ul li:nth-of-type(2) img{ float:right;}
.part_4 ul li p i{ width:.18rem; height:.18rem; border-radius:50%; background-color:#0351a6; display:inline-block; line-height:.18rem; color:#fff; text-align:center; font-size:.16rem; margin-right:.06rem}
.over{  background-color:#dbebf6; margin:.4rem .1rem;}
.over p{ padding:.08rem .18rem .1rem  .1rem;}

footer{ overflow:hidden; background-color:#dcdcdc; text-align:center; padding-bottom:60px; margin-top:.3rem;}
footer ul{ padding:25px 10% 18px; text-align:center;overflow:hidden}
footer ul li{ width:24%; float:left; text-align:center; font-size:.24rem; height:12px; line-height:12px; border-right:1px #ccc solid; }
footer ul li:last-child{ border:none;}
footer ul li a{ color:#333;}
footer p{ text-align:center;}


.newlogo_daohang{ background-color:#fff ; width:100%; text-align:center; line-height:34px;font-size: 16px;}
.newlogo_daohang a{ color:#2760c1;}
.newlogo_daohang font{ color:#dc332c;}
.newlogo_daohang a img{  margin: 5px 6px 0 0;position: relative; top: 2px; width:19px; height:19px; display:inline;}