﻿.banner {
 overflow: hidden;
}
.huli_desc img{
 width: 390px;
}
.banner img {
 width: 100%
}

.scroll_img .pic li img {
 height: 200px;
}

.scroll_img {
 height: 200px;
}

.articlebox img {
 width: 145px;
 height: 115px;
}

ul.article_list li {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 /*background: url(/Sites/Uploaded/UserUpLoad/20160815/20160815152534.png) no-repeat 0px 12px;*/
}

.box01 .article_list {
 margin-bottom: 15px;
}

.col-md-6 .article_list li {
 width: 100%;
}

.Box {
 _width: 48%;
}

.H270 {
 height: 270px;
 overflow: hidden;
}

.mrg {
 _margin: 0 16px;
}

.borders {
 border: 1px solid #ddd;
}


/*护理团队*/

.group .article_box .details {
 color: #fff
}

.group .Scroll_Box {
 padding: 15px 25px;
}

.group .Scroll_Box .swiper-box {
 width: 700px;
 height: 147px;
 _width: 750px
}

.group .Scroll_Box .swiper-box ul li .Img_Box {
 float: left;
 position: relative;
 margin-left: 0;
}

.group .Scroll_Box .swiper-box ul li .Img_Box .pic {
 width: 100px;
 height: auto;
}

.group .Scroll_Box .swiper-box ul li img {
 width: 100px;
 height: 150px;
}

.group .Scroll_Box .swiper-box ul li h2 {
 width: 100px;
 position: absolute;
 bottom: 3px;
 background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817135150.png) repeat;
}

.col-md-8.col-sm-12 .Scroll_Box .swiper-box ul li h2 a {
 color: #fff;
}

div .Scroll_Box .arrow-btn {
 display: block;
}

.Scroll_Box .arrow-btn {
 top: 60px;
 display: block;
 width: 25px;
 font-size: 32px;
 height: 46px;
 line-height: 48px;
 background: #00568e;
 color: #fff;
 text-align: center;
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}

.Scroll_Box .btn-left {
 _left: -30px;
}

.Scroll_Box .arrow-btn:hover {
 color: #fff !important;
 background: #C16027;
}


/*天使风采*/

.xs_scroll {
 padding: 15px 0px;
 width: 100%;
 /*background: url(/Content/Areas/Hospitals/images/Main/bg_3.png) repeat-x 100%;*/
}

.xs_scroll .swiper-box {
 width: 1280px;
 height: 147px;
}

.xs_scroll .swiper-box ul li .Img_Box {
 float: left;
 padding: 0px !important;
}

.xs_scroll .swiper-box ul li .Img_Box .pic {
 width: 150px;
 height: 103px;
 margin: 0 24px;
}

.xs_scroll .swiper-box ul li img {
 width: 150px;
 height: 103px;
}

.xs_scroll .arrow-btn {
 top: 40px;
}

.pic_list ul img:hover,
.article_box .img_box img:hover {
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
}

.article_box {
 position: relative;
 _zoom: 1
}

.article_box .img_box {
 width: 247px;
 height: 236px;
 display: block;
 overflow: hidden;
 float: right;
}

.article_box .img_box img {
 width: 247px;
 height: 236px;
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}

.article_box {
 /*background: url(/Content/Areas/Hospitals/images/Main/bg_3.png) repeat;*/
 /*height: 236px;*/
 padding: 15px;
 /*position: absolute;
 left: 0;
 top: 0;
 width: 100px;*/
}

.article_box_con h2 a {
 color: #333;
}

.article_box_con p {
 color: #333;
}

.article_box_con span.Key_Box a {
 color: #333;
}

.img_boxs {
 display: block;
 width: 100%;
 height: 96px;
 overflow: hidden;
}

.img_boxs img {
 width: 100%;
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}

.img_boxs img:hover {
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
}

.article_box{overflow: visible;}
.mH236{min-height: 236px;}
.mH236 .article_box_con{min-height: 216px;}

@media only screen and (max-width: 1024px) {
 .banner {
 width: 1200px
 }
}

@media only screen and (max-width: 768px) {
 .pl10,
 .pr10,.pr20 {
 padding: 0px
 }
 .banner {
 display: none
 }
 .col-md-6 .article_list li,
 .col-sm-12 .article_list li {
 width: 45%;
 float: left;
 }
 .col-md-8 .Scroll_Box {
 width: 584px;
 padding: 15px 0;
 overflow: hidden;
 margin: 0 auto;
 }
 .xs_scroll {
 width: 100%;
 }
 .col-md-4.col-sm-12.fr img {
 display: none
 }
 .col-md-8.col-sm-12 .Scroll_Box .swiper-box ul li h2 {
 left: auto;
 }
 div .Scroll_Box .arrow-btn,
 .img_boxs {
 display: none;
 }
 div .Scroll_Box .arrow-btn {
 display: none;
 }
 .xs_scroll {
 width: 730px;
 overflow: hidden;
 margin: 0 auto;
 }
}

@media only screen and (max-width: 768px) {
 .xs_scroll {
 width: 560px;
 margin-left: 95px;
	}
	.huli_desc img {
		width: 100%;
	}
}

@media only screen and (max-width: 640px) {
 .pr10 {
 padding-right: 0;
 }
 .col-md-8.col-sm-12 .Scroll_Box {
 width: 471px;
 }
 .xs_scroll {
 width: 380px;
 overflow: hidden;
 margin-left: 120px;
 }
}

@media only screen and (max-width: 480px) {
 .col-md-8.col-sm-12 .Scroll_Box {
 width: 355px;
 }
 .col-md-6 .article_list li,
 .col-sm-12 .article_list li {
 width: 100%;
 float: none;
 box-sizing: border-box
 }
 .col-md-4.col-sm-12.fr img {
 display: block;
 width: 100%;
 height: auto;
 }
 .col-md-8.col-sm-12 .Scroll_Box {
 width: 343px
 }
 .xs_scroll {
 width: 394px;
 }
}

@media only screen and (max-width: 435px) {
 .xs_scroll {
 width: 198px;
 margin-left: 105px;
 }
}

@media only screen and (max-width: 374px) {
 .col-md-8.col-sm-12 .Scroll_Box {
 width: 228px
 }
}
@media only screen and (max-width: 375px) {
 .xs_scroll {
 margin-left: 75px;
 }
}

@media only screen and (max-width: 350px) {
 .col-md-8.col-sm-12 .Scroll_Box {
 width: 238px;
 }
}
@media only screen and (max-width: 320px) {
 .xs_scroll {
 margin-left: 50px;
 }
} 