@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;}
img.pd15-0:hover{ transform:none;}
.H331{ height:331px;}
.H318{ height:318px;}
.article_box li{ background:#f0f5fb url(/Content/Areas/News/images/QinNianYuanDi/icon1.png) no-repeat left top; width:364px; padding:10px;}
.article_box li .title_type{ color:#2076bd; font-size:18px;}
.green a span{ color:#178601 !important;}
h2.title_header a span{ color:#2076bd;}
/*轮播图*/
.SwitchImage{ position:relative; width:100%; height:321px; margin-top:10px;}
.SwitchImage .swiper-box{ height:321px;}
div .SwitchImage .swiper-box ul li h2{ height:78px ; line-height:50px ; font-size:18px ; text-align:center;}
div .SwitchImage .pagination{ right:242px; bottom:11px;}
div .SwitchImage .pagination span{ border-radius:0; width:15px; height:4px;}
/*志愿者*/
.volunteer{ background:#f2f2f2 }
.volunteer form{ padding:10px 15px;}
.UserName,.Password{ border:1px solid #e7e7e7; line-height:26px; height:26px; padding-left:10px; margin-bottom:10px; color:#c5c5c5; width:162px;}
.logon{background: #2076bd;width:172px;height:37px;border:none;border-radius:4px;margin:10px 0;color: #fff;font-size: 18px;font-family: "微软雅黑";cursor: pointer;}
.logon:hover{opacity:0.8;transition: all 0.2s;background: #03a2db;}
/*青年感悟*/
.list_img li{ width:182px; height:145px; overflow:hidden; margin-right:10px; position:relative; float:left}
.list_img li.last{ margin-right:0;}
.list_img li .img_box{ width:182px; height:145px; display:block}
.list_img li .img_box img{width:182px; height:145px;}
.list_img li .title_type{ position:absolute; line-height:32px; height:32px; display:block; padding:0 10px; width:162px; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat; color:#fff; bottom:0}
/*青年风采*/
.Scroll_Box .swiper-box{ width:1186px; height:172px;}
div.Scroll_Box .arrow-btn{ display:none}
.Scroll_Box  .swiper-box ul li img{ width:230px; 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){
ul.article_list li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.SwitchImage{ display:none}
.H318{ height:auto;}
.pr20{ padding:0px;}
.article_box li{height:100px;overflow:hidden;width:100%;box-sizing:border-box;background: #f0f5fb;}
.col-sm-12{ margin-bottom:0}
.col-sm-hid{ display:block}
.col-md-7.col-sm-6 .pr20{ margin-right:0}
.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_img{ display:none}
}
@media only screen and (max-width: 730px){
.Scroll_Box {width: 455px;}
}
@media only screen and (max-width: 640px){
.H331{ height:auto;}	
.H318{ height:auto;}
.col-sm-12{ margin-bottom:20px}
.col-sm-hid{ display:none}
ul.article_box{ display:none}


}
@media only screen and (max-width: 500px){
.Scroll_Box {width: 222px;}
}
@media only screen and (max-width: 400px){
.col-md-2.col-sm-12 ul.article_list li{width: 100%;float: none;margin-right: 0%;box-sizing: border-box;}
}