@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:208px;}
.article_box li{ background:#f0f5fb url(/Content/Areas/News/images/QinNianYuanDi/icon1.png) no-repeat left top; width:364px; padding:10px;_width:350px;}
.article_box li .title_type{ color:#2076bd; font-size:18px;}
.red a{ color:#e23838 }
.a2{ display:block;width:215px; height:70px; background:url(/Sites/Uploaded/UserUpLoad/20161027/20161027093736.jpg) no-repeat center;}
.a1{ display:block;width:205px; height:74px; background:url(/Content/Areas/News/images/YuanWuGongZuo/icon3.jpg) no-repeat center; border:#dddddd 1px solid}
.a1:hover{ background:url(/Content/Areas/News/images/YuanWuGongZuo/icon4.jpg) no-repeat center;}
.col-md-2.col-sm-12 img{ display:block;}
.col-md-2.col-sm-12 img:hover{ transform:none;}
.col-md-10{_width:82%;}
.col-md-5 {_width:40%;}
/*轮播图*/
.SwitchImage{ position:relative; width:100%; height:321px; margin-top:10px;_width:568px}
.SwitchImage .swiper-box{ height:321px;_width:568px}
div .SwitchImage .swiper-box ul li img{ width:100%; height:321px;_width:568px}
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;}
/*青年感悟*/
.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: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}
.ContactUs{ background:url(/Sites/Uploaded/UserUpLoad/20161027/20161027094732.jpg) no-repeat scroll 0 0;
 height: 87px;
 padding: 60px 37px 0;
 width: 141px;}
.ContactUs p{ line-height:24px}	
@media only screen and (max-width: 768px){
ul.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.H318{ height:auto;}	
.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:49%; margin-right:1%}
.list_img li img{ width:100%;}
.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;}
a.pd15-0 img{ display:none;}
.a1 img{ display:block !important; margin:0 auto;}
.a2{ display:none}
}
@media only screen and (max-width: 720px){
	.Scroll_Box { width:458px}
	}
@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}
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: 50%;float: left;margin-right: 0%;box-sizing: border-box;}
.Scroll_Box { width:222px}
.a2{ display:block; width:100%;}
}
@media only screen and (max-width: 475px){
.Scroll_Box { width:222px}	
	}
@media only screen and (max-width: 434px){
.col-md-2.col-sm-12 ul.article_list li{width: 100%;float: none;margin-right: 0%;box-sizing: border-box;}
a.pd15-0 img{ display:block; width:100%;}
}