﻿.banner { overflow:hidden;}
.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;}
/*护理团队*/
.col-md-8 .article_box .details{ color:#fff}
.col-md-8 .Scroll_Box{padding:15px 25px;}
.col-md-8 .Scroll_Box .swiper-box{width: 700px;height: 147px;_width:750px}
.col-md-8 .Scroll_Box .swiper-box ul li .Img_Box{float: left; position: relative; margin-left:0;}
.col-md-8 .Scroll_Box .swiper-box ul li .Img_Box .pic{ width:100px;height:auto;}
.col-md-8 .Scroll_Box .swiper-box ul li img{width:100px;height:auto;}

.col-md-8 .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:#2076bd; 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:#358bc5;}

/*天使风采*/
.xs_scroll{padding:15px 0px;width: 1200px;}
.xs_scroll .swiper-box{width: 1090px;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: 100%;height: 284px; display:block; overflow:hidden;}
.article_box .img_box img {width: 100%;height: 284px;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_con{background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817135150.png) repeat;height: 253px;padding: 15px;position: absolute;left: 0;top: 0;width: 179px;}
.article_box_con h2 a{ color:#fff;}
.article_box_con p{ color:#fff;}
.article_box_con span.Key_Box a{ color:#fff;}

.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);}
@media only screen and (max-width: 1024px)
{
.banner{ width:1200px} 
}
@media only screen and (max-width: 768px)
{
.pl10,.pr10{ 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; }
}

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

@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;}
}
@media only screen and (max-width: 374px)
{
.col-md-8.col-sm-12 .Scroll_Box{ width:228px}
}
@media only screen and (max-width: 350px)
{
.col-md-8.col-sm-12 .Scroll_Box{ width:238px;}
	
}
 