/* CSS Document */
@charset "utf-8";
* {padding:0; margin:0}
html, body{margin: 0;padding: 0;width: 100%;height: 100%;min-height: 100%;font-family: "宋体" ,Helvetica, Arial, sans-serif;font-size:14px;line-height: 1.231;-webkit-touch-callout:none;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-align:stretch;position: relative}
a {text-decoration:none;outline:none;color:#333}
a:hover{text-decoration:none}
.clearBoth{clear:both;height:0}
ul,li {list-style:none}
img {border:none; padding:0; margin:0}
.main{max-width:640px;margin:auto;min-height:100%;position: relative}
.hide{display:none}
.p47{ width:47%}
.p376{ width:37.6%}
.p564{ width:56.4%}
.p96{ width:96%}
/*LOGO*/
.htc{ width:100%; height:48px; margin-top:0; background:#025aa7; clear:both; float:left}
.htc span{ font-size:22px; color:#fff; line-height:48px; margin-left:2%}
.htc small{ font-size:16px; float:right; line-height:48px; margin-right:2%}
.htc small a{ color:#fff; padding-left:20px}
/*HAED*/
.header{width:100%;background:#fff; clear:both;position:relative}
.header .logo{float:left;width:100%; background:#eee; padding:0}
.header .logo img{width:100%; padding:0; margin:0}

.topt{ width:100%; height:42px; background:#025aa7; position:relative}
.topt b{ width:28%; float:left; line-height:42px; font-size:16px; padding-left:2%; position:relative}
.topt span{ width:68%; float:right; line-height:42px; font-size:16px; padding-right:2%; position:relative; text-align:right}
.topt a{ color:#fff; width:100%; height:42px; display:block}
nav{ width:100%; background:#025aa7; height:48px}
nav ol{ width:100%; margin:0 auto; position:relative}
nav ol li{ width:20%; float:left; line-height:48px; font-size:20px; text-align:center;position:relative; border-right:1px solid #025ccc;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
nav ol li a{ width:100%; color:#fff; background:#025aa7; display:block}
nav ol li.hot{ position:relative; z-index:1}
nav ol li.hot img{ width:23px; height:20px; position:absolute; left:50%; top:0; margin-left:18px; z-index:9}
/*BANNER*/
.banner{ clear:both; width:100%; height:auto; margin:2px 0; position:relative;font-size:0;}
.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5)}
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1}
.focus .hd ul .on{ background:#FF4000 }
.focus .bd{ position:relative; z-index:0}
.focus .bd li img,.focus .bd img{ width:100%;height:auto; display:block}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

/* INDEX */

.qzx{ width:100%; padding: 0;  clear:both}
.qzx ul{ width:100%;padding:5px 0;clear:both; float:left}
.qzx ul li{ width:30.666%; height:42px; line-height:42px; text-align:center; float:left; margin:5px 0 5px 2%; position:relative; overflow:hidden}
.qzx ul li a{ color:#fff; display:block; border:1px solid #eee;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; background:#025aa7}

/* INDEX */
.news{ width:96%; clear:both; margin:0 auto; position:relative}
.news ul{ width:100%; position:relative; clear:both; padding-top:2px}
.news ul li{ width:100%; height:85px; border-bottom:1px solid #eee; margin:10px 0}
.news ul li img{ width:140px; float:left; height:70px; padding:3px 10px 0 0}
.news ul li h2{ font-size:16px; line-height:26px; height:52px; overflow:hidden}
.news ul li p{position:absolute; top:56px; left:150px; color:#666; font-size:14px; overflow:hidden}
.news ul li a h2{ color:#333}
.news ul li a p{ color:#666}
.news ul small{ width:40px; height:18px; display:block; -moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; text-align:center; line-height:18px; font-size:12px}
.news ul small.new_tj{ position:absolute; background:#fff; top:68px; right:0; border:1px solid #f30; color:#f30}
/*END*/
.news ul li { position:relative}
.news ul li small{ position:absolute; top:56px; right:0; border:1px solid #ccc; color:#888}
.news ul big{ width:100%; display:block; margin-top:-10px; clear:both; height:42px; background:#e5e5e5; line-height:42px; font-size:18px; text-align:center}
.news ul big a{ color:#333}

.docm{ width:100%; padding:10px 0; position:relative; clear:both}
.docm ul{ width:100%; position:relative; clear:both}
.docm ul li{ width:47%; float:left; margin-left:2%; height:95px; overflow:hidden}
.docm ul li img{ float:left; width:70px; padding:5px 5px 0 0}
.docm ul li b{ font-size:14px; color:#025aa7; line-height:20px}
.docm ul li p{ font-size:12px; color:#444; line-height:18px; padding-top:5px}

.jib{ width:96%; margin:10px auto; clear:both; position:relative}
.jib ul{ width:100%; padding:10px 0}
.jib ul li{ font-size:14px; line-height:40px; height:40px; border-bottom:1px dotted #eee}
/* 医疗合作 */
.boxpr{ width:100%; position:relative;clear:both; margin:0 auto; padding:10px 0}
.swipe{width:94%; clear:both;overflow: hidden; position: relative;margin:0 auto; height:140px; padding: 5px 0}
.page{height:40px;width:100%; position:relative}
.page li{font-size:14px; display:block; height:40px; text-align:center; float:left; width:33.33%; position:relative; border-right:1px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.page li a{display:block; height:40px; background:#f6f6f6; color:#666; font-weight:600; line-height:40px}
.page a.active{color:#fff; background:#025aa7}
.box01_list{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; padding-top:5px}
.li_list{width:100%;float: left; position:relative; padding:5px 0}
.mc_01 p{ width:100%;height:30px; line-height:30px; color:#666; font-size:14px; overflow:hidden}
.mc_01 p img{ width:20px; float:left; padding:5px 5px 0 0}
.mc_02 p{ width:100%;height:20px; line-height:20px; color:#666; font-size:13px; overflow:hidden}
.mc_03 p{ width:100%; line-height:18px; color:#666; font-size:12px; padding: 2px 0; float: left}
/* LISTE */
.listl{ width:100%; clear:both; position:relative}
.listl ul{ width:96%; margin:0 auto; position:relative}
.listl ul li{ width:100%; border-bottom:1px solid #eee; margin:6px 0; padding-bottom:10px}
.listl ul li h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden}
.listl ul li p{ font-size:14px; line-height:22px;  height:22px; overflow:hidden}
.listl ul li a h2{ color:#333}
.listl ul li a p{ color:#666}

.pages{clear:both; display:block; padding:10px 0;text-align:center;width:96%; margin:0 auto}
.pages span{ float:left}
.pages a{border:1px solid #eee;color:#333;float:left;margin:5px 8px 5px 0;padding:5px 12px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.pages a:hover{background:#047da2;border:1px solid #047da2;color:#fff}
/* LISTE END */
/* CONTENT */
.hwz{ font-size:14px; height:46px; color:#333; line-height:46px; padding-left:2%; clear:both; width:96%}
.hwz small{ padding:0 5px}
.hwz a{ color:#333}
.content{ clear:both; width:96%; margin:0 auto; position:relative}
.con_tle{clear:both; width:100%; border-top:1px solid #eee}
.con_tle .con_gg{ width:100%; padding-top:5px}
.con_tle .con_gg img{ width:100%}
.con_tle h2{clear:both; font-size:20px; line-height:26px; padding-top:10px}
.con_tle .ctime{clear:both; width:100%; height:30px; color:#666; position:relative; line-height:30px; padding-top:5px}
.con_tle .ctime span{ position:absolute; top:0; right:0; width:80px; height:30px; background:#f30; line-height:30px; text-align:center}
.con_tle .ctime span a{ color:#fff; font-size:14px}

.con_con{ width:100%; color:#333; line-height:26px; padding-top:10px}
.con_con p{ text-indent:2em; padding:6px 0; font-size:16px}
.con_con p img{ max-width:100%; margin-left:-2em}
.con_con img{ padding:10px 0}
.bake{ clear:both; padding:10px 0; margin-bottom:15px}
.bake h3{ width:100%; height:30px; line-height:30px; text-align:center; font-weight:normal}
.bake h3 a{ width:100%; height:30px; background:#eee; display:block}
/* CONTENT END */
.liste{ width:96%; margin:10px auto; position:relative}
.liste li{position:relative; padding:5px 0}
.liste li h2{ width:100%; height:38px; background:#eee; line-height:38px; overflow:hidden; font-size:14px; color:#025aa7; position:relative}
.liste li h2 span{ position:absolute; width:60px; height:30px; display:block; top:5px; right:2px; text-indent:2}
.liste li h2 span a{width:60px; height:30px;display:block; background:#025aa7; line-height:30px; text-align:center; font-size:12px; color:#fff}
.liste li p{ font-size:12px; line-height:20px; color:#666; padding-top:5px}


/*ABOUT */ 
.a_con{ clear:both; width:96%; padding-top:10px; margin:0 auto; position:relative; display:block}
.a_con p{ font-size:16px; clear:both;line-height:30px; color:#333; padding-top:8px}
.a_con h5{ font-size:16px; clear:both;line-height:30px; color:#000; padding-top:8px}
.a_con img{ width:100%; clear:both; padding: 0} 
.proce{ clear:both; width:96%; margin:0 auto; position:relative; display:block}
.a_con h2,.proce h2{ margin:15px 0 15px 0}
.proce ul{ position:relative; display:block}
.proce ul h3{ position:absolute; font-size:16px; color:#333; line-height:22px; width:50px;background:url(../images/icon07.gif) right no-repeat; z-index:2}
.proce ul li{ line-height:22px; padding-bottom:15px;color:#444;background:url(../images/line04.gif) repeat-y; z-index:9; margin-left:41px; padding-left:18px}

.a_h h2{clear:both; width:100%; height:42px; background:#f6f6f6; overflow:hidden}
.a_h h2 span{ font-size:14px; float:right; text-align:right; padding-right:8px; line-height:42px; font-weight:normal}
.a_h h2 span a{ width:70px; height:42px; display:block;color:#f30;}
.a_h h2 strong{ display:block;font-size:18px; width:120px; background:#025aa7; line-height:42px; width:100px; height:42px; text-align:center; color:#fff;}

.g_line{ clear:both; width:100%; margin-top:20px; background:#f9f9f9; display:block; padding:10px 0 20px 0}

.g_line .g_con{ width:100%}
.g_line .g_con a{ padding-left:10px}
.g_line .g_con font{ clear:both;width:100%; font-size:16px; color:#f30; height:40px; line-height:40px; border-bottom:1px solid #fed999; display:block; font-weight:bold}
.g_line .g_con b{ clear:both; float:left; width:100%; font-size:14px; color:#025aa7; line-height:25px; padding-top:15px; font-weight:normal}
.g_line .g_con p{ clear:both; font-size:14px; color:#666; line-height:26px}
.g_line .g_con b span{ height:26px; line-height:26px; width:80px; text-align:center; float:left; margin:8px 10px 0 0; background:#0092d8; color:#fff; display:block}
/*ABOUT END */ 


/* FOOTER */
.from{ clear:both; width:100%; margin:10px auto; overflow:hidden; position:relative}
.from h2{ font-size:20px; font-weight:normal; color:#333; line-height:40px; height:40px; padding-top:12px; text-align:center}
.from ul{font-size:16px; color:#444; width:96%; margin:0 auto; position:relative}
.from ul li{ float:left; padding:10px 0 5px 0; position:relative}
.from ul li.fwz{ width:18%; line-height:28px; text-align:center}
.from ul li.fbd{ width:32%; line-height:28px}
.from ul li input{ width:95%; height:28px; border:1px solid #ddd; overflow:hidden; float:left; line-height:28px;color:#444}
.from ul li select{width:92px; height:24px; border:1px solid #ddd; overflow:hidden; line-height:24px; padding:2px; color:#444}
.tij{ clear:both; height:42px; padding:15px 0; text-align:center}
.tij input{ width:50%; height:42px; border:none; background:#ff853b; color:#fff; line-height:42px; font-size:18px; border:1px solid #af4403;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.tij input.butn{background:#21b717}
.tij input.butns{ background:#ff853b}

.tel{ width:96%; clear:both; margin:10px auto; position:relative; background:#0380ee;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.tel img{ width:100%;}

footer{ clear:both; width:100%; margin-top:20px; display:block; padding-bottom:20px}
footer .fnav{ width:100%; height:48px; line-height:48px; font-size:16px; color:#fff; background:#025aa7; text-align:center}
footer .fnav a{ color:#fff; padding:0 6px}
footer p{color:#666; line-height:22px; padding:15px 0; text-align:center; display:block}
/* FOOTER END */
/*浮动----------------------------------------------------------*/
#m-wp{ z-index:20}
.m-b{position:fixed;width:100%;left:0;bottom:0;z-index:999;font:12px/1.5 Microsoft Yahei}
.m-b li{width:33.3%;float:left;height:48px;line-height:48px;font-size:14px;text-align: center}
.m-b li a{display:block;height:48px;padding:0;color:#FFF}
.m-b .m-b1 a,.m-b .m-b2 a,.m-b .m-b3 a{background: none}
.m-b .m-b1,.m-b .m-b3{background:#1c8fda}
.m-b .m-b2{background:#ff9713}
.m-b .m-b1 span{background-image: url(tel.png);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}
.m-b .m-b2 span{background-image: url(zx.gif);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}
.m-b .m-b3 span{background-image: url(guah.png);width:40px;height:40px;display: inline-block;background-size:100% 100%;vertical-align: middle}
/*漂浮咨询*/
#zixun{width:25px;position: fixed;right: 0px;top: 30%}
#online{width:240px;height:140px;text-align:center;background:#f3f4f6;position: fixed;left:50%;top:50%;margin:-75px 0 0 -120px;box-shadow:0 0 5px rgba(0,0,0,.6);display: none;border-radius:5px;font:12px/1.5 Microsoft Yahei; z-index:999}
.online_top{font-size:16px;color:#333333;padding-top:9px;padding-bottom:9px;}
.online_top2{font-size:16px;color:#333333;padding-top:18px}
.online_btn{margin-top:10px}
.online_btn a{width:88px;display:inline-block;margin:0 7px}
.online_btn img{vertical-align: middle;width:100%}
.line_colse{width:25px;height:25px;background:url(line_colse.png) no-repeat;background-size: 100% 100%;position: absolute;top: -6px;right: -6px;cursor: pointer}
#telInput{width:135px;height:28px;border:1px solid #e63106;border-radius:14px 0 0 14px;text-indent:8px; float:left; margin-left:15px}
#callBtn{width:75px;text-align:center;color:#FFF;height: 30px;border:1px solid #e63106;border-radius:0 14px 14px 0;background:#e63106; float:left; font-size:12px}
.online-input{padding:5px 0}
.online-hd p{padding:0 20px;text-align:left}

#online input,#online select,#online textarea{font-size:100%;outline:none}
#LRfloater0,#LRfloater1{display:none}

/*iphone6,iphone6s...*/
@media screen and (min-width: 541px) {
.qjzsmall p,.qjzbig p,.qjzl ul li a,.qzx ul li,.fnav a,footer p,.baby li span,.telzx p{ font-size:14px}
footer a{ font-size:16px}
}
/*iphone5,iphone5s...*/
@media screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 
.qjzsmall p,.qjzbig p,.qjzl ul li a,footer p,.baby li span,.telzx p{font-size:12px}
footer a,.qzx ul li{ font-size:14px}
}
/*iphone4,iphone4s及小屏幕*/
@media screen and (max-device-height: 567px) {
.qjzsmall p,.qjzbig p,.qjzl ul li a,footer p,.baby li span,.telzx p{font-size:12px}
footer a,.qzx ul li{ font-size:14px}

}