﻿/*研究所介绍*/
.img_left{ _height: 180px;_width: 630px; }
.img_left img{float: left;width:260px;height:178px;border:1px solid #ccc; margin-right: 20px;}
.article_box img:hover{opacity: 0.7;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s; }

.btn_box {border-top: 1px solid #ededed;float: right;width: 350px;_width: 336px;}
.btn_box a{width: 66px;_width: 60px;display: block;float: left;margin-right: 10px;line-height: 20px;text-align: center;margin-top: 15px;background: #ededed;color: #666;padding: 8px 20px;border-radius: 5px;}
.btn_box a:hover{ color:#fff; background:#0c3d5d; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}
.btn_box a.last{line-height: 40px;height: 40px;}

/*领导*/
.Scroll_Box{padding:15px 25px; width: 950px;}
.swiper-box{ width: 900px; height: 156px;}
.swiper-box ul li .Img_Box{padding:0;}
.swiper-box ul li p{font-size: 14px;line-height:26px;padding-right: 5px;}

.swiper-box ul li .Img_Box .pic{ width:110px;height:150px;float: left; }
.swiper-box ul li img{width:100%;height:150px;}

.swiper-box ul li a.details{color: #fe8b10; position: absolute;bottom: 10px;}
.swiper-box ul li a.details:hover{font-weight: bold;}
.Scroll_Box .arrow-btn{ display: block !important;top: 60px;font-size: 32px !important;line-height: 60px;width: 30px;background: #204e6f;text-align: center;color: #fff !important; }
.Scroll_Box .arrow-btn:hover{ background:#6bb2e6; }

/*历史沿革*/
.article_column li{padding-left: 16px !important;line-height: 30px !important;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
 background:url(/Content/Areas/News/images/icon_ls.png) no-repeat left center !important;}


@media only screen and (max-width: 768px){
 .pr15,.pl15{ padding: 0; }
 .article_column li{ width: 48%; float: left;box-sizing:border-box; }
 .btn_box{ width: 60%; }
 .Scroll_Box {width: 100%;box-sizing: border-box;}
 .Scroll_Box .Scroll_Box {width: 620px;box-sizing: border-box;overflow: hidden;margin:0 auto;}
 .swiper_w{width: 600px;overflow: hidden; margin:0 auto;}
}
@media only screen and (max-width: 767px){
 .btn_box{ width: 56%;float: left;}
}
@media only screen and (max-width: 690px){
 .btn_box{ width: 53%;}
 .btn_box a{padding: 8px 5%;margin-right: 2.5%;}
}
@media only screen and (max-width: 640px){
 .btn_box{ width: 100%;}
 .swiper_w{width: 300px;}
 .btn_box a {padding: 8px 0;margin-right: 3%;width: 30%;line-height: 20px;}
 .btn_box a.last {line-height: 20px;height: auto;}

 .Scroll_Box .Scroll_Box {width: 300px;}
}
@media only screen and (max-width: 425px){
 .img_left img {width: 100%;height: auto;margin-bottom: 10px;}
 .btn_box a {width: 100%;box-sizing: border-box;}
 .btn_box a.last{line-height: 20px;height:auto;}
 .article_column li{width: 90%;}
}
@media only screen and (max-width: 375px){
 .Scroll_Box {padding: 15px 0px;}
.Scroll_Box .arrow-btn{ display:none !important; }
} 