html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%; font-size:14px;
}

 
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative; 
  z-index: 2;
  padding-top:4em;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
   overflow:hidden;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
 

header {
  position: absolute;
  top: 0;
  width:100%; max-width:640px; overflow:hidden; 
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}





#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}
#cd-logo img {
  display: block;
}
 

#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
 

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0; width:50px;
  height: 100%;
    
}
#cd-menu-trigger i{ padding-right:10px;}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
 

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #242e30;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}

#cd-lateral-nav .cd-navigation li .icon{ color:#FFF; font-size:28px; margin-right:10px;
}

#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #aab5b7;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
 
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
 
 
.jhsy{ background:url(../images/rl.png) center no-repeat} 
.pfk{ background:url(../images/pfk.png) center no-repeat}
.gck{ background:url(../images/gck.png) center no-repeat}  
.kfk{ background:url(../images/kfk.png) center no-repeat}  
.wgk{ background:url(../images/wgk.png) center no-repeat}
.wc{ background:url(../images/wc.png) center no-repeat} 

.topnav {width:100%; height:45px;   line-height:45px; overflow:hidden; margin-top:10px;}
.topnav  li{ float:left; width:25%; text-align:center; color:#fff; background:#41b8f0; border-right:1px solid #FFF; box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; }
.topnav  li a{color:#fff;}




/*挂号*/	
.ghtit{ width:90.62%;height:1.8em; line-height:1.8em;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; margin:auto; background:#3db6ee; color:#FFF; text-align:center}
.bookingBox { width:90.62%; margin:auto; overflow:hidden;}
.bookingBox li { width:45%; float:left; margin-right:3%; border:1px solid #ccc; padding:.35em .3em; margin-bottom:.5em; overflow:hidden;  display:block;}
.bookingBox li:nth-child(2n) { margin:0; margin-bottom:.5em;}
.bookingBox li:last-child { border:none; text-align:center;}
.bookingBox li:last-child input { width:100%; height:40px; line-height:40px;width: 180px;height:40px; line-height:40px;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; margin:auto;}
.bookingBox input,.bookingBox textarea,.bookingBox select { border:none; background-color:#eeeeee; font:1em/1.5em "Microsoft YaHei"; color:#333;}
.bookingBox input.in01,.bookingBox select { width:70%;}
.bookingBox input.in02 { width:40%;}
.bookingBox input.in03 { width:25%; color:#3ab2ae;}
.bookingBox li.w100 { width:96%; }
.bookingBox textarea { width:98%;}
.bookingBox select { }
.gh h2{ height:3em; line-height:3em; font-size:1.2em; text-align:center}


/*底部===================================*/
.copy{ border-top:1px solid #ddd; background:url(../images/x.jpg) top no-repeat; text-align:center; line-height:2em; padding-top:0.4em; margin-bottom:4.3em;}
footer { z-index:999; overflow: hidden; height:4.2em;  width:100%; position: fixed; bottom: 0; left: 0;  text-align: center;   }
footer ul { display: table; table-layout: fixed;height:4em;padding-bottom:.2em; width:100%; margin:auto;background:#41b8f0; max-width:640px; }
footer li { display: table-cell; }
footer li:nth-of-type(1) a:hover:before, footer li:nth-of-type(1) a:active:before, footer li:nth-of-type(1) a.active:before { background-position: 0 -35px; }
footer li:nth-of-type(2) a:hover:before, footer li:nth-of-type(2) a:active:before, footer li:nth-of-type(2) a.active:before { background-position: -38px -35px; }
footer li:nth-of-type(2) a:before { background-position: -38px 0; }
footer li:nth-of-type(3) a:hover:before, footer li:nth-of-type(3) a:active:before, footer li:nth-of-type(3) a.active:before { background-position: -76px -35px;}
footer li:nth-of-type(3) a:before { background-position: -76px 0; }
footer li:nth-of-type(4) a:hover:before, footer li:nth-of-type(4) a:active:before, footer li:nth-of-type(4) a.active:before { background-position: -114px -35px; }
footer li:nth-of-type(4) a:before { background-position: -114px 0; }
footer a { position: relative;z-index:2; display: block; color: #fff; }
footer a:before { content: ""; display: block; margin: 0 auto; width: 38px; height: 37px; background: url(http://4g.ywhsyy.com.cn/images/icons.png) no-repeat; -webkit-background-size: 188px auto; background-size: 188px auto; }
footer a:hover, footer a:active, footer a.active {  color: #ff7500; }
footer .flashNo { position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; background: #d7000e; color: #fff; font-family: arial; line-height: 18px; border-top-left-radius: 9px;border-top-right-radius: 9px;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;border-radius:9px; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; }
#dhtb { background-position: 0 -35px;-webkit-animation:zooming 1s infinite; animation:zooming 1s infinite;  }
@-webkit-keyframes zooming{ 0%      {-webkit-transform: scale(.8);opacity:1.0; text-shadow:0 0 0px #F00;} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white; text-shadow:0 0 0px #F00;} 100%    {-webkit-transform: scale(.8);text-shadow:0 0 0px #F00;}}

@keyframes zooming{0%      {-webkit-transform: scale(.8);text-shadow:0 0 0px #F00;} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white;text-shadow:0 0 0px #F00;} 100%    {-webkit-transform: scale(.8);text-shadow:0 0 0px #F00;}}
@-webkit-keyframes flash { 0%,40%,100% { opacity: 1; }
  50%,90% { opacity: 0; } }
@keyframes flash { 0%,40%,100% { opacity: 1; }
  50%,90% { opacity: 0; } }

@media (min-width: 321px) and (max-width:360px) {
body{ font-size:14px} 
}
@media (min-width: 361px) and (max-width:390px) {
body{ font-size:15px} 
}
@media (min-width: 391px) and (max-width:420px) {
body{ font-size:16px} 
}
@media (min-width: 421px) and (max-width:480px) {
body{ font-size:17px} 
}
@media (min-width: 481px) and (max-width:580px) {
body{ font-size:18px} 
}
@media (min-width: 581px){
body{ font-size:24px} 
}