﻿/*公用*/
.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:108px; width:290px}
.a1 img:hover,.a2 img:hover{ opacity:0.7;}
/**/
.col-md-4 .article_box h2{ font-weight:normal; font-size:20px;}
.col-md-4 .article_box h2 a{ color:#2076bd}
/*图片滚动*/
.SwitchImage{position: relative; _zoom:1;_width:794px;}
.SwitchImage,.SwitchImage img{width:100%;_width:794px;}
.SwitchImage .swiper-box{height:315px;_width:794px;}
.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;}
/*通知公告*/
.col-md-5{_width:40%;}
.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 .article_box{ width:48%; margin-right:2%; float:left;_display:inline; _width:46%}
.col-md-7 .article_box img{ width:108px; height:72px; float:left; margin-right:0;}
.col-md-7 .article_box img:hover{ transform:none !important;}
.col-md-7 .article_box h2{ background: #1ab1e5;float: left;font-size: 14px;height: 52px;line-height: 24px;padding: 10px 15px;width:43%; margin-bottom:0; _display:inline;_width:78px; }
.col-md-7 .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-7 .article_box h2 a.more{ margin-top:27px}
.col-md-7 .article_box h2 a{ color:#fff;display: block;
 height: 45px;
 overflow: hidden;}
.Count, .play_time{ display:none;}
.col-md-7 ul.article_list{_margin-top:-15px;*margin-top:-15px;}
.col-md-7.col-sm-7 ul.article_list li{ background:url(/Content/Areas/Common/images/video/video_icon.jpg) no-repeat scroll 0 10px; padding-left:26px; float:left; width:44%;}
/*图片新闻*/
.Scroll_Box .swiper-box{ width:1186px; height:172px;}
div.Scroll_Box .arrow-btn{ display:none}
.Scroll_Box  .swiper-box ul li img{ width:213px; height:172px;}
.Scroll_Box .swiper-box ul li h2{position:absolute; line-height:32px; height:32px; display:block; padding:0 10px; width:193px; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat; color:#fff; bottom:0}
.Scroll_Box .swiper-box ul li h2 a{ color:#fff;}
.Scroll_Box .swiper-box ul li:hover h2 a{ color:#fff}
.Scroll_Box .swiper-box ul li:hover a
.Scroll_Box .swiper-box ul li h2 a:hover{ color:#fff}

@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:66px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#fff;}
.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; width:50%}
.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;}
.a1 { margin-right:2%; margin-bottom:0;}
.a1 img,.a2 img{ width:100%; height:auto;}
.Scroll_Box{position: relative;width: 693px;overflow: hidden;margin: 20px auto 0;}
}

@media only screen and (max-width:767px){
.col-md-7 .article_box h2{ display:none}	
.col-md-7 .Box .article_list{ width:187px; float:left}
}
@media only screen and (max-width:728px){
.col-md-7 .Box .article_list{ width:150px; float:left}
.Scroll_Box{ width:459px}
}
@media only screen and (max-width:662px){
.article_box.pd15-0{ display:none}
.col-md-7 .Box .article_box{ display:none;}
.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;}
.SwitchImage, .SwitchImage img{ height:246px; overflow:hidden;}
.SwitchImage .swiper-box{ height:246px;}
.SwitchImage .pagination{ right:2%;}
.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;}
}
@media only screen and (max-width:482px){
.Scroll_Box{ width:220px}
}
@media only screen and (max-width:435px){
.SwitchImage, .SwitchImage img{ height:165px;}
.SwitchImage .swiper-box{ height:165px;}
.col-md-7.col-sm-7 ul.article_list li{ float:none; width:100%;}
}

@media only screen and (max-width:375px){
.SwitchImage, .SwitchImage img{ height:141px;}
.SwitchImage .swiper-box{ height:141px;}

}
@media only screen and (max-width:320px){
.SwitchImage, .SwitchImage img{ height:119px;}
.SwitchImage .swiper-box{ height:119px;}
}


  