﻿/*图片滚动*/
.SwitchImage,.swiper-box { width: 376px; height: 223px;}
.SwitchImage{position: relative;}
.SwitchImage .pic{width: 376px; height: 223px; overflow: hidden;}
.SwitchImage img{width:100%;min-height:223px; height: auto;}
.SwitchImage .swiper-box ul li h2{font-size: 14px;}
.SwitchImage .pagination {right: 10px !important;bottom: 10px !important;}
.article_list2{ width: 400px; }
/*文明号*/
.article_list_con{ overflow: hidden; }
.article_list_con li{ border-bottom: 1px solid #ededed; padding-bottom: 10px;  overflow: hidden; margin-bottom: 10px;}
.article_list_con li img{ width: 130px; height: 95px; float: left; margin-right: 20px;  }
.article_list_con li a.title_type{font-size: 16px;line-height:30px;}
.article_list_con li p{font-size: 14px;line-height: 2em;color: #666;}
.article_list_con li.last{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; }
/*图片*/
.img_boxs{ display:block; width:100%; height:103px; 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);}

/*健康宣教*/
.col-md-4 .article_box img{ width:108px; height:72px; float:left; margin-right:15px;}
.col-md-4 .article_box img:hover{ transform:none !important;}
.col-md-4 .article_box h2{background: #45b796;font-size: 14px;height: 52px;line-height: 24px;padding: 10px 15px;margin-bottom:0;_margin-top: -20px; _margin-left: -20px;}
.col-md-4 .article_box:hover h2{ opacity:0.8; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.col-md-4 .article_box h2 a.more{ margin-top:27px}
.col-md-4 .article_box h2 a{ color:#fff}
/*专家团队*/
.Scroll_Box{padding:15px 25px; width: 1150px;}
.swiper-box{ width: 1100px; height: 156px;}
.swiper-box ul li .Img_Box{padding:0;}
.swiper-box ul li p{font-size: 14px;line-height:26px;padding-right: 5px;}
.swiper-box ul li p.zhiwu{ height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-box ul li p.XX{height: 52px;}
.swiper-box ul li .Img_Box .pic{ width:110px;height:150px;float: left; }
.swiper-box ul li img{width:100%;height:150px;}
.swiper-box ul li a.details{color: #45b796;}
.swiper-box ul li a.details:hover{font-weight: bold;color: #45b796 !important;}
.Scroll_Box .btn-right {width: 30px;height: 60px;}
.Scroll_Box .btn-left {width: 30px;height: 60px;}
.Scroll_Box .arrow-btn{top:60px;font-size: 32px !important;display:block !important;line-height: 60px;background: #45b796;text-align: center;color: #fff !important;}
.Scroll_Box .arrow-btn:hover{ background:#55e1b8; color:#fff !important; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}



@media only screen and (max-width: 1024px)
{
.banner{ width:1200px}    
}
@media only screen and (max-width: 768px)
{
.pl10,.pr10{ padding:0px}
.article_list li{ width:45%; float:left; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.img_boxs{  width: 48%; margin: 0px 1% 10px; height: auto; float: left;   }
.SwitchImage{ display: none; }
.article_list2{ width: 100%; }
div.Scroll_Box{width:530px;margin:0 auto;overflow: hidden;box-sizing:border-box;}
}
@media only screen and (max-width: 640px)
{
.article_box .img_box{ width: 100%; }
.pr10{ padding-right:0;}
div.Scroll_Box{width:288px;padding:20px 0;}
}
@media only screen and (max-width: 480px)
{
.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;}
.article_box_con{position: inherit;width: 100%;background: none;height: auto;padding: 0px;}
.article_box .img_box img{ width: 100%; height: auto; float: none; margin-right: 0px;  }
.article_box .img_box{ margin-bottom: 10px; width: 100%; height: auto; }
.article_box_con h2 a, .article_box_con p, .article_box_con span.Key_Box a, .article_box a.details{ color: #333; }
}
@media only screen and (max-width:400px)
{
.img_boxs{  width: 100%; margin: 0px 0 10px; height: auto; float:none;   }
}

