@charset "utf-8";
body{ font-family:"Microsoft Yahei","Arial",sans-serif;}
html,body,p,ul,li,input,form,h1,h2,h3,h4,h5,h6,dl,dd,dt,img{ margin:0 auto; padding:0;}
a,a:hover{ font-style:normal; text-decoration:none;}
a{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*{ margin:0; padding:0}
form{margin:0}
li{ list-style:none;}
html{ font-size:5px;height:100%;width: 100%;font-size: 20px;}
@media screen and (max-width: 320px){html{ font-size:20px}}
@media screen and (max-width: 360px) and (min-width: 321px){html{ font-size:22.5px}}
@media screen and (max-width: 375px) and (min-width: 361px){html{ font-size:23.4375px}}
@media screen and (max-width: 384px) and (min-width: 376px){html{ font-size:24px}}
@media screen and (max-width: 414px) and (min-width: 385px){html{ font-size:25.875px}}
@media screen and (max-width: 480px) and (min-width: 415px){html{ font-size:30px}}
@media screen and (max-width: 540px) and (min-width: 481px){html{ font-size:33.75px}}
@media screen and (max-width: 600px) and (min-width: 541px){html{ font-size:37.5px}}
@media screen and (max-width: 640px) and (min-width: 601px){html{ font-size:40px}/*1rem=40px*/}
@media screen and (max-width: 720px) and (min-width: 641px){html{ font-size:45px}}
@media screen and (max-width: 800px) and (min-width: 721px){html{ font-size:50px}}
@media screen and (max-width: 880px) and (min-width:801px){html{ font-size:55px}}
@media screen and (max-width: 960px) and (min-width: 881px){html{ font-size:60px}}
@media screen and (max-width: 1024px) and (min-width: 961px){html{ font-size:64px}}
@media screen and (max-width: 1080px) and (min-width: 1025px){html{ font-size:67.5px}}
@media screen and (max-width: 1280px) and (min-width: 1081px){html{ font-size:80px}}
@media screen and (max-width: 1920px) and (min-width: 1281px){html{ font-size:120px;}}
@media screen and (max-width: 2048px) and (min-width: 1921px){html{ font-size:128px;}}
@media screen and (max-width: 2560px) and (min-width: 2049px){html{ font-size:160px;}}

@media screen and (max-width: 2560px) and (min-width: 641px){
  html{font-size: 40px;}
  body{ width: 640px;}
  .foot{max-width: 640px;
  .hide0{
    width: 100%;
  a0{
    width: 33%;
    margin-right: 0.3%;
  }
}
}
}
img{ width:100%; border:none;display:block}
.cb:after, .cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.cb,.cbli li{zoom:1;}
.div20{ width:100%; height:0.2rem;}
.div30{ width:100%; height:0.3rem}
.div40{ width:100%; height:0.4rem;}
.div50{ width:100%; height:0.5rem}
.div10{ width:100%; height:1rem}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none; border-radius: 0;
}
textarea { -webkit-appearance: none;}

