/* Write your styles */
*{margin: 0;padding: 0;}
h1,h2,h3,h4{font-weight:normal;}
html{max-width: 780px;min-width: 320px;margin: 0 auto;}
body {font-family: "思源黑体" !important;font-size: 100%;background-color: #fff;}
iframe,img{border: 0 none;vertical-align:top}
ul, ol {list-style: none outside none;}
input, select, textarea {outline: 0 none;}
a {text-decoration: none;color:inherit;}

.wrap img{width: 100%;display: block;height: auto}
.wrap{width: 100%;max-width: 780px;min-width: 320px;margin: 0 auto;overflow:hidden}
.clear{clear:both;}
/*--------------------------------------------------------------------*/

.header .head_top{width: 100%}
.header .head_logo{float: left;margin-top: 4%;margin-left: 2.5%}
.header .head_nav li{float: left;width: 20%;color:#f4d09d;font-size:14px;text-align: center;padding:2% 0;}
.header .head_nav .h_ul1 li {background-color:#013542}
.header .head_nav .h_ul1 li:nth-child(1) {background-color:#00667f}
.xmks{width: 90%;margin-left: 5%;}
.xmks ul li{width: 15%;float: left;margin:5% 2.5%;}




.bom_footer{ z-index:1000002;max-width: 780px; min-width: 320px; margin:0 auto;position: fixed;left:0; right:0;bottom: 0;background-image:linear-gradient(90deg, #005a76 100px, #005a76 500px);}
.ft_nav{width:100%;position:relative;  height:50px; }
.ft_nav li{float: left;width: 15%; position:relative; padding: 0.5% 0}
.ft_nav li:nth-of-type(1){float: left;width: 17%;position:relative;margin:0.1rem auto;}
.ft_nav li:nth-of-type(1) img{  display: block;  width:48%; margin:0.1rem auto;}
.ft_nav li:nth-of-type(2){float: left;width: 18%;position:relative;margin: 0.1rem auto;}
.ft_nav li:nth-of-type(2) img{ display: block;  width:42%; margin:0.1rem auto;}
.ft_nav li:nth-of-type(4){float: left;width: 17%;position:relative;margin:0.1rem auto;}
.ft_nav li:nth-of-type(4) img{ display: block;  width:42%; margin:0.1rem auto;}
.ft_nav li:nth-of-type(5){float: left;width: 17%;position:relative;margin:0.1rem auto;}
.ft_nav li:nth-of-type(5) img{ display: block;  width:39%; margin:0.1rem auto;}
.ft_nav li.on a{ color: #ffe611}
.ft_nav a{ width: 100%;text-align:center; font-size:16px; color:#fff;display: block;;}
.ft_nav_icon{width: 100%; height:100%;display:block; overflow: hidden; margin: 0 auto}
.ft_nav_txt{padding-top: 0.675rem; font-size:0.675rem;}
.home_icon{width: 0.4rem;}
.ft_nav li .ft_nav_icon img:nth-of-type(1){ display:block}
.ft_nav li .ft_nav_icon img:nth-of-type(2){ display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(1){ display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(2){ display:block}
.ft_nav li p{font-size:12px; display: block;text-align: center; color: #fff;    margin: 4px 0 3px }
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
.ft_nav .dbzixu{width: 31%;margin-top: 4%;margin-left: 0%;}
.ft_nav .zixu {  position: absolute;  left: 0;  right:0; margin: 0 auto;  top: -1500%;  width: 100%;  }
.ft_yh{width: 90%;position: absolute;overflow: hidden;margin:0 auto;left: 10%;right:0;top: 130%;}
.ft_yh .bd{ width:100%; }
.ft_yh .bd li{ padding:0; margin:0;}
.ft_nav li .ft_yh .bd img{display: block;width: 96%;margin:0 auto;margin-top: 9%;margin-left: 0%;}
.ft_yh .hd {  display: none;}
.ft_nav .ty { display: inline-block; padding: 2%; position: absolute;  width: 30%; margin-left: -65%;top:0; right:-5%;  z-index: 3; background: #d70000; border-radius: 50%;  }
.ft_nav .ty i{ font-style:normal;font-size: 12px ;display: block; }
.ft_nav .ty1{top:0%; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite}

/*医院信息*/
.yyxx{margin-bottom: 30%}

/*在线问诊*/
.zxwz{margin-top: 1%;padding-top: 6%}
.zxwz ul li{float: left;width: 44%;margin-left: 4%;margin-bottom: 5%}
.zxwz .chazhao{width:92%;margin-left: 4%;background-color: #fff;padding:1% 3%;border-radius: 15px;margin-bottom: 4%;border:1px solid #00a4ca;}
.zxwz input{width: 80%;float: left;color:#a4a4a4;border: none;padding-top: 1%;}
.zxwz a{float: right;padding-top: 0.5%}

@media screen and (min-width: 719px){
	.wrap{font-size: 18px}
	.ft_nav li:nth-of-type(1){margin:10px auto;}
	.ft_nav li:nth-of-type(1) img{  margin:10px auto;}
	.ft_nav li:nth-of-type(2){margin: 10px auto;}
	.ft_nav li:nth-of-type(2) img{  margin:10px auto;}
	.ft_nav li:nth-of-type(4){margin:10px auto;}
	.ft_nav li:nth-of-type(4) img{  margin:10px auto;}
	.ft_nav li:nth-of-type(5){margin:10px auto;}
	.ft_nav li:nth-of-type(5) img{  margin:10px auto;}
	.ft_nav li .ft_yh .bd img {margin-top: 4%}

}

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-2px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-2px,0)
    }
}
.zxhd{animation: pulse 1.5s infinite;-webkit-animation: pulse 1.5s infinite;}
@keyframes pulse {
  from {transform: scale3d(.95,.95,.95);}
  50% {transform: scale3d(1, 1, 1);}
  to {transform: scale3d(.95,.95,.95);}
}
@-webkit-keyframes pulse {
  from {transform: scale3d(.95,.95,.95);}
  50% {transform: scale3d(1, 1, 1);}
  to {transform: scale3d(.95,.95,.95);}
}

.ty { display: inline-block; padding: 1%; position: absolute;  left: 78%;  margin-left: 10%;  top: 10%;color:#fff;  z-index: 3; background: #ff0000; border-radius: 5px; -moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
 }
.ty i{font-size:12px; color:#fff; font-style: normal}
.ty1{top: 20%; animation: bounce 5s infinite;-webkit-animation: bounce 5s infinite}
@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-10px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-4px,0)
    }

}