﻿/*公用*/
.linkmap{ display: none; }
.main{ margin-bottom: 40px; }

.article_box{ width: 410px; }
.article_box h2{ font-weight:normal; margin-bottom: 5px; }
.article_box h2 a{ color:#2076bd;font-size:18px; font-weight: normal}
.article_box p{ line-height: 30px; }
/*图片滚动*/
.SwitchImage{position: relative;}
.SwitchImage{ width: 550px; }
.SwitchImage.SwitchImage img{width:100%;height:260px;}
.SwitchImage .swiper-box{height:260px;}
.content_box{background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;height: 34px;position: absolute;right: 0;bottom: 0;width: 100%;}
.SwitchImage .swiper-box ul li h2{background:none;color: #fff;font-size: 18px;height:auto;left: inherit;line-height: 34px;position: static;top: inherit;width:auto;padding-left: 10px;}
.SwitchImage .swiper-box ul li h2 a{ padding-left:0;}
.content_box p{color: #fff;font-size: 14px;line-height: 24px;margin-top: 15px;display: none;}
.SwitchImage .pagination{bottom:10px !important;right: 10px !important;}


/*科研平台*/
.main2{ background: #f4f4f2;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; }
.main2 .article_list_img{ width: 1000px; margin: 0 auto; }
.article_list_img li{ height: 150px;  }
.article_list_img li.column_1{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
.article_list_img li .img_box{width:300px;height:140px; display:block;}
.article_list_img li.Li_Odd .img_box{float:left;margin-right: 20px; }
.article_list_img li.Li_Even .img_box{float:right;margin-left: 20px; }
.article_list_img li img{width:300px;height: auto;min-height:140px;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;}
.article_list_img li a.title_type{ line-height: 40px; font-size: 16px; }
.article_list_img li p{ line-height: 30px; }
/**/
.column_img{margin:0 auto; width:810px;}
.column_img  h2 a{color:#025b95;}
.column_img li.li_column{width:365px;float: left;margin:0 20px;*margin:0 15px;}
.column_img li.li_column .img_box{width:365px;height:210px;position: relative;cursor: pointer; overflow: hidden;}
.column_img li.li_column .img_box img{width:365px;min-height:210px; height: auto;}
.column_img li.li_column .img_box a{display: block;width:160px;height:50px;background:url(/Content/Areas/Common/images/common/op_bg_1.png) repeat;line-height: 50px;text-align: center;position: absolute;font-size: 25px;color: #126295;left:50%;top:50%;margin-left:-80px;margin-top:-25px;z-index: 25;}
.column_img li.li_column .img_box span.Hover_bg{background:url(/Content/Areas/Common/images/common/Hover_bg.png) repeat;position: absolute;display: none;left:0;top:0;width:365px;height:210px;z-index: 15;}
@media only screen and (max-width: 1024px){
.main2{ width: 1000px; }
}
@media only screen and (max-width: 768px)
{
.main2{ width: 100%; }
.pl10{ padding-left: 0px; }
.pr10{ padding-right: 0px; }
.SwitchImage{ display: none; }
.article_box{ width: 100%; }
.main2 .article_list_img{ width: 100%; }
.article_list_img li{ height: auto; } 
.column_img{ width: 100%; }
.column_img li.li_column{ width: 46%; margin:0px 2%; }
.column_img li.li_column .img_box{ width: 100%; }
.column_img li.li_column .img_box img{ width: 100%; height: auto; min-height: 210px; }
}
@media only screen and (max-width: 640px){
.column_img li.li_column .img_box span.Hover_bg,.column_img li.li_column .img_box img,.column_img li.li_column .img_box{ height: 160px; }
}
@media only screen and (max-width: 600px)
{
.col-md-4 .article_list li,.article_list2 li{ width: 100%; float: none; }
.article_list_img li{ width: 100%; float: none; margin-bottom: 10px; overflow: hidden; }
.column_img li.li_column .img_box span.Hover_bg,.column_img li.li_column .img_box img,.column_img li.li_column .img_box{ height: 145px; }
}
@media only screen and (max-width: 500px){
.column_img li.li_column .img_box span.Hover_bg,.column_img li.li_column .img_box img,.column_img li.li_column .img_box{ height: 125px; }
}
@media only screen and (max-width: 450px){
.article_list_img li.Li_Even .img_box,.article_list_img li.Li_Odd .img_box{ float: none; margin: 0px auto 10px; }
}
@media only screen and (max-width: 375px){
.column_img li.li_column{ width: 96%; float: none; margin-bottom: 20px; overflow: hidden; }
.column_img li.li_column .img_box span.Hover_bg,.column_img li.li_column .img_box img,.column_img li.li_column .img_box{ height: 180px; }
}
@media only screen and (max-width: 320px){
.column_img li.li_column .img_box span.Hover_bg,.column_img li.li_column .img_box img,.column_img li.li_column .img_box{ height: 165px; }
}