﻿
.header_top,.header_top p.fl{line-height: 44px;}
.header_top .login .fl{background: url(/Content/Areas/Hospitals/images/index/ren.png) no-repeat left center; padding-left:22px; margin-left: 20px\9;_margin-left: 20px;}
.header_top .login .fl span{ padding:0 4px;}
.header_top .login .fl .erm{ position: relative;cursor: pointer;display: block;width: 22px;width: 22px;float: right;margin-left: 12px; display: none\9;_display: none; }
.header_top .login .fl .wz{ position: absolute; top: 36px;right: -30px;z-index: 99;}

.header_top .login .fr{ position: relative;cursor: pointer; background: url(/Content/Areas/Hospitals/images/index/line.jpg) no-repeat left center; padding-left: 14px; margin-left: 14px;width: 210px;}
.header_top .login .fr .phone{ background: url(/Content/Areas/Hospitals/images/index/phone.png) no-repeat left center; padding-left: 16px; }
.header_top .login .fr .eng{ background: url(/Content/Areas/Hospitals/images/index/banben.png) no-repeat left center; padding-left: 22px;margin-left: 14px; }
.header_top .login .fr .mail{margin-left:14px;}
.header_top .login .fr img{position: absolute;top: 36px;right: 80px;z-index: 99;}

.header_border{width: 970px;margin: 0 auto;border: 1px solid #d6d6d6;border-radius: 4px;padding: 15px;box-shadow:1px 2px 8px #d6d6d6;}
.search-box { position: relative;margin-top: 14px;}
.search-box .searchText{width: 420px;height: 32px;border-radius: 20px;padding-left: 10px; line-height: 32px;}
.search-box .searchBtn{ position: absolute; right: 10px; background: url(/Content/Areas/Hospitals/images/index/sousuo.png) no-repeat;width: 24px;height: 24px;top: 9px;border: none;cursor: pointer; }

@media only screen and (max-width: 1000px){
 .header_border{width: 100%;box-sizing: border-box;}
}
@media only screen and (max-width: 768px){
 .header_top p.fl,.header_top .login .fl .erm,.header_top .login .fr .phone{ display: none; }

 .logo,.search-box{float: none;}
 .logo img{ display: block; margin: 0 auto; }
 .search-box{width: 50%; margin:20px auto 0;}
 .search-box .searchText {width: 100%;}
 .header_top .login .fr {background: none;padding-left: 0;margin-left: 0;width: auto;}
} 
@media only screen and (max-width: 425px){
 .logo img{width: 100%;}
 .search-box {width: 60%;margin: 20px auto 0;float: left;}
 .header_top .login .fl span span{ display: none; }
}
@media only screen and (max-width: 375px){
 .header_top > p.fl{ display: none; }
} 