@charset "utf-8";
/* CSS Document */
img:hover{ transform:scale(1.1); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.col-md-2 img:hover{transform:none; opacity:0.8}
.img_box img:hover{ transform:none;}
.img_box.mt20{ display:block}
.H331{ height:331px;}
.article_box li{ background: #f2f2f2;color: #333;font-size: 18px;height: 83px;padding: 10px;}
.article_box li .title_type{color:#333;font-size:18px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.span_date{ font-size:14px;}
.col-md-10{ _width:81%}
.col-md-5{_width:39%}
/*ÂÖ²¥Í¼*/
.SwitchImage{ position:relative; width:100%; height:321px; margin-top:10px;_width:568px; _zoom:1;}
.SwitchImage .swiper-box{ height:321px; width:568px;}
div .SwitchImage .swiper-box ul li h2{ height:78px ; line-height:50px ; font-size:18px ; text-align:center;_display:none;}
div .SwitchImage .swiper-box ul li .Img_Box{height:321px;}
div .SwitchImage .swiper-box ul li img{ width:100%}
div .SwitchImage .pagination{ right:242px; bottom:11px;}
div .SwitchImage .pagination span{ border-radius:0; width:15px; height:4px;}
/*¼ò½é*/
.col-md-2.col-sm-12.fr .article_box{ background:#f2f2f2; padding:21px 15px;}
.article_box img{ width:100%; height:102px;}
.col-md-2 .article_list{ background: #eee;margin-top: 0;padding:13px 15px;}

.article_list.col_list li{ float: left; width: 46%; }
a.img_link{ display: block;width: 100%; height: 90px; border:1px solid #ccc; }


@media only screen and (max-width: 1000px){
ul.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SwitchImage .swiper-box{ width:100%;}
}
@media only screen and (max-width: 768px){
h2.title_header span{ width:auto; overflow:hidden; height:auto;}
.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.col-sm-12{ margin-bottom:0}
.col-sm-hid{ display:block}
.col-md-7.col-sm-6 .pr20{ margin-right:0}
div .SwitchImage .pagination{ right:128px;}
.list_img li{ width:48%;}
.list_img li.Li_Even{ margin-right:0;}
.list_img li.last{ display:none}
.Scroll_Box { width:700px; overflow:hidden; margin:20px auto 0;}
.volunteer{ display:none}
img.pd15-0{ display:none}
.col-md-2.col-sm-12 ul.article_list li{width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.col-md-2.col-sm-12 ul.article_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list_img2 li{ margin-right:2px; width:32%;}
.list_img2 li .img_box{ height:auto; }
.list_img2 li .img_box img{height:auto;}
.article_box img{ width:174px; height:102px; float:left; margin-right:15px;}
.article_list_img li{ width:50%; float:left;}
.article_list_img li a.img_box img{ margin:0 auto;}
.col-md-4.col-sm-hid.col-sm-6.fl{ display:none}
.pr10{ padding-right:0;}
.col-md-7.col-sm-6.col-sm-hid.fl .pr20{ padding-right:0;}
}
@media only screen and (max-width: 640px){
.pr20{ padding-right:0px;}
.H331{ height:auto;}	
.col-sm-12{ margin-bottom:20px}
.col-sm-hid{ display:none}
ul.article_box{ display:none}
.pl10{ padding-left:0px}
ul.article_list li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_img{ display:none}
.col-md-2.col-sm-12 ul.article_list li{width: 100%;float: none;margin-right: 0%;box-sizing: border-box;}
.Scroll_Box { width:222px}
.list_img2 li{ width:33%;}
}
@media only screen and (max-width: 420px){
.list_img2 li{ margin-right:2px; width:32%;}
}
@media only screen and (max-width: 400px){
.article_list_img li{ width:100%; float:none;}
}
@media only screen and (max-width: 320px){
.article_box img{ width:100%; float:none; margin-right:0px; width:100%; height:auto;}
h2.title_header{height: 45px !important;}
}