.col-md-3{_width: 24%; _float: right;}
/*院徽*/
.col-md-6 .article_box{border:1px solid #ccc;padding:15px;height: 215px;margin: 15px 0px 0px;}
.col-md-6 .article_box .img_box{display:inline-block;width: 40%;float:left;}
.col-md-6 .article_box .img_box img{margin: 50px auto 10px;width: 120px;height: 120px; float:none; display: block;}
.col-md-6 .article_box .article_box_con{width: 53%;float:right;padding-left: 27px;background: url(/Sites/Uploaded/UserUpLoad/20160817/20160817175551.png) no-repeat left center;}
/*学院历史*/
.SwitchImage{width:349px;height:150px;/* position: relative; */}
.SwitchImage .swiper-box{width:100%;height: 150px;}
.SwitchImage .swiper-box ul li .Img_Box{padding:0 5px;}
.SwitchImage .swiper-box ul li p{font-size: 14px;line-height:26px;padding-right: 5px;}
.SwitchImage .swiper-box ul li .Img_Box .pic{ width:100%;height:150px;float: left; }
.SwitchImage .swiper-box ul li img{width:100%;height:150px;}
.SwitchImage .pagination{ right:24px !important;}
.SwitchImage .swiper-box ul li h2{ display:none;}
/*学院简介*/
.img_left img{width:100%;height: 148px;border:1px solid #ccc;margin-bottom:15px;}
.img_left p{font-size: 14px;line-height: 30px;color: #999999;}
.img_left a.details{ color:#511b66 }
.img_left a.details:hover{ font-weight: bold; }
/*历任院长*/
.Scroll_Box{padding:15px 25px;width: 1110px;}
.swiper-box{width: 1060px;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 p.XX{ height:78px;overflow: hidden;} 
/*.swiper-box ul li p.XX{height: 52px;}*/
.swiper-box ul li p.details,.swiper-box ul li p.phone{ display: none; }
.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: #511b66;}
.swiper-box ul li a.details:hover{font-weight: bold;color: #511b66 !important;}
.Scroll_Box .btn-right {width: 30px;height: 60px;}
.Scroll_Box .btn-left {width: 30px;height: 60px;background: #;}
.col-md-12 .Scroll_Box .arrow-btn{top:60px;font-size: 32px !important;display:block;line-height: 60px;background: #511b66;text-align: center;color: #fff !important;}
.xs_scroll .Scroll_Box .btn-left{ _left:-30px;}
.Scroll_Box .arrow-btn:hover{ background:#9c65b2; color:#fff !important; transition:all 0.2s; -moz-transition:all 0.2s;-ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}


@media only screen and (max-width: 768px){
.SwitchImage{ width:100%;}
.swiper-box ul li p.zhiwu{ height:auto;}
.swiper-box ul li p.XX{ height:auto;}
div.Scroll_Box{width:559px;margin:0 auto;overflow: hidden;box-sizing:border-box;}
.arrow-btn{display: none;}
.col-md-12 .Scroll_Box .arrow-btn{ display:none;}
.col-md-6 .article_box .article_box_con{ width:49%; padding-left:20px;}
.img_left{ overflow:hidden;}
.img_left img{width: 50%;height:auto;float:left;margin-right:20px;margin-bottom: 0px;}
.article_column li p{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.pl10{ padding:0px}
}
@media only screen and (max-width: 640px){
.swiper-box{width:1140px;}
div.Scroll_Box{width:288px;padding:20px 0;}
.pl10,.pl15{ padding-left: 0px; }
.pr15{ padding-right:0px}
}
@media only screen and (max-width: 600px){
.img_left img{ width:80%; float:none; display:block; margin:0 auto 15px;} 
}
@media only screen and (max-width: 450px){
.col-md-6 .article_box{ height:auto;}
.col-md-6 .article_box .img_box{ width:100%; float:none;}
.col-md-6 .article_box .img_box img{width: 100px !important;height: auto;margin:0 auto;float:none;display:block;}
.col-md-6 .article_box .article_box_con{ width:100%; padding-left:0px; background:none;}
.img_left img{ width:100%; box-sizing:border-box;}
}