.title-main {
  font-size: 28px;
  color: #000;
  line-height: 58px;
  text-align: center;
}

.title-subtitle {
  font-size: 20px;
  color: #999999;
  line-height: 24px;
  text-align: center;
}
.title-subtitle em {
  color: #4bb3fc;
}

.title-main-white {
  font-size: 32px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  padding-top: 40px;
}

.title-subtitle-white {
  font-size: 20px;
  color: #ffffff;
  line-height: 34px;
  text-align: center;
}

.content-top-login {
  background-color: #09214f;
}

.banner-box {
  height: 320px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.topbanner {
  position: absolute;
  top: 0;
  left: 0;
  height: 320px;
  width: 1200px;
  min-width: 1200px;
  overflow: hidden;
  z-index: 1;
}

.edslider .controls .paginator {
  position: absolute;
  bottom: 24px;
  left: 46%;
}

.edslider .controls .paginator li.current, .edslider .controls .paginator li:hover, .edslider .progress {
  background: #508edb;
}

.login-box {
  color: #fff;
  width: 250px;
  height: 320px;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  z-index: 999;
}
.login-box .login-box-bg {
  width: 250px;
  height: 320px;
  background-color: #000000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}
.login-box a, .login-box span, .login-box div, .login-box p {
  color: #ffffff;
  display: block;
  position: relative;
}
.login-box .login-now {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  padding: 17px 0;
  text-align: center;
}
.login-box .login-now .login-now-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 72px;
  background-color: #000000;
  opacity: 0.3;
}
.login-box .login-now .btn-login-now {
  width: 136px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
}
.login-box .interests {
  background: url(../images1/clinic_icon.png) -84px -120px no-repeat;
  width: 192px;
  height: 16px;
  margin: 20px auto;
  color: #4bb3fc;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
.login-box .int-list {
  margin-bottom: 10px;
}
.login-box .register-now {
  width: 170px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  font-size: 18px;
  color: #508edb;
  border-radius: 4px;
  text-align: center;
  margin: 10px auto;
  display: inline-block;
}
.login-box .icon-phone {
  font-style: italic;
  margin-top: 10px;
}
.login-box .icon-phone i {
  background: url(../images1/clinic_icon.png) -40px -120px no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
}

.content-service {
  height: 640px;
}
.content-service .title-main {
  margin-top: 28px;
}

.service-box {
  margin-top: 20px;
  position: relative;
}
.service-box li {
  float: left;
  margin-top: 56px;
  width: 220px;
  height: 300px;
  border: 1px solid #7fc8fc;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
}
.service-box li .act-title-metadive {
  display: none;
}
.service-box li .act-metadive {
  display: none;
}
.service-box .metadive {
  height: 122px;
  text-align: center;
  background-color: #7fc8fc;
  margin-bottom: 10px;
}
.service-box .metadive span {
  display: inline-block;
  width: 52px;
  height: 52px;
  margin: 20px auto 6px;
  background: url(../images1/clinic_icon.png) no-repeat;
}
.service-box .metadive .service-icon1 {
  background-position: 0 0;
}
.service-box .metadive .service-icon2 {
  background-position: -83px 0;
}
.service-box .metadive .service-icon3 {
  background-position: -167px 0;
}
.service-box .metadive .service-icon4 {
  background-position: -254px 0;
}
.service-box .metadive .service-icon5 {
  background-position: -353px 0;
}
.service-box .metadive p {
  font-size: 20px;
  color: #fff;
  line-height: 20px;
}
.service-box .title-metadive {
  font-size: 16px;
  line-height: 38px;
  text-align: left;
  margin-left: 52px;
}
.service-box .title-metadive i {
  background: url(../images1/clinic_icon.png) 0 -120px no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
.service-box li:hover {
  width: 266px;
  height: 412px;
  z-index: 2;
  margin-top: 0;
  margin-left: -23px;
  margin-right: -23px;
  -moz-box-shadow: 0 0px 15px #4bb3fc;
  -webkit-box-shadow: 0 0px 15px #4bb3fc;
  box-shadow: 0 0px 15px #4bb3fc;
  zoom: 1;
  -webkit-transition: all 0.1s ease-in-out;
}
.service-box li:hover .metadive {
  display: none;
}
.service-box li:hover .act-metadive {
  height: 68px;
  padding-top: 32px;
  background-color: #4bb3fc;
  display: block;
}
.service-box li:hover .act-metadive h1 {
  color: #fff;
  font-size: 20px;
  padding-bottom: 12px;
  width: 124px;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.service-box li:hover .act-metadive h1 span {
  background: url(../images1/clinic_icon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.service-box li:hover .act-metadive h1 .service-little-icon1 {
  background-position: -14px -80px;
}
.service-box li:hover .act-metadive h1 .service-little-icon2 {
  background-position: -94px -80px;
}
.service-box li:hover .act-metadive h1 .service-little-icon3 {
  background-position: -180px -80px;
}
.service-box li:hover .act-metadive h1 .service-little-icon4 {
  background-position: -268px -80px;
}
.service-box li:hover .act-metadive h1 .service-little-icon5 {
  background-position: -368px -80px;
}
.service-box li:hover .title-metadive {
  text-align: left;
  margin-left: 18px;
}
.service-box li:hover .act-title-metadive {
  font-size: 12px;
  line-height: 18px;
  width: 202px;
  color: #999999;
  margin-left: 34px;
  display: block;
}
.service-box .service-yun {
  left: 20px;
  top: 0;
}
.service-box .service-manage {
  left: 252px;
  top: 0;
}
.service-box .service-doctor {
  left: 484px;
  top: 0;
}
.service-box .service-finance {
  left: 716px;
  top: 0;
}
.service-box .service-up {
  left: 948px;
  top: 0;
}

.content-company {
  position: relative;
  height: 680px;
  background: url(../images1/company.jpg) center no-repeat;
  min-width: 1200px;
}
.content-company .swiper-container {
  position: relative;
  height: 420px;
  overflow: hidden;
  width: 1040px;
  margin: 45px auto;
}
.content-company .swiper-slide {
  width: 252px !important;
  height: 196px;
  margin-right: 8px;
  margin-bottom: 20px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.content-company .swiper-button-prev {
  background: url(../images1/clinic_icon.png) -283px -114px;
  left: 50%;
  margin-left: -600px;
  z-index: 999;
  width: 70px;
  height: 70px;
  margin-top: 0;
}
.content-company .swiper-button-next {
  background: url(../images1/clinic_icon.png) -362px -116px;
  right: 50%;
  margin-right: -600px;
  z-index: 999;
  width: 70px;
  height: 70px;
  margin-top: 0;
}
.content-company .swiper-pagination {
  left: 50%;
  margin-left: -69px;
  bottom: 36px;
}
.content-company .swiper-pagination-bullet {
  width: 36px;
  height: 8px;
  display: inline-block;
  border-radius: 0;
  background: #cccccc;
  opacity: .88;
  margin-right: 10px;
}
.content-company .swiper-pagination-bullet-active {
  opacity: 1;
  background: #508edb;
}

.content-clinic-case {
  height: 734px;
}
.content-clinic-case .title-main {
  margin: 36px 0;
}

.clinic-case ul {
  overflow: hidden;
}
.clinic-case ul li {
  float: left;
  margin: 0 30px 30px;
}
.clinic-case ul li .caseimg {
  border-radius: 100%;
  border: 1px solid #ddd;
  width: 176px;
  height: 176px;
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.12);
  zoom: 1;
  overflow: hidden;
}
.clinic-case ul li .caseimg img {
  width: 100%;
  height: 100%;
}
.clinic-case ul li .clinictop {
  font-size: 16px;
  color: #000;
  line-height: 22px;
  margin-top: 16px;
  width: 178px;
  text-align: center;
}

.content-wj-dominant {
  height: 450px;
  background: url(../images1/introduce.jpg) center no-repeat;
  min-width: 1200px;
}

.nonsense {
  width: 1050px;
  height: 144px;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fbfbfa;
  margin: 14px auto;
  opacity: 0.88;
  position: relative;
}
.nonsense p {
  line-height: 28px;
  font-size: 18px;
  color: #2c5b98;
  text-indent: 40px;
}

.nonsense:after {
  position: absolute;
  right: 50%;
  margin-right: -12px;
  content: "";
  height: 24px;
  width: 24px;
  border-left: #fbfbfa 1px solid;
  border-top: #fbfbfa 1px solid;
  background-color: #fbfbfa;
  transform: rotate(-45deg);
  bottom: -12px;
}

.mainlogo {
  width: 106px;
  height: 106px;
  line-height: 106px;
  border-radius: 100%;
  border: 1px dashed #fbfbfa;
  margin: 34px auto;
  text-align: center;
}
.mainlogo .mainlogo-box {
  height: 88px;
  width: 88px;
  border-radius: 100%;
  background-color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.mainlogo .mainlogo-box img {
  width: 58px;
  height: 40px;
  margin: 25px auto;
}

.header .nav_con ul li.hover > a {
  color: #508edb;
  padding-bottom: 5px;
  border-bottom: 2px solid #508edb;
}

.nav_con .arrow {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 0px;
  height: 0px;
  margin-top: 4px;
  float: right;
  line-height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999999;
}

.nav_con .left ul li .active {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #4286f5;
  border-top: none;
}

.pop-productbox {
  display: none;
}

.pop-programbox {
  display: none;
}

.pop-header {
  position: absolute;
  width: 1200px;
  height: 321px;
  bottom: -320px;
  left: 0;
  border: 1px solid #ededed;
  background-color: #fff;
  z-index: 99;
  box-sizing: border-box;
}

.pop-product {
  padding-left: 52px;
}
.pop-product li {
  float: left;
  margin-right: 48px;
  margin-top: 42px;
}
.pop-product li h1 {
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  color: #333;
  width: 110px;
  text-align: center;
  padding-bottom: 6px;
  border-bottom: 1px solid #333;
}
.pop-product li div {
  height: 84px;
  text-align: center;
}
.pop-product li p {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin: 10px auto;
  width: 104px;
}
.pop-product li a {
  display: block;
  color: #4bb3fc;
  line-height: 20px;
  margin-left: 12px;
}

.hotline {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -298px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  color: #999;
  width: 596px;
  border-top: 1px solid #ededed;
  text-align: center;
}
.hotline em {
  font-style: italic;
  font-size: 20px;
}

.pop-programbox {
  padding-left: 120px;
}

.pop-program {
  margin-right: 54px;
  overflow: hidden;
  float: left;
}
.pop-program h1 {
  width: 432px;
  font-size: 16px;
  color: #333;
  text-align: center;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #333;
}
.pop-program ul {
  overflow: hidden;
}
.pop-program ul li {
  float: left;
  margin-right: 64px;
  width: 96px;
}
.pop-program ul li h2 {
  line-height: 66px;
  text-align: center;
  color: #333;
  font-size: 14px;
}
.pop-program ul li p {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  height: 42px;
}
.pop-program ul li a {
  color: #4bb3fc;
  line-height: 12px;
  margin-right: 10px;
}

.transparent_bg {
  min-height: 100%;
  left: 0px;
  position: fixed;
  top: 76px;
  width: 100%;
  z-index: 2;
  background-color: black;
  opacity: 0.5;
  display: none;
}

/*# sourceMappingURL=clinic_index_new.css.map */