/*头部*/
.top{ width:100%; height:auto; overflow:hidden; background:#ff4a89}
.top img{ width:90.78%; margin:0 auto}
.keyword{ width:100%; height:auto; overflow:hidden; background:#b2273c}
.keyword ul{ width:90.78%; margin:0 auto; height:0.675rem; background:#fff; border-radius:0.675rem;}
.keyword ul li{ color:#b2273c; width:42.5%; height:0.675rem; line-height:0.675rem; font-size:0.425rem; float:left; text-align:center; letter-spacing:2px;}
.nav{ width:100%; height:auto; overflow:hidden; background:#fff; border-bottom:1px solid #dcdcdc}
.nav ul{ width:90.78%; height:0.85rem; margin:0.375rem auto}
.nav ul .li1{ width:14%; height:0.85rem; float:left}
.nav ul li{ width:21%; height:0.85rem; float:left; border-right:1px solid #dcdcdc}
.nav ul li a{ width:100%; height:0.85rem; text-align:center; line-height:0.85rem; font-size:0.55rem; color:#666; letter-spacing:1px; display:block;}

/*banner*/
.banner{ width:100%; height:auto; overflow:hidden; position:relative}
.banner ul{ width:100%; height:100%}
.banner ul li{ width:100%; float:left; height:100%}
.banner .hd{ width:100%; height:0.175rem;  position:absolute; left:0; bottom:0.3rem; text-align:center}
.banner .hd ol{ width:3rem; margin:0 auto; height:100%;}
.banner .hd ol li{ width:1rem; height:0.175rem; display:block; float:left; background:#fff; margin:0 0.125rem;}
.banner .hd ol .on{ background:#ff4a89}


/*妇科项目*/
.main1{ width:100%; height:auto; margin-top:0.5rem; background:#fff; overflow:hidden}
.main1 .keshi{ width:100%; position:relative}
.main1 .keshi h3{ width:26%; height:1.15rem; text-align:center; color:#fff; line-height:1.15rem; border-radius:0 1.15rem 1.15rem 0; background:#ff4a89; position:absolute; left:0; top:0; font-size:0.6rem; font-weight:500}
.main1 .keshi table{ width:90.78%; height:4.75rem;  border-radius:0.3rem; position:absolute; left:50%; margin-left:-45.39%; top:2.5rem;border:1px solid #666 }
.main1 .keshi table tr{ width:100%; height:2.3375rem;}
.main1 .keshi table tr td{ width:24.78%; height:100%; line-height:2.3375rem; text-align:center; color:#666; font-size:0.6rem; border-right:1px solid #666 }
.main1 .keshi table tr td a{ color:#666}
.main1 .keshi table .tr1 td{border-bottom:1px solid #666}
.main1 ul .li2 h5{ background:#b142d6}
.main1 ul .li2 table{ height:7.125rem; border-color:#a28be4}
.main1 ul .li2 table td{ color:#a28be4}
.main1 ul .li2 table tr td a{ color:#a28be4}
.main1 ul .li2 table .tr2 td{ border-bottom:1px solid #a28be4; border-top:1px solid #a28be4}
.main1 ul .li2 table tr td{ border-right:1px solid #a28be4}
.main1 ul .li2 .a1{ bottom:0.75rem; background:#b7a9e1}

.pic-list { width:100%;}
.pic-list ul { width:100%;}
.pic-list ul li { float:left;}
.pic-list li { text-align: center;}
.pic-list li h5 { font-weight: normal; font-size:0.5rem; }
.pic-list li img { margin-bottom: 5%;}

.ks-list .w20 { padding:1rem 0 0.5rem; }
.ks-list .w20 li { width: 20%; padding: 4% 0;}
.ks-list .w20 li img { width: 53.3333%; }
.ks-list .w20 li h5 { color: #666; }

.ks-list li a { display: block; width: 100%; height: 100%;}


/*医疗团队*/
.public{ width:100%; height:auto; overflow:hidden; background:#fff;}
.public .title{ width:90.78%; height:0.825rem; margin:0 auto; position:relative}
.public .title .img1{ width:5.51%;left:37.5%; position:absolute; top:0}
.public .title h4{ color:#ff4a89; line-height:0.8rem; font-size:0.625rem; font-weight:500; position:absolute; top:0; left:45%}
.main2 .zj{ width:100%; height:auto; overflow:hidden}
.main2 .zj ul{ width:90.78%; height:11.6rem; margin:0 auto}
.main2 .zj ul li{ width:100%; height:11.6rem; float:left}
.main2 .zj ul li .cont{ width:48.27%; float:left; height:100%;}
.main2 .zj ul li .cont .name{  height:7.025rem; position:relative}
.main2 .zj ul li .cont .name div{ width:100%; height:1.1rem; background:#cf424d; opacity:0.6; filter:alpha(opacity=60); position:absolute; left:0; bottom:-0.02rem; text-align:center}
.main2 .zj ul li .cont .name div a{ color:#fff; font-size:0.575rem; line-height:1.1rem;}
.main2 .zj ul li .cont .name div a span{ font-size:0.425rem; letter-spacing:1px}
.main2 .zj ul li .cont .bottom{ width:100%; height:4.575rem; background:#eea1a7;}
.main2 .zj ul li .cont .bottom p{ width:90.7%; margin:0 auto; color:#fff; font-size:0.5rem; line-height:0.8rem; }
.main2 .zj ul li .cont .bottom p a{ color:#fff;}
.main2 .zj ul li .cont .bottom .yy{ width:64.28%; display:block; height:1.1rem; margin:0 auto; background:#cf424d; border-radius:0.3rem}
.main2 .zj ul li .cont .bottom .yy img{ width:13.25%; float:left; margin-left:0.85rem; padding-top:0.25rem; margin-right:0.2rem}
.main2 .zj ul li .cont .bottom .yy span{ color:#fff; font-size:0.525rem;; line-height:1rem;}
.main2 .zj ul li .right{ float:right}
.main2 .zj ol{ width:0.85rem; height:0.3rem; margin:0 auto}
.main2 .zj ol li{ width:0.3rem; height:0.3rem; border-radius:0.3rem; background:#b5b5b5; float:left}
.main2 .zj ol .on1{ background:#ff4a89}


/*医院动态*/
.main3 .center{ margin:0 auto; width:90.78%; height:auto; overflow:hidden}
.main3 .center ul{ width:100%; height:auto; overflow:hidden}
.main3 .center ul li{ width:100%; float:left;border-bottom:1px #aaaaaa dashed; height:1.675rem;}
/*.main3 .center ul li img{ width:3.27%; float:left; padding-top:0.65rem}*/
.main3 .center ul li div{ background:url(../images/gb2.jpg) no-repeat center center; width:0.475rem; height:0.425rem; float:left; margin-top:0.65rem; background-size: cover;}
.main3 .center ul li a{ width:93%; float:right; display:block; color:#666; font-size:0.55rem; line-height:1.675rem;}
.main3 .center ul li a span{ float:right}
.main3 .center ul .on4 div{background:url(../images/gb1.jpg) no-repeat center center;background-size: cover !important}
.main3 .center ul .on4 a{ color:#f47443}

/*优惠套餐*/
.main4 .center{ width:90.78%; height:auto; overflow:hidden; margin:0 auto}
.main4 .center ul{ width:100%; height:7.5rem;}
.main4 .center ul li{ width:100%; height:100%; float:left}
.main4 .center ul li .pub{ width:31.03%; float:left; height:100%;}
.main4 .center ul li .pub .tc{ width:88.88%; margin:0 auto; margin-top:0.225rem; background:#fff; height:5.325rem;}
.main4 .center ul li .pub .tc span{ display:block; width:100%; text-align:center;  color:#eea1a7}
.main4 .center ul li .pub .tc .span1{ font-size:0.875rem; line-height:1rem;}
.main4 .center ul li .pub .tc .span2{ font-size:0.6rem; line-height:0.8rem;}
.main4 .center ul li .pub .tc .span3{ font-size:0.4rem; line-height:0.6rem; text-decoration:line-through}
.main4 .center ul li .pub .tc .span4{ font-size:0.575rem; line-height:1rem;}
.main4 .center ul li .pub .tc .span4 a{ font-size:0.95rem;}
.main4 .center ul li .pub .xq{ width:2.85rem; display:block; margin:0 auto; border:1px solid #fff; height:0.9rem; line-height:0.9rem; text-align:center; color:#fff; font-size:0.5rem;}
.main4 .center ul li .zj .tc span{color:#b7a9e1}
.main4 .center ul li .right .tc span{color:#f4bb8e}
.main4 .center ul .li2 .right .tc span{color:#d7be9e}
.main4 .center ul .li2 .left .tc span{color:#a8d7a6}
.main4 .center ul .li2 .zj .tc span{color:#85d1d0}
.main4 .center ol{ width:0.85rem; height:0.3rem; margin:0 auto}
.main4 .center ol li{ width:0.3rem; height:0.3rem; border-radius:0.3rem; background:#b5b5b5; float:left}
.main4 .center ol .on2{ background:#ff4a89}

/*医院环境*/
.main5 .center{ width:90.78%; height:auto; overflow:hidden; margin:0 auto}
.main5 .center ul{ width:100%; height:8.25rem;}
.main5 .center ul li{ width:100%; height:8.25rem; float:left}
.main5 .center ol{ width:2rem; height:0.3rem; margin:0 auto}
.main5 .center ol li{ width:0.3rem; height:0.3rem; border-radius:0.3rem; background:#b5b5b5; float:left; margin-right:0.266rem}
.main5 .center ol .on3{ background:#ff4a89}
.main5 .center .bottom{ width:100%; height:auto; overflow:hidden}
.main5 .center .bottom .left{ float:left; width:62%; height:2.5rem;}
.main5 .center .bottom .left p{ width:100%; text-align:center; color:#434343; font-size:0.525rem; line-height:0.6rem;}
.main5 .center .bottom .left a{ display:block; width:100%; background:#ff8601; line-height:1.5rem; border-radius:0.3rem;}
.main5 .center .bottom .left a img{ width:8.33%; float:left; margin-left:25%; padding-top:0.4rem; margin-right:0.2rem}
.main5 .center .bottom .left a span{ float:left; color:#fff; font-size:0.575rem;; line-height:1.5rem;}
.main5 .center .bottom .right{ float:right; height:2.5rem; border:1px solid #ff380b; width:35.17%; border-radius:0.3rem}
.main5 .center .bottom .right div{ width:49.5%; float:left; height:2rem; margin-top:0.3rem; border-right:1px solid #ff380b}
.main5 .center .bottom .right div img{ width:37.62%; margin:0 auto; padding-top:0.1rem}
.main5 .center .bottom .right div a{ color:#ff380b; font-size:0.525rem; line-height:0.8rem; width:100%; text-align:center; display:block; margin-top:0.1rem}


/*网络自助预约平台*/
.main6 .titles{width:90.78%; height:0.825rem; margin:0 auto; position:relative}
.main6 .titles img{ width:100%;}
.main6 .titles h4{ color:#ff4a89; line-height:0.8rem; font-size:0.625rem; font-weight:500; position:absolute; left:36%; top:0}
.main6 .center{ width:90.78%; height:auto; overflow:hidden; margin:0 auto}
.main6 .center form{ width:100%; height:auto; overflow:hidden}
.main6 .center form ul{ width:100%; height:auto; overflow:hidden}
.main6 .center form ul li{ width:100%; float:left; height:1.5rem; margin-bottom:0.6rem}
.main6 .center form ul li img{ width:4.65%; float:left; padding-top:0.425rem;}
.main6 .center form ul li span{ width:23%; display:block; float:left; text-align:center; color:#535353; font-size:0.575rem; line-height:1.5rem;}
.main6 .center form ul li input{ width:72%; float:right; height:1.5rem; background:#eeeeee; color:#aaaaaa; font-size:0.5rem; line-height:1.5rem; text-indent:0.4rem; display:block; border:none; border-radius:0.3rem}
.main6 .center form ul li .bbs_p25{ width:72%; float:right; height:1.5rem; background:#eeeeee; color:#aaaaaa; font-size:0.5rem; line-height:1.5rem; text-indent:0.15rem; display:block; border:none; border-radius:0.3rem 0 0 0.3rem}
.main6 .center form .ye_ul .zx{ width:48.2%; height:1.5rem; display:block; float:left; border-radius:0.3rem; text-align:center; line-height:1.5rem; color:#fff; font-size:0.575rem;}

/*底部*/
.footer{ width:100%; height:8.5rem}
.footer .center{ width:90.78%; margin:0 auto; height:7rem}
.footer .center .bottom{ position:relative; width:100%; height:auto; overflow:hidden}
.footer .center .bottom a{ position:absolute; top:5rem; display:block; width:3.05rem; border-radius:0.2rem; font-size:0.5rem; text-align:center; line-height:1rem; color:#fff; height:1rem; right:0;}

.foot {width: 100%;height:2rem;overflow: hidden;position: fixed;bottom: 0;z-index: 99;background: #fff;}
.foot .hide{ width:100%; height:2rem;  overflow:hidden;}
.foot .hide .bottom22{ width:100%; height:2rem; background:#ff4a89}
.foot .hide .bottom22 .left22{ width:49.5%; display:block; float:left; height:2rem; line-height:2rem; background: #f80; }
.foot .hide .bottom22 .left22 span{ display:block; width:60%; margin:0 auto; font-size:0.6rem; color:#fff;height:1.2rem; line-height:1.2rem; padding-top:0.5rem;}
.foot .hide .bottom22 .left22 img{ width:28%; display:block; float:left;margin-right:0.2rem}
.foot .hide .bottom22 .right22{width:49.5%; text-align:center; color:#fff; line-height:2rem; display:block; float:right; }
.foot .hide .bottom22 .right22 span{ display:block; width:60%; margin:0 auto; font-size:0.6rem; color:#fff;height:1.2rem; line-height:1.2rem; padding-top:0.5rem;}
.foot .hide .bottom22 .right22 span b{ width:25.5%; float:left; margin-right:0.2rem; background:#fff; height:1.2rem; border-radius:1.2rem}
.foot .hide .bottom22 .right22 .img2{ width:62%; display:block; margin:0.2rem auto; }
.foot .hide .bottom22 p{ width:2px; height:2rem; float:left}
.foot .hide .bottom22 p img{ width:100%; padding-top:0.1rem}