﻿/*公用*/
.article_box img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);-webkit-transform:scale(1.1);}
img:hover{ transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.border_bottom{ border-bottom:1px dotted #c1c1c1;}
.border-top{ border-top: 1px solid #cccccc;}
.article_banner{ display:block;}
.a1 img,.a1,.a2 img,.a2{ display:block; height:80px; width:350px}
.a1 img:hover,.a2 img:hover{ opacity:0.7;}
.tzxz_list{ background:url(/Content/Areas/News/images/QinNianYuanDi/icon1.png) no-repeat scroll center top}
.col-md-4 .article_box{ background:url(/Content/Areas/News/images/QinNianYuanDi/icon1.png) no-repeat scroll center top;
 margin-top: 5px;
 padding-top: 13px;}
.ContentUs span{ float:left; width:100%; line-height:28px}
/**/
.col-md-4 .article_box h2{ font-weight:normal; font-size:20px;}
.col-md-4 .article_box h2 a{ color:#2076bd}
/*图片滚动*/
.SwitchImage{position: relative;}
.SwitchImage,.SwitchImage img{width:100%;height:315px;}
.SwitchImage .swiper-box{height:315px;}
.content_box{ background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; height: 285px;padding: 15px;position: absolute;
right: 0;top: 0;width: 179px;}
.col-md-8 .SwitchImage .swiper-box ul li h2{ background:none;color: #fff;font-size: 22px;height:auto;left: inherit;line-height: 34px;
position: static;top: inherit; width:auto;}
.col-md-8 .SwitchImage .swiper-box ul li h2 a{ padding-left:0;}
.content_box p{ color: #fff;font-size: 14px; line-height: 24px;margin-top: 15px;}
/*通知公告*/
.article_box li{ height:52px;background:#f2f2f2 url(/Content/Areas/News/images/XinWenZhongXin/icon3.png) repeat-x left top; color:#333333; font-size:18px; padding:10px;}
.article_box li .span_date{ color:#666666; font-size:12px; display:block; line-height:28px;}
.col-md-3.col-sm-12 .article_box li a.title_type{ font-weight:bold;}


/*本科生教育*/
.col-md-7 .Box .article_box{ width:192px; height:160px; position:relative}
.col-md-7 .Box .article_box img{ width:100%; height:112px; margin-right:0;}
.col-md-7 .Box .article_box h2{ color:#fff; font-size:14px; background:url(/Content/Areas/News/images/XinWenZhongXin/h_bg.jpg) no-repeat; position:absolute; left:0; bottom:0px; padding:6px 10px; line-height:20px; font-weight: normal; height:36px; width:172px;}
.col-md-7 .Box .article_box h2 a{ color:#fff;}
/*继续教育*/
.col-md-5 .article_box img{ width:108px; height:72px; float:left; margin-right:0;}
.col-md-5 .article_box img:hover{ transform:none !important;}
.col-md-5 .article_box h2{ background: #1ab1e5;float: left;font-size: 14px;height: 52px;line-height: 24px;padding: 10px 15px;width: 211px; margin-bottom:0;}
.col-md-5 .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-5 .article_box h2 a.more{ margin-top:27px}
.col-md-5 .article_box h2 a{ color:#fff}
.col-md-5 .ke_box h2{ background:none;}
.col-md-5 .ke_box h2 a{ color:#333}
.col-md-5 .ke_box h2 a:hover{ color:#2076bd}

/*传染病医师进修*/
/*国际交流*/
ul.new_list li{ padding:20px 0; border-bottom:1px dotted #c1c1c1}
ul.new_list a.img_box{width:117px; height:74px; margin-right:20px; float:left;}
ul.new_list img{ width:117px; height:74px;}
ul.new_list h2{ margin-bottom:0; font-size:18px; color:#333333}
ul.new_list p{ line-height:24px; color:#999999}


@media only screen and (max-width:768px){
.pr10{ padding:0;}	
.pl10{ padding:0;}
ul.article_list li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.article_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.col-md-4.col-sm-12 .article_list li{ width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.col-md-7 .Box .article_list{ width:207px;}
.col-md-7 .article_box h2{ width:288px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.article_banner img{ width:100%; height:auto;}
.article_box li .span_date{ display:none}
.col-md-7.col-sm-7 ul.article_list li{ box-sizing:border-box;}
.col-md-3.col-sm-12 .article_list li{ width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.first_article:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.first_article{ float: none;width: 100%;margin-bottom: 20px;}
.a1,.a2{ display:block; height:auto; width:49%; float:left;}
.a2 { margin-right:2%;}
.a1{ margin-top:20px}
.a1 img,.a2 img{ width:100%; height:auto;}
.Scroll_Box{position: relative;width: 693px;overflow: hidden;margin: 20px auto 0;}

.col-md-5 .article_box h2 { width:140px;}
.col-md-4 .article_box,.tzxz_list{ background:none}
}

@media only screen and (max-width:767px){
.col-md-7 .article_box h2{ width:265px}	
.col-md-7 .Box .article_list{ width:187px; float:left}
}
@media only screen and (max-width:728px){
.col-md-7 .article_box h2{ width:226px}	
.col-md-7 .Box .article_list{ width:150px; float:left}
.Scroll_Box{ width:459px}
}
@media only screen and (max-width:662px){

.col-md-7 .Box .article_list{ width:100%}
}
@media only screen and (max-width:640px){
.col-md-7.col-sm-7.fl{ height:auto;}
.pl15{ padding:0;}	
.col-md-4.col-sm-12 .article_list li{ width:100%; float:none; margin-right:0;}

.content_box{ display:none;}
.col-md-5.col-sm-5 .article_box{ display:none;}
.col-md-7 .Box .article_box{ display:none;}
.col-md-7 .Box .article_list{ width:100%; float:none;}
.col-md-3.col-sm-12 .article_list li{width:100%; float:none; margin-right:0;}
h2.title_header.green{ margin-top:10px;}

.SwitchImage, .SwitchImage img { display: none;}
}

@media only screen and (max-width:435px){

.col-md-7.col-sm-7 ul.article_list li{ float:none; width:100%;}
}


@media only screen and (max-width:320px){
.a1, .a2{ float:none; width:100%; margin-right:0;}
}


  