﻿/*------------------------头部---------------*/


/*
 颜色：#2076bd;
 宽度：1200px;
*/


/*顶部*/

.header_top {
   width: 100%;
   background: #005bac;
   line-height: 40px;
   border-top: 2px solid #acacac;
  }
  
  .header_topIn {
   width: 1200px;
   height: 40px;
   margin: 0 auto;
   font-size: 12px;
  }
  
  .header_topIn .login_l .box li {
   float: left;
   width: 80px;
   text-align: center;
   border-right: 1px solid #6a8e7b;
   cursor: pointer;
  }
  
  .header_topIn .login_l .box li.on {
   background: #408fd6;
   border-right: 1px solid #6694bc;
  }
  
  .header_topIn .login_l .box li a {
   display: block;
   width: 100%;
   height: 100%;
  }
  
  .header_topIn .login_l .box li:hover {
   background: #408fd6;
   border-right: 1px solid #6694bc;
  }
  
  .header_topIn .login_l .box li a {
   color: #fff;
  }
  
  .header_bottom {
   width: 100%;
   height: 130px;
   border-bottom: 1px solid #dddddd;
  }
  
  .arrow {
   background: url(/Content/Areas/Common/images/common/icon1.png) no-repeat left center;
   height: 41px;
   position: relative;
   display: block
  }
  
  .arrow ul {
   position: absolute;
   width: 85px;
   background: #fff;
   left: 12px;
   text-align: center;
  }
  
  .arrow ul li {
   line-height: 32px;
  }
  
  .arrow ul li:hover {
   background: #2076bd;
   color: #fff;
  }
  
  .arrow ul li a {
   display: block;
  }
  
  .arrow ul li a:hover {
   color: #fff;
  }
  
  .arrow .current {
   padding-left: 35px;
   background: url(/Content/Areas/Common/images/common/icon2.png) no-repeat right center;
   color: #fff;
   display: block;
   width: 60px;
  }
  
  .arrow .current:hover {
   color: #fff;
  }
  
  .login_l {
   _width: 179px
  }
  
  .header_topIn .login_r a {
   color: #fff;
  }
  
  .login_r #header_QRCode {
   cursor: pointer;
   background: url(/content/Areas/Hospitals/images/20170522/20170522153618.png) no-repeat;
   width: 24px;
   height: 24px;
   float: left;
   margin: 8px 10px 0 0;
  }
  
  .login_r #header_QRCode .title,
  .login_r .impowerBox .info {
   display: none;
  }
  
  .login_r #header_QRCode .impowerBox .qrcode {
   width: 120px;
   position: absolute;
   right: -50px;
   top: 10px;
  }
  
  .login_r {
   color: #fff;
  }
  
  .login_r span {
   float: left;
  }
  
  .login_r a {
   color: #fff
  }
  
  .login,
  .register {
   float: left;
  }
  
  .line {
   margin: 0 8px;
   font-size: 14px;
  }
  
  
  /*关注我们样式*/
  
  .FollowUs {
   margin-left: 25px;
  }
  
  .FollowUs a {
   display: block;
   width: 35px;
   height: 41px;
   float: left
  }
  
  .FollowUs .weixin {
   background: url(/Content/Areas/Common/images/common/weixin.png) no-repeat center;
   margin: 0 5px;
   position: relative
  }
  
  .FollowUs .sina {
   background: url(/Content/Areas/Common/images/common/sina.png) no-repeat center;
   position: relative
  }
  
  .weixin_img {
   width: 120px;
   height: auto;
   position: absolute;
   top: 41px;
   left: -39px;
   z-index: 10000;
   display: none;
  }
  
  .sina_img {
   width: 120px;
   height: auto;
   position: absolute;
   top: 41px;
   left: -20px;
   z-index: 10000;
   display: none;
  }
  
  
  /*logo样式*/
  
  .header_bottomIn {
   width: 1200px;
   margin: 0 auto;
  }
  
  .logo {
   margin-top: 32px;
   margin-left: 0px;
  }
  
  
  /*搜索样式*/
  
  .search_box {
   margin-top: 44px;
   position: relative;
  }
  
  .search_box form {
   float: left;
   margin-left: 10px;
   position: relative;
   
  }
  
  .search_box .linkBtn {
   margin-left: 10px;
   width: 100px;
   height: 38px;
   line-height: 38px;
   border: 1px solid #ddd;
   border-radius: 50px;
   text-align: center;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
  }
  
  .search_box .linkBtn:hover {
   background: #005bac;
  }
  
  .search_box .linkBtn:hover a {
   color: #fff;
  }
  
  .search_box .linkBtn a {
   color: #666;
  }
  
  .searchType_simulate {
   float: left;
   position: relative
  }
  
  .searchType .searchChoose {
   height: 34px;
   line-height: 34px;
   text-align: center;
   width: 60px;
   float: left;
   cursor: pointer;
   border: 1px solid #6b7176;
   border-right: none;
  }
  
  .searchType .searchDownList {
   background: #fff;
   font-size: 12px;
   left: 0;
   position: absolute;
   text-align: center;
   top: 36px;
   width: 62px;
   z-index: 10000;
  }
  
  .searchType .searchDownList li {
   cursor: pointer;
   line-height: 32px;
  }
  
  .searchtxt {
   border: 1px solid #ddd;
   float: left;
   height: 40px;
   /* padding: 0 10px; */
   width: 241px;
   color: #999;
   font-size: 12px;
   line-height: 40px;
   border-radius: 20px;
   padding-left: 60px;
   box-sizing: border-box;
  }
  
  .searchbtn {
   background: url(/content/Areas/Hospitals/images/20181024/20181024133244.png) no-repeat center;
   width: 50px;
   height: 20px;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -10px;
   border: none;
   border-right: 1px solid #ddd;
   cursor: pointer;
  }
  
  .moreshare {
   margin-left: 10px;
   width: 38px;
   height: 38px;
   border: 1px solid #ddd;
   border-radius: 50%;
   cursor: pointer;
   background: url(/content/Areas/Hospitals/images/20181024/20181024133215.png) no-repeat center center;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
  }
  
  .btnsearch {
   margin-left: 10px;
   width: 38px;
   height: 38px;
   border: 1px solid #ddd;
   border-radius: 50%;
   cursor: pointer;
   background: url(/content/Areas/Hospitals/images/20181024/20181024133244.png) no-repeat center;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
  display:none;
  }
  
  .searchbtn:hover {
   opacity: 0.8
  }
  
  .btnsearch:hover {
   background: #005bac url(/content/Areas/Hospitals/images/20181024/20181024143346.png) no-repeat center;
  }
  
  .moreshare:hover {
   background: #005bac url(/content/Areas/Hospitals/images/20181024/20181024143251.png) no-repeat center;
  }
  
  .inphone {
   width: 100%;
   display: none;
   text-align: center;
   line-height: 90px;
  }
  
  .inphone h1 {
   font-size: 24px;
   color: #fff;
   background: #336bbe;
  }
  
  .phone_item,
  .phone_item2 {
   display: none;
  }
  
  .phone_item ul li {
   float: left;
   width: 33.3%;
   text-align: center
  }
  
  @media only screen and (max-width: 1440px) {
   .header_topIn,
   .header_bottomIn {
   width: 980px;
   }
   .logo {
   margin-top: 38px;
   }
   .logo a img {
   width: 400px;
   }
  }
  
  @media only screen and (max-width: 980px) {
   input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
   .logo{
   margin-top: 10px;
   }
   .logo a img{
   width: 85%;
   }
   .phone_item ul li a.onit {
   color: #336bbe;
   }
   .header {
   padding: 0;
   }
   .inphone {
   display: block;
      line-height: 70px;
   }
   .header_bottomIn {
   /* display: none; */
   }
   .header_top {
   display: none
   }
   .header_bottomIn {
   width: 100%
   }
   .search_box {
   display: none;
   }
   .phone_item {
   display: none;
   height: 68px;
   line-height: 68px;
   background: #fff;
   border-bottom: 1px solid #ddd;
   }
   .phone_item ul li a {
   color: #333;
   }
   .header_bottom {
   border-bottom: none;
   height: 75px;
   }
   .phone_item2 {
   display: none;
   padding: 0 10px;
   box-sizing: border-box;
   position: relative;
   }
   .phone_item2 .item_right {
   position: absolute;
   top: 50%;
   margin-top: -20px;
   right: 10px;
   }
   .phone_item2 h1 {
   float: left;
   width: 48%;
   }
   .phone_item2 h1 a {
   display: block;
   width: 100%;
   height: 100%;
   }
   .phone_item2 h1 img {
   width: 100%;
   margin: 25px 0;
   }
   .item_right .linkBtn {
   margin-left: 10px;
   width: 100px;
   height: 38px;
   line-height: 38px;
   border: 1px solid #ddd;
   border-radius: 50px;
   text-align: center;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   }
  } 