﻿@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;}
.article_box li{ background:#f0f5fb url(/Sites/Uploaded/UserUpLoad/20160823/20160823132202.png) no-repeat left top; width:364px; padding:10px;}
.article_box li .title_type{ color:#2076bd; font-size:18px;}
 .scolumn_list li{
 float: left;
 width: 210px;
 height: 84px;
 font-size: 14px;
 text-align: center;
 line-height: 84px;
 background: #eef3fa;
 margin-top: 10px;
 margin-right: 10px;
 color: #545454;
 border-radius: 5px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
 }
 .scolumn_list li a{
 display: block;
 }
 .scolumn_list li:hover{
 background: #00568e;
 }
 .scolumn_list li:hover a{
 color: #fff;
 }
 .scolumn_list li:nth-child(2n){
 margin-right: 0px;
 }
/*轮播图*/
.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;}
/*简介*/
.col-md-2.col-sm-12.fr .article_box{ background:#f2f2f2; padding:14px 15px;}
.article_box img{ width:100%; height:102px;}
.col-md-2.col-sm-12.fr .article_list{background:#f2f2f2; padding:15px;}
/*学术交流*/
.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:100%; 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}

/*成果*/
.list_img2 li{width:121px;overflow:hidden;margin-right: 8px;float:left;}
.list_img2 li.last{ margin-right:0;}
.list_img2 li .img_box{width:100%;height:170px;display:block;overflow: hidden;}
.list_img2 li .img_box img{width:100%; height:170px;}
.list_img2 li .title_type{line-height: 24px;display:block;text-align: center;}

/*科研带头人*/
.Scroll_Box .swiper-box{width: 896px;height: 140px;}
div.Scroll_Box .arrow-btn{top:60px;font-size: 32px !important;display:block;line-height: 60px;background: #2076bd;text-align: center;color: #fff !important;width: 30px;}
.Scroll_Box .swiper-box ul li .Img_Box .pic{ display:inline-block; float:left;}
.Scroll_Box .swiper-box ul li img{width:101px;height:138px;float:left;border: 1px solid #ccc;}
.Scroll_Box .swiper-box ul li .Img_Box p{ line-height:24px}
.Name{ color:#2076bd}
.Scroll_Box .swiper-box ul li h2{ line-height:32px; height:32px; display:inline-block; padding:0 10px; float:left;}
.Scroll_Box .swiper-box ul li .details{ color:#358bc5}
.Scroll_Box .swiper-box ul li h2 a{ color:#333;}
.Scroll_Box .swiper-box ul li:hover a{}
.Scroll_Box .arrow-btn:hover{ background:#358bc5; 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;}

/*科研中心*/
.article_list_img{background:#f2f2f2; padding:15px 15px 10px;}
.article_list_img li{background:none;margin-bottom:10px;overflow: hidden;}
.article_list_img li a.img_box img{ width:170px; height:44px; margin:0 auto; display:block;}
.article_list_img li a.title_type{ display:none}

/*子站点*/
.jigou_items{
	width: 98%;
	margin-left: 10px;
}
.a_keyan{
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.a_keyan1{
	background: url(/Content/Areas/News/images/a_keyan1.jpg);
background-size: cover;
}
.a_keyan2{
	margin: 10px 0;
	background: url(/Content/Areas/News/images/a_keyan2.jpg);
background-size: cover;
}
.a_keyan3{
	background: url(/Content/Areas/News/images/a_keyan3.jpg);
 background-size: cover;
 margin-bottom: 10px;
}
.a_keyan4{
	background: url(/Sites/Uploaded/UserUpLoad/20200709/20200709142609.jpg);
 background-size: cover;
}
.table_box{margin: 0px;}
.table_box table{border-collapse:collapse;}
.table_box table,th, td{border:1px solid #ccc;font-size: 14px;}
.table_box thead{background: #e9e9e9;/* font-size:14px; */}
.table_box td{text-align:center;padding: 3px 3px;}
.table_boxheight{line-height: 21px;}
@media only screen and (max-width: 1367px){
  .scolumn_list li{
 width: 190px;
  }
  .mF_shutters_wrap{
 width: 100%;
  }
}
@media only screen and (max-width: 768px){
.SwitchImage{ display:none;}
.col-md-5.col-sm-12.fl li{ float:left; width:50%; float:left; box-sizing:border-box;}
.H331{ height:auto;}
.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.Scroll_Box .arrow-btn{ display:none;}	
.Scroll_Box {width: 600px;overflow:hidden;margin:20px auto 0;}
.list_img2 li.last{ display:none}
.list_img2 li{ margin-right:28px;}
.list_img li.last{ display:none}
.list_img li{ margin:0 20px;}	
	}
@media only screen and (max-width: 768px){
div .SwitchImage .swiper-box ul li h2{ font-size:14px;}
.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:48%;}
.list_img li.Li_Even{ margin-right:0;}
.list_img li.last{ display:none}
.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_img2 li{ margin-right:2px; width:32%;}
.list_img2 li .img_box{ height:auto; }
.list_img2 li .img_box img{height:auto;}
.article_box img{ width:174px; height:102px; float:left; margin-right:15px;}
.article_list_img li{ width:50%; float:left;}
.article_list_img li a.img_box img{ margin:0 auto;}

.list_img2 li.last{ display:block}
.list_img li.last{ display:none}
.list_img li .img_box{ width:100%}
.list_img li{ margin:0;margin-right:4%;}	
.list_img li .title_type{ width:100%}
.jigou_items{width: 96%;}
.pr20 {
 padding-right: 0px;
}
.scolumn_list{
 padding: 0 0.2rem;
}
.scolumn_list li {
 width: 48% !important;
 height: 1rem !important;
 line-height: 1rem !important;
}
}

@media only screen and (max-width: 640px){
.col-md-5.col-sm-12.fl li{ width:100%;}
.pr20{ padding-right:0px;}
.col-sm-12{ margin-bottom:20px}
.col-sm-hid{ display:none}
ul.article_box{ display:none}

ul.article_list li,.list_img li .title_type{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_img{ display:none}

.Scroll_Box {width: 300px;}
.list_img2 li{ width:33%;}
}
@media only screen and (max-width: 425px){
	.col-md-8,.col-md-4{width: 100%;}
}
@media only screen and (max-width: 420px){
.list_img2 li{ margin-right:2px; width:32%;}
.col-md-2.col-sm-12 ul.article_list li{width: 100%;float: none;margin-right: 0%;box-sizing: border-box;}
}
@media only screen and (max-width: 400px){
.article_list_img li{ width:100%; float:none;}
}
@media only screen and (max-width: 380px){
.Scroll_Box .swiper-box{ width:900px;}
.Scroll_Box{ width:300px;}
} 