@CHARSET "UTF-8";

/*鲤鱼溪的杂货铺编写*/

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width: 1200px) {
.container {
    width: 1200px;
}	
	/* 首页科室导航 */
	.main-ksdh-c .main-ksdh-l {
		padding-right: 0px;
	}

	/* 二级页- 科室导航 */
	.sub-main-ks-dh-con {
		height: 300px;
	}

	.mobile-nav {
		display: none;
	}
	
	.sub-main-ysjs-con {
		padding-left: 35px;
	}
	
	.modal-dialog {
		width: 1140px;
	}
	
	.modal-body {
		min-height: 250px;
	}
	
	.sub-main-ks .sub-main-ks-ksjj {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
       .new_sy{padding-bottom:48px;}
}

/* 中等屏幕（桌面显示器，大于等于 992px，小于等于 1199px） */
@media screen and (min-width:992px) and (max-width:1199px) {
	
	/*首页导航*/
	.navbar-nav>li>a {
		font-size: 16px;
		color: #fff;
		line-height: 20px;
		padding: 19px 12px 19px;
		text-align: center;
	}
	
	.navbar-bottom .arrow-up {
		left: 134px;
	}
	
	/* 首页banner */
	.company_introduce {
		right: 15%;
		top: 50%;
		width: 45%;
		height: 196px;
		margin-top: -98px;
	}
	
	.company_introduce h3 {
		font-size: 32px;
		line-height: 1.2;
	}
	
	.company_introduce p {
		font-size: 14px;
		color: #FFF;
		width: 100%;
		float: left;
		line-height: 1.5;
		text-align: right;
	}
	
	/* 首页科室导航 */
	.main-ksdh-c .main-ksdh-l {
		padding-right: 0px;
	}
	
	.main-ksdh-r h4 {
		margin-bottom: 5px;
	}
	
	.ksdh-btn li {
		width: 128px;
		height: 36px;
		cursor: pointer;
		border: solid 1px #CCCCCC;
		border-radius: 5px;
		font-size: 14px;
		color: #333333;
		line-height: 36px;
		margin: 0 0px 5px;
		overflow: hidden;
	}
	
	.ksdh-btn li a, .ksdh-btn li p {
		padding-left: 20px;
	}

	/*二级页-医生简介*/
	.sub-main-ysjs-con-btn {
		margin-top: 15px;
	}

	/*二级页-就医指南*/
	.sub-main-jyzn .sub-main-jyzn-btn {
		padding: 25px;
	}

	.sub-main-jyzn .sub-main-jyzn-con {
		padding: 30px;
	}

	/*二级页-医院设备*/
	.sub-main-yysb-item .sub-main-yysb-item-con {
		padding-top: 10px;
	}

	.sub-main-yysb-item .sub-main-yysb-item-con p {
		margin-bottom: 0;
	}

	/* 二级页- 科室导航 */
	.sub-main-ks-dh-con {
		height: 248px;
	}
	
	.sub-main-ysjs-con {
		padding-left: 35px;
	}
	
	.modal-dialog {
		width: 940px;
	}
	
	.sub-main-jyzn .sub-main-jyzn-con {
		height: 960px;
		overflow-y: scroll; 
	}
	
	.sub-main-ks .sub-main-ks-ksjj {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.sub-main-ks-ksjj .sub-main-ks-ksjj-t {
		
	}
	
	.sub-main-ks-ksjj-t .row {
		margin-top: 10px;
	}
	
	.sub-main-ks-ksjj-btn a p {
		margin-top: 10px;
		padding-bottom: 10px;
	}
	
	.sub-main-ks-dh .ksdh-btn li {
		margin: 0 14px 10px;
	}
	.new_sy{padding-bottom:48px;}
}

/* 小屏幕（平板，大于等于 768px,小于等于 991px） */
@media screen and (min-width:768px) and (max-width:991px) {

	/* 首页 */
	/*首页导航*/
	.navbar-brand {
		width: 40%;
	}

	.navbar-brand:last-child {
		width: 60%;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar-nav>li>a {
		font-size: 15px;
		color: #fff;
		line-height: 20px;
		padding: 15px 4px 15px;
		text-align: center;
	}
	
	.form {
		width: 139px;
		margin-top: 20px;
	}
	
	.input-group .form-control {
		width: 100px;
	}
	
	.navbar-bottom .arrow-up {
		left: 134px;
	}
	
	/* 首页banner */
	.company_introduce {
		right: 15%;
		top: 50%;
		width: 45%;
		height: 148px;
		margin-top: -74px;
		overflow: hidden;
	}
	
	.company_introduce h3 {
		font-size: 32px;
		line-height: 1.2;
	}
	
	.company_introduce p {
		font-size: 14px;
		color: #FFF;
		width: 100%;
		float: left;
		line-height: 1.5;
		text-align: right;
	}

	.main-news-item-list h3 {
		font-size: 20px;
	}

	.main-news-item-list h3 a {
		text-align: center;
		display: block;
		float: right;
		font-size: 12px;
		line-height: 23px;
		color: #474747;
		width: 70px;
		height: 24px;
		background-color: #ffffff;
		border-radius: 11.5px;
		border: solid 1px #eeeeee;
		transition: 0.3s;
	}

	.main-ksdh-l {
		height: 545px;
		margin: 0 auto;
	}

	.main-ksdh-l-one,
	.main-ksdh-l-two {
		width: 100%;
		margin: 0 auto;
	}

	.ksdh-btn li {
		width: 140px;
	}

	/*二级页-医生简介*/
	.sub-main-ysjs .sub-main-ysjs-t {
		padding-top: 20px;
	}

	/*二级页-就医指南*/
	.sub-main-jyzn .sub-main-jyzn-btn {
		padding: 25px;
	}

	.sub-main-jyzn .sub-main-jyzn-con {
		padding: 30px;
	}

	/*二级页-医院设备*/
	.sub-main-yysb-item .sub-main-yysb-item-con {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sub-main-yysb-item .sub-main-yysb-item-pic img {
		width: 100%;
	}

	/* 科室导航 */
	.sub-main-ks-dh .ksdh-btn li {
		width: 154px;
		margin: 0 13px 10px;
	}

	.sub-main-ks-dh-con-item h4 {
		font-weight: bold;
		color: #474747;
		padding-top: 20px;
	}

	.sub-main-ks-dh-con-item ul {
		width: 100%;
		padding-right: 15%;
		padding-top: 1%;
	}

	.sub-main-ks-dh-con-item ul li {
		float: left;
		margin-right: 25px;
	}

	/* 二级页- 科室导航 */
	.sub-main-ks-dh-con {
		height: 191px;
	}
	
	.sub-main-ysjs-con {
		padding-left: 15px;
	}
	
	.modal-dialog {
		width: 720px;
	}
	
	.sub-main-jyzn .sub-main-jyzn-con {
		height: 960px;
		overflow-y: scroll; 
	}
	
	.main-tszl-item a {
		bottom: 10%;
		width: 100%;
		padding: 0 5%;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		color: #ffffff;
		overflow: hidden;
	}
	
	.main-news .col-sm-4:nth-child(1) {
		padding-right: 5px;
	}
	
	.main-news .col-sm-4:nth-child(2) {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.main-news .col-sm-4:nth-child(3) {
		padding-left: 5px;
	}
	
	.sub-main-ks-ksjj-t .row {
		margin-top: 20px;
	}
	
	.sub-main-ks-ksjj-btn a p {
		margin-top: 10px;
		padding-bottom: 10px;
	}

     .new_sy{padding-bottom:0px;}
}

/* 超小屏幕（手机，大于等于576px,小于等于 767px） */
@media screen and (min-width:576px) and (max-width:767px) {

	/* 首页 */
	.navbar-brand {
		width: 50%;
	}

	.navbar-brand img {}
	
	/* 首页banner */
	.company_introduce {
		right: 15%;
		top: 50%;
		width: 45%;
		height: 100px;
		margin-top: -50px;
		overflow: hidden;
	}
	
	.company_introduce h3 {
		font-size: 32px;
		line-height: 1.2;
	}
	
	.company_introduce p {
		font-size: 14px;
		color: #FFF;
		width: 100%;
		float: left;
		line-height: 1.5;
		text-align: right;
	}
	
	
	.main {
		padding-top: 35px;
	}

	.main-news-item {
		margin-bottom: 10px;
	}

	.main-ksdh h3 {
		margin-top: 0px;
	}

	.main-ksdh-l {
		/* height: 409px; */
		margin: 0 auto;
	}

	.main-ksdh-l-one,
	.main-ksdh-l-two {
		margin: 0 auto;
	}

	.ksdh-btn li {
		width: 48%;
		height: 42px;
		line-height: 42px;
		margin: 0 0 10px;
	}

	.main .main-tszl {
		padding-bottom: 40px;
	}

	.footer-nav li a {
		padding: 0 10px;
	}


	/*二级页-医生简介*/
	.sub-main-ysjs-con-btn {
		margin-top: 15px;
		font-size: 16px;
		padding: 13px 20px;
	}

	.sub-main-ysjs .sub-main-ysjs-t {
		padding-top: 20px;
	}

	/*二级页-就医指南*/
	.sub-main-jyzn .sub-main-jyzn-btn {
		padding: 25px;
		background-color: #f6f6f6;
		box-shadow: none;
	}

	.sub-main-jyzn .sub-main-jyzn-con {
		padding: 30px;
	}

	.sub-main-jyzn-btn .sub-main-jyzn-btn-item {
		margin-bottom: 0px;
	}

	.sub-main-jyzn-btn .sub-main-jyzn-btn-item.active .caret {
		display: none;
	}

	/*二级页-医院设备*/
	.sub-main-yysb-item .sub-main-yysb-item-con {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sub-main-yysb-item .sub-main-yysb-item-pic img {
		width: 100%;
	}

	/* 二级页-文章页 */
	.sub-main-article-btn .row {
		padding: 0 15px;
	}

	.sub-main-article-btn .row div {
		padding-left: 0;
		padding-right: 0;
	}

	.sub-main-article-con-l {
		padding: 15px 20px;
	}

	/* 二级页-医院新闻页 */

	/* 科室导航 */
	.sub-main-ks-dh {
		padding-top: 30px;
	}
	
	.sub-main-ks-dh .ksdh-btn {
		justify-content: space-between;
	}
	
	.sub-main-ks-dh .ksdh-btn li {
		margin: 0 0px 10px;
	}

	.sub-main-ks-dh-con-item div:first-child {
		padding-left: 15px;
	}

	.sub-main-ks-dh-con-item div:first-child+div {
		padding-bottom: 20px;
	}

	.sub-main-ks-dh-con-item h4 {
		font-weight: bold;
		color: #474747;
		padding-top: 20px;
	}

	.sub-main-ks-dh-con-item ul {
		width: 100%;
		padding-right: 15%;
		padding-top: 1%;
	}

	.sub-main-ks-dh-con-item ul li {
		float: left;
		margin-right: 25px;
	}

	/* 二级页- 科室导航 */
	.sub-main-ks-dh-con {
		/* height: 580px; */
	}
	
	.sub-main-ysjs-con {
		padding-left: 15px;
	}
	
	/* .modal-dialog {
		width: 510px;
	} */
	
	.sub-main-jyzn .sub-main-jyzn-con {
		height: auto;
		overflow-y: hidden; 
	}
	
	.sub-main-ks-ksjj-t .row {
		margin-top: 20px;
	}
	
	.sub-main-ks-ksjj-btn a p {
		margin-top: 10px;
		padding-bottom: 10px;
	}
       
       .new_sy{padding-bottom:0px;}
}

/* 超小屏幕（手机，大于等于320px,小于等于 575px） */
@media screen and (min-width:320px) and (max-width:575px) {

	/* 首页 */
	.navbar-brand {
		width: 70%;
		height: 80px;
		padding: 22px 15px 24px;
	}

	.navbar-toggle {
		margin-top: 20px;
	}
	
	/* 首页banner */
	.company_introduce {
		right: 15%;
		top: 50%;
		width: 45%;
		height: 80px;
		margin-top: -40px;
		overflow: hidden;
	}
	
	.company_introduce h3 {
		font-size: 16px;
		line-height: 1.2;
	}
	
	.company_introduce p {
		display: none;
		font-size: 10px;
		color: #FFF;
		width: 100%;
		float: left;
		line-height: 1.5;
		text-align: right;
	}

	.main {
		padding-top: 35px;
	}

	.main-news-item {
		margin-bottom: 10px;
	}

	.main-ksdh h3 {
		margin-top: 0px;
	}

	.main-ksdh-l {
		/* height: 220px; */
		margin: 0 auto;
	}

	.main-ksdh-l-one,
	.main-ksdh-l-two {
		/* width: 290px; */
		margin: 0 auto;
	}

	.main-ksdh-l-item h3 {
		font-size: 16px;
		padding: 10px 10px;
	}

	.main-ksdh-l-item h3 p {
		line-height: 18px;
	}


	.ksdh-btn li {
		margin: 0 10px 10px;
	}


	.main .main-tszl {
		padding-bottom: 40px;
	}

	.main-tszl-item a {
		font-size: 14px;
		line-height: 20px;
		bottom: 6%;
		padding: 0 1%;
	}
     
	 .footer-nav li{padding:5px 3px; float:left;}
	.footer-nav li a {
		padding:0;
		border:none;
	}


	/*二级页-医生简介*/
	.sub-main-ysjs-con-btn {
		margin-top: 15px;
		font-size: 16px;
		padding: 13px 20px;
	}

	.sub-main-ysjs .sub-main-ysjs-t {
		padding-top: 20px;
	}

	/*二级页-就医指南*/
	.sub-main-jyzn .sub-main-jyzn-btn {
		padding: 25px;
		background-color: #f6f6f6;
		box-shadow: none;
	}

	.sub-main-jyzn .sub-main-jyzn-con {
		padding: 15px;
	}

	.sub-main-jyzn-btn .sub-main-jyzn-btn-item {
		margin-bottom: 0px;
	}

	.sub-main-jyzn-btn .sub-main-jyzn-btn-item.active .caret {
		display: none;
	}

	#allmap {
		width: 100%;
		height: 300px;
		overflow: hidden;
		margin: 0 auto 45px;
	}

	/*二级页-医院设备*/
	.sub-main-yysb-item .sub-main-yysb-item-con {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sub-main-yysb-item .sub-main-yysb-item-pic img {
		width: 100%;
	}

	.sub-main .sub-main-title {
		margin-top: 15px;
		margin-bottom: 25px;
	}

	/* 二级页-文章页 */
	.sub-main-article-btn .row {
		padding: 0 15px;
	}

	.sub-main-article-btn .row div {
		padding-left: 0;
		padding-right: 0;
	}

	.sub-main-article-con-l {
		padding: 15px 15px;
	}

	.sub-main-article-con {
		padding-left: 0;
		padding-right: 0;
	}

	.sub-main-article-con-l-title {
		margin-bottom: 20px;
		font-size: 20px;
	}

	/* 二级页-医院新闻页 */

	/* 科室导航 */
	.sub-main-ks-dh {
		padding-top: 30px;
	}
	
	.sub-main-ks-dh .ksdh-btn {
		justify-content: space-between;
	}

	.sub-main-ks-dh .ksdh-btn li {
		font-size: 12px;
		margin: 0 0 10px;
	}

	.ksdh-btn li {
		width: 48%;
		height: 42px;
		line-height: 42px;
		margin: 0 0 10px;
	}

	.sub-main-ks-dh-con-item div:first-child {
		padding-left: 15px;
	}

	.sub-main-ks-dh-con-item div:first-child+div {
		padding-bottom: 20px;
	}

	.sub-main-ks-dh-con-item h4 {
		font-weight: bold;
		color: #474747;
		padding-top: 20px;
	}

	.sub-main-ks-dh-con-item ul {
		width: 100%;
		padding-top: 1%;
	}

	.sub-main-ks-dh-con-item ul li {
		float: left;
		margin-right: 25px;
	}

	/* 二级页- 科室导航 */
	.sub-main-ks-dh-con {
		/* height: 550px; */
	}
	
	.sub-main-ysjs-con {
		padding-left: 15px;
	}
	
	/* .modal-dialog {
		width: 260px;
	} */
	
	.sub-main-ks-ksjj-t .row {
		margin-top: 20px;
	}
	
	.sub-main-ks-ksjj-btn a div {
		height: 44px;
		width: 44px;
	}
	
	.sub-main-ks-ksjj-btn a p {
		margin-top: 10px;
		font-size: 12px;
		padding-bottom: 10px;
	}
	
	.sub-main-ks-ysjs-item a h4 p {
		font-size: 12px;
		line-height: 18px;
	}
	
}

@media screen and (min-width: 768px) {

	.navbar-header {
		float: none;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}

	.navbar-right {
		margin-right: 0px;
	}
	
	.form {
		margin-right: 15px;
	}
	
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse {
		display: none !important;
	}

	.carousel-indicators {
		bottom: 10px;
	}
	
	/* .modal-dialog {
		width: 90%;
		margin: 30px auto;
	} */

}

@media screen and (max-width: 768px) {

	.navbar-bottom {
		display: none;
	}

	.navbar-nav>li>a {
		font-size: 16px;
		color: #333;
		line-height: 32px;
		text-align: left;
		padding: 10px 55px 10px;
	}

	.phone-mode ul li {
		text-align: left;
		width: 100%;
	}
	
	.phone-mode>ul>li>a {
		display: block;
		font-size: 16px;
		color: #333;
		line-height: 32px;
		padding: 10px 55px 10px;
	}

	.navbar-nav li a:hover {
		background: #C0C0C0;
		color: #008000;
	}
	
	.carousel-indicators li {
		width: 48px;
		height: 6px;
	}

	.carousel-indicators .active {
		width: 48px;
		height: 6px;
	}

	.carousel-indicators {
		bottom: 5px;
	}

	.sub-main-jyzn-btn-item:last-child {
		display: none;
	}

	.sub-main .sub-main-jyzn {
		padding-top: 0px;
	}
	
	.sub-main .sub-main-ks {
		padding: 0px 15px 40px;
	}
	
	.main-ksdh-l {
		margin-bottom: 15px;
	}
	
	.main-ksdh-l .main-ksdh-l-item {
		position: relative;
	}
	
	.sub-main-ks-dh-con .sub-main-ks-dh-con-item {
		position: relative;
	}
	
	.sub-main-jyzn .sub-main-jyzn-con {
		height: auto;
		overflow-y: hidden;
	}
	
	.modal-dialog {
		width: 90%;
		margin: 30px auto;
	}
       .new_sy{padding-bottom:0px;}
}
