﻿/*顶部*/
.navbar-default{ /*background:url(/Sites/Uploaded/UserUpLoad/20171009/20171009100820.jpg) no-repeat;*/background:none; border-color: #fff !important;position:relative;  }
/*顶部banner*/
.Img_top a img{width:100%;}
/*头部*/
.header{width: 100%;height: 60px;}
.header .header_con{width: 1314px;height: 60px;position: relative;margin: 0 auto;*background: none;}
.nav_btn{ display:none}
.header .pull-right{width: 365px\9;padding-right: 0px;height: 60px;}
.form-horizontal{margin-top: 17px;height: 26px;float: left;}
.form-horizontal .select-con{float: left; height: 30px;}
.select-con select{border:none;height: 28px; display: block;}
.input-group input{border:none;background:none;height: 26px;line-height: 26px;}
.input-group input:focus{border:none!important;transition:none;box-shadow:inset 1px 3px 7px rgba(0,0,0,.075)}
.input-group .form-control{width: 280px;background: #fff;border-radius: 15px !important;height: 26px;}
.input-group.search-input-group{float: right;}
.input-group .searchbtn{background: url(/Sites/Uploaded/UserUpLoad/20180412/20180412123457.png) no-repeat center;width: 42px;text-indent:9000px;cursor: pointer;position: absolute;right: 0px;z-index: 2;cursor: pointer;}
.hot-search{line-height: 24px;padding-left: 15px;font-size: 12px;display: none;}
.hot-search span{color: #fff;float: left;}
.hot-search li{ float: left; }
.hot-search a{margin-right: 15px;color: #fff;}
.hot-search a:hover{color:#005bac;}
.nav_barimg {
 position: absolute;
 top: 0px;
 height: 110px;
 width: 100%;
 z-index: -1;
}
/* 登录 */
.user_Logging{float: left;height: 35px;line-height: 35px;margin-top: 10px;padding-right: 30px;color: #fff;}
.user_Logging a{color: #fff;}
.user_Logging .login{margin-right: 30px;position: relative;}
.user_Logging .line{padding: 0 5px;}
.login::after{
 content: "";
 position: absolute;
 top: -5px;
 left: -40px;;
 width: 30px;
 height: 30px;
 background: url(/Content/Areas/Hospitals/images/Main/login.png) no-repeat;
}


.logo{
 width:325px;
 height:57px;
 /* background:url(/Sites/Uploaded/UserUpLoad/20180412/20180412123456.png) no-repeat center center; */
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.logo img{width: 155px;}
.skip{
 margin-left:132px;
 height: 100%;
}
.skip ul{
 padding:15px 0;
 padding-left: 15px;
}
.skip ul li{
 width:140px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 color:#fff;
 font-size:14px;
}
.skip ul li img{float: left;}
.skip ul li a{
 display: block;
 color:#fff;
 float: left;
 margin-left: 10px;
}
.skip ul li a:hover{font-weight: 700;}

.skip ul li span{
 font-size:12px;
}
.logo img{ vertical-align: middle; }

@media only screen and (max-width:1680px){
.skip { margin-left: 315px;}
}
@media only screen and (max-width:1440px){
.header .header_con{ width: 100% }
.header .pull-right{margin-right: 20px}
.skip { margin-left: 250px;}
.logo{margin-left: 30px;width: 340px;}
}
@media only screen and (max-width:1100px){
.skip { margin-left: 165px;}
}
@media only screen and (max-width:1050px){
form.form-horizontal{ margin-top:0px; }
.header a.top_btn{ margin: 0px 5px; width: 80px; }
.skip{margin-left: 100px}
.user_Logging{
 padding-right: 15px;
}
}
@media only screen and (max-width:950px){
.header a.top_btn{ display: none; }
}
@media only screen and (max-width:900px){
.form-horizontal{width: 236px;}
form.form-horizontal{ width: 370px; }
.input-group .form-control{ width: 236px; }
.skip { margin-left: 99px;}

}
@media only screen and (max-width:840px){
 .skip { margin-left: 60px;}
}
@media only screen and (max-width:768px){
.header .pull-left{ width: 100%; }
.top .row, .header .row{ width: 100%; }
.header{height: 124px;}
.header{width: 100%;padding:10px 15px;box-sizing: border-box;background: #fff;}
.hide-lg{ display: block; }
.top, .logo, .header .pull-right,.skip{ display: none; }
.header .header_con{ height: auto; padding:0px; }
.phone_logo img{width: 78%;height: auto;margin-top: 13px;}
}
@media only screen and (max-width:640px){
.header{height: 96px;}
/* .phone_logo img{ height:80px; } */
}
@media only screen and (max-width:550px){

}
@media only screen and (max-width:450px){
/* .phone_logo img{height: 55px;} */
.header{height: 76px;}
} 
@media only screen and (max-width:320px){
 .phone_logo img{height: 55px;width: 220px;}
 }  