@charset "utf-8";
*{margin: 0;padding: 0;list-style: none;text-decoration: none}
ul,li{list-style: none}
body{font: 12px/1.5 "Microsoft Yahei","\5b8b\4f53",sans-serif;color: #535353;}
@media only screen and (min-width: 640px) { body{ font-size:24px; }}
@media only screen and (max-width: 640px) { body{ font-size:23px; }}
@media only screen and (max-width: 620px) { body{ font-size:22px; }}
@media only screen and (max-width: 580px) { body{ font-size:21px; }}
@media only screen and (max-width: 560px) { body{ font-size:20px; }}
@media only screen and (max-width: 520px) { body{ font-size:19px; }}
@media only screen and (max-width: 480px) { body{ font-size:18px; }}
@media only screen and (max-width: 460px) { body{ font-size:17px; }}
@media only screen and (max-width: 420px) { body{ font-size:16px; }}
@media only screen and (max-width: 380px) { body{ font-size:15px; }}
@media only screen and (max-width: 360px) { body{ font-size:14px; }}
@media only screen and (max-width: 320px) { body{ font-size:13px; }}
img{
    display: block;
    max-width: 100%;
    height: auto;
}
.img-box img{
    border: 0;
    font-size: 0;
    margin: 0 auto;
}
.title h1{
    font-size: 1.6em;
    line-height: 1.3em;
    letter-spacing: 0.1em;
}
.title h3{
    color: #000;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.5em;
    background: url("../images/title-bg.png") no-repeat center;
    background-size: 100%;
    margin: 0 1em;
}
.title p{
    text-transform: uppercase;
    font-size: 0.5em;
    line-height: 2em;
    letter-spacing: 0.15em;
}
.txt{
    line-height: 1.6em;
    font-size: 0.8em;
    text-indent: 2em;
    letter-spacing: 0.08em;
    padding: 0.5em;
}
.txt-center{
    text-align: center;
}
.m-t{
    margin-top: 0.5em;
}
.p-t{
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.span-color{
    color: #E60012;
}
.padding{
    padding: 0.2em 0.5em;
}
a{
    color: #000;
    text-decoration: none;
}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clear{
    clear: both;
}
/*正文开始*/
.wrapper{
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
}
/* ----------------------------专注骨科--------------------------------*/
.in01 .hospital-img .img-box{
    width: 5.5em;
    height: 5.5em;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px #535353 solid;
}
.in01 .hospital-img .img-box img{
    width: 92%;
    height: 92%;
    border-radius: 50%;
    margin-top: 4%;
}
.in01 .online-ask{
    border: 1px #008085 solid;
    width: 70%;
    line-height: 1.2em;
    margin: 1em auto 0;
    height: 1.4em;
}
.in01 .online-ask .tel,
.in01 .online-ask .online{
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-align: center;
}
.in01 .online-ask .tel{
    color: #008085;
    display: inline-block;
    width: 70%;
}
.in01 .online-ask .online{
    display: inline-block;
    background-color: #008085;
    color: #ffffff;
    float: right;
    line-height: 2em;
    width: 30%;
}
/*荣誉轮播图开始*/
.hospital-honor{
    width: 100%;
    margin: 1.5em 0 1.2em;
}
.hospital-honor .honor-slide{
    width: 88%;
    border: 1px black solid;
    margin: 0 auto;
    position: relative;
    padding-top: 0.3em;
}
.hospital-honor .honor-slide .bd{
    position: relative;
    z-index: 0;
}
.hospital-honor .honor-slide .bd ul .pic{
    position: relative;
    text-align: center;
    width: 100%;
}
.hospital-honor .honor-slide .bd .pic img{
    display: inline-block;
    width: 32%;
    height: 5.5em;
}
.hospital-honor .honor-slide .hd{
    width: 100%;
    height: 0;
    left: 0;
    z-index: 1;
    line-height: 0;
    text-align: center;
}
.hospital-honor .honor-slide .hd li{
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    font-size: 0;
}
.hospital-honor .honor-slide .hd li.on{
    background: #fff;
}
/* 前/后按钮代码开始*/
.hospital-honor .honor-slide .arrow{
    position: absolute;
    width: 100%;
    top: -1%;
}
.hospital-honor .honor-slide .arrow .prev{
    background:url("../images/arrow-left.png") 50% #008085 no-repeat;
    left: -1.5em;
    background-size: 50%;
}
.hospital-honor .honor-slide .arrow .next{
    background:url("../images/arrow-right.png") 50% #008085 no-repeat;
    right: -1.5em;
    background-size: 50%;
}
.hospital-honor .honor-slide .arrow .prev,
.hospital-honor .honor-slide .arrow .next{
    position: absolute;
    display: block;
    width: 5.5%;
    height: 6.3em;
}
.hospital-honor .honor-slide .arrow .prev:hover,
.hospital-honor .honor-slide .arrow .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.hospital-honor .honor-slide .arrow .prevStop{ display:none;  }
.hospital-honor .honor-slide .arrow .nextStop{ display:none;  }
/* 前/后按钮代码结束*/
/*荣誉轮播图结束*/
/* ----------------------------特色科室--------------------------------*/
.in02{
    width: 100%;
    height: auto;
    background: url("../images/depart-bg.jpg") no-repeat center;
    background-size: 100% 100%;
}
.in02 .departments li{
    float: left;
    margin: 0.2em;
}
.in02 .departments .up{
    width: 46%;
}
.in02 .departments .down{
    width: 93.5%;
    margin-left: 0.7em;
}
/* ----------------------------医疗团队--------------------------------*/
.in03{
    width: 100%;
    height: auto;
    background: url("../images/team-bg.jpg") no-repeat center;
    background-size: 100% 100%;
}
.in03 .txt-color{
    color: #000000;
}
.in03 .medical-team .team-video{
    margin: 0.2em 1.5em;
    position: relative;
}
.in03 .medical-team .team-video .hd{
    width: 100%;
    height: 0;
    left: 0;
    z-index: 1;
    line-height: 0;
    text-align: center;
}
.in03 .medical-team .team-video .hd li{
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    font-size: 0;
}
.in03 .medical-team .team-video .hd li.on{
    background:#fff;
}
.in03 .medical-team .team-vide{
    position: relative;
}
.in03 .medical-team .team-video .arrow{
    position: absolute;
    width: 100%;
    top: 30%;
}
.in03 .medical-team .team-video .arrow .prev{
    background: url("../images/icon-left.png") 50% no-repeat;
    left: -4.5%;
    background-size: 100%;
}
.in03 .medical-team .team-video .arrow .next{
    background: url("../images/icon-right.png") 50% no-repeat;
    right: -4.5%;
    background-size: 100%;
}
.in03 .medical-team .team-video .arrow .prev,
.in03 .medical-team .team-video .arrow .next{
    position: absolute;
    display: block;
    width: 0.75em;
    height: 2em;
}
.keshi_slide_box .arrow .prev:hover,
.keshi_slide_box .arrow .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.keshi_slide_box .arrow .prevStop{ display:none;  }
.keshi_slide_box .arrow .nextStop{ display:none;  }
/*轮播内容*/
.in03 .medical-team .team-wrapper .team-img{
    width: 44%;
    height: 7.1em;
    overflow: hidden;
    background-color: #ffffff;
    float: left;
}
.in03 .medical-team .team-wrapper .team-img img{
    display: inline-block;
    width: 96%;
    height: 6.7em;
    margin: 0.2em;
}
.in03 .medical-team .team-wrapper .team-txt{
    background-color: #ffffff;
    width: 55%;
    height: 7.1em;
    overflow: hidden;
    position: relative;
    float: right;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box{
    margin: 0.3em 0.7em 0;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box p{
    letter-spacing: 0.1em;
    font-size: 0.6em;
    line-height: 1.3em;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box .name{
    color: #008085;
    font-size: 0.8em;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box .titles{
    color: #EB6100;
    margin-bottom: 0.5em;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box .sub-titles{
    margin-bottom: 0.5em;
}
.in03 .medical-team .team-wrapper .team-txt .txt-box .merit .select{
    color: #000000;
    font-size: 1.2em;
}
.in03 .medical-team .team-wrapper .team-txt .ask-box{
    background: url("../images/ask-bg.png") no-repeat;
    background-size: 100% 100%;
    width: 4em;
    height: 1em;
    position: absolute;
    right: 8%;
    bottom: 6%;
    
}
/*.in03 .medical-team .team-wrapper .team-txt .ask-box .icon{
    display: inline-block;
    background: url("../images/icon.png") no-repeat;
    background-size: 100% 100%;
    width: 0.5em;
    height: 0.6em;
    vertical-align: middle;
    margin-left: 0.5em;
	margin-bottom: 0.5em;
}
.in03 .medical-team .team-wrapper .team-txt .ask-box a{
    display: inline-block;
    font-size: 0.6em;
    color: #ffffff;
    text-align: right;
    vertical-align: middle;
	margin-bottom: 0.5em;
}*/
.in03 .medical-team .team-wrapper .team-txt .ask-box img{
    display: inline-block;
    width: 0.45em;
    height: 0.55em;
    float: left;
    margin-left: 0.6em;
    margin-top: 0.1em;
}
.in03 .medical-team .team-wrapper .team-txt .ask-box span{
    display: inline-block;
    font-size: 0.6em;
    color: #ffffff;
    text-align: right;
    float: left;
    margin-left: 0.3em;
}
/* ----------------------------尖端设备--------------------------------*/
.in04{
    width: 100%;
    height: auto;
    background-color: #eeeeee;
}
.in04 .equip{
    width: 90%;
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 auto;
    padding: 0.4em 0;
}
.in04 .equip ul li{
    float: left;
    margin: 0.25em;
}
.in04 .equip ul .long-up{
    width: 46.5%;
    height: 6em;
}
.in04 .equip ul .long-down{
    width: 22.5%;
    height: 7.7em;
    margin-left: 0.15em;
}
.in04 .equip ul li img{
    width: 100%;
    height: 100%;
}
.in04 .equip ul .move-left{
    margin-left: 0.5em;
}
.in04 .online-ask a{
    display: inline-block;
    width: 38%;
    padding: 0.2em 0;
    border: 4px #DBDBDB solid;
    font-size: 0.75em;
    letter-spacing: 0.2em;
    border-radius: 2em;
}
.in04 .online-ask .m-r{
    background-color: #008085;
    color: #ffffff;
    margin-right: 0.2em;
}
.in04 .online-ask .m-l{
    background-color: #E60012;
    color: #ffffff;
    margin-left: 0.2em;
}
/* ----------------------------in05--------------------------------*/
.in05 .host-content{
    margin-bottom: 0.5em;
}
.in05 .host-content .host-img{
    width: 44%;
    height: 7.5em;
    float: left;
    border: 1px #000000 dashed;
    padding: 0.25em;
}
.in05 .host-content .host-img img{
    width: 100%;
    height: 100%;
}
.in05 .host-content .host-right{
    width: 50%;
    float: right;
    font-size: 0.7em;
    padding: 0.5em 0.2em;
}
/* ----------------------------footer--------------------------------*/
.footer{
    background-color: #37383A;
    padding: 1em 0;
}
.footer p{
    color: #ffffff;
    font-size: 0.7em;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.footer .img-box{
    padding-bottom: 0.3em;
}