/* banner */
.bannerCon{width: 100%;}
	.bannerimg{ width: 100%;position: relative; }
	.bannerimg img{ display: block; width: 100%;}
		.bannerbg{ position: absolute;  left: 0;  top: 0; width: 100%; height: 100%; background:url(bannerbg.png) no-repeat left top; background-size:auto 100%;}
	.bannerimg span{position: absolute; left:8%; top: 50%; color: #fff; font-size:.525rem;font-family: "思源黑体","黑体"; display: block;transform:translate(0,-50%);  line-height: 100%;}
	.bannerimg span em{display: block; color: #fff; font-style: normal; font-size: .35rem;    text-transform: uppercase;}
	.bannerimg span em:before{content: ""; width:.325rem; height:3px; display:inline-block;     vertical-align: middle; margin-right:6px;    background: #fff;}
	/*.bannerimg span:after{ content: ""; position: absolute; left: 0; bottom:-.5rem; background: #fff; height: .1rem; font-size: 0; overflow: hidden; width: 34%;}*/
	.bannerimg  .col333{ color:#333;}
	.bannerimg  .col333:after{background:#004099;}

/*中间内容*/
.conpb{ padding-bottom:1.5rem;}
	.Lcon{ width:18%; float: left;}
	.Rcon{ width:77%;float: right;}
		.bgwhite{ background: #fff;/* box-shadow: 0 0 .5rem rgba(24,33,49,.05); padding:1rem 0;*/}
/*当前位置*/
.locationC{ height: 1.5rem; padding-top:.5rem; text-align: right;}
.locationC p{ display: inline-block; background: url("/eportal/fileDir/biam/template/page/index/icon_wz.png") no-repeat left top; background-size: auto 0.3rem; padding-left: 0.575rem;}
.locationC p span,.locationC p a{ font-size: .3rem; line-height:100%; vertical-align: top;}
/*左侧二三级栏目*/
.lnavCon{ background: #fff; box-shadow: 0 0.075rem 0.15rem rgba(52,53,59,.07); padding-bottom: 0.45rem; margin-top:1.5rem;}
	.lnavT{ text-align: center; line-height: 1.075rem; font-size: 0.4rem; color: #fff; font-family: "思源黑体", "黑体"; background: url("/eportal/fileDir/biam/template/page/index/lmbg1.jpg") no-repeat; background-size: 100% 100%; border-radius: 1px 1px 0 0;position: relative;}
	.lnavT:after{    content: ""; display: block; position: absolute; right: 0; bottom: 0;  background: url(logoicon1.png) no-repeat right bottom; width: 0.9rem;height: 100%; background-size: 100% auto; opacity: .1;}
	.lnavList{ padding:0.25rem 0 0;}
	.lnavList li{ border-bottom:3px solid #fff; margin-bottom:0.075rem;}
		.menutwo{ display: block; line-height:150%; font-size: 0.325rem;  padding: 0.2rem .2rem .2rem .4rem;    position: relative;}
		.menutwo:before{ content: "";position: absolute; left: 0; top: 0; display: block; width: 0.1rem; height: 100%; background: #fff;}
	.lnavList li.on .menutwo:before,.lnavList li:hover .menutwo:before{ background: #2166b5;}
	.lnavList li.on .menutwo,.lnavList li:hover .menutwo{ background:#f2f6fa; color:#2166b5;}

.menuthree{ padding:.3rem 0; display:none;}
.lnavList li.on  .menuthree{   display:block;}
.menuthree a{ display:block; width:100%; line-height:140%; font-size: .275rem;    padding: 0.1rem 0.2rem 0.15rem 0.4rem;}

/*网站地图*/
.map{ width:100%; margin:0 auto;}
.map li{    padding-bottom: .2rem;border-bottom: 0.025rem dashed #eee;margin-bottom: .2rem;}
.map h3 a{font-size: 0.325rem;display: inline-block; line-height: 200%; }
    .maptwo{}
    .maptwo a{font-size: 0.275rem;display: inline-block; line-height: 200%; margin-right:.4rem;}
/*右侧列表*/
.titleR{ font-size: 0.525rem; font-weight: normal;font-family: "思源黑体", "黑体"; line-height: 1.2rem;    margin-bottom: 0.4rem;}
/*.titleR:before{ content:""; height:.5rem; width:4px; background:#2166b5; margin-right:5px; display: inline-block;    vertical-align: middle;}*/
.xwlist{ }
.xwlist li{ padding:0 0.15rem;}
.xwlist li span,.xwlist li a{ display: block; line-height:1rem;}
.xwlist li a{float: left; font-size: 0.35rem; width: 84%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xwlist li span{float: right; font-size: 0.275rem; color: #999;}
.xwlist li:hover{ background: #f2f6fa;}
.xwlist li:hover span{ color:#004099;}

.mobjslies{ display:none;}

/*图片列表*/
.imgList{ }
.imgList li{ width:29.33%; margin-left:3%; margin-bottom: .375rem; float: left;}
.imgList li a,.imgList li span,.imgList li span img,.imgList li em,.imgList li i{ display: block; font-style: normal;}
.imgList li a{ background: #f6f4f4;}
.imgList li em,.imgList li i{ padding:0 .2rem; line-height: 160%;}
.imgList li em{ font-size: 0.3rem; padding-top:.1rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.imgList li i{ font-size: 0.25rem; color: #666666; padding:.1rem .2rem .2rem;}
.imgList li span{ height: 2.65rem; overflow: hidden; position: relative;}
.imgList li span img{ height: 100%;width: 100%; object-fit: cover;transition: all 0.5s linear 0s;}
.imgList li a:hover span img{transform: scale(1.1, 1.1);}
.spList li span:after{content: "";  position: absolute; left:50%; top:50%; margin:-.5rem 0 0 -.5rem; width:1rem; height:1rem; background: url("/eportal/fileDir/biam/template/page/index/iocn_play.png") no-repeat; background-size: 100% auto; }
.spList li em{height: 1.06rem;}
/*产品列表*/
.cpList{}
.cpList a{ background: #f2f4f5;position: relative;}
.cpList a em{font-size: 0.45rem; padding:0.375rem 0; line-height: 130%;    text-align: center;}
.cpList a span{ width: 100%; height: 3.75rem; display: flex; align-items: center;justify-content: center; background: url("cpbg0.png") no-repeat bottom left; background-size: 100% auto; border-bottom:.1rem solid #3d9bd9;}
.cpList a span img{ display: block; max-height:80%; max-width:80%; width:auto; height:auto;}
.cpList a i{    position: absolute; font-size:0; padding:0; width:.625rem; height:.625rem; border:1px solid rgba(255,255,255,.48); background:rgba(242,246,248,.15) url(icon_jtR_bs.png) no-repeat center center; background-size: .225rem auto;right:.15rem; bottom:.25rem;border-radius: 50%;}
/*产品列表2*/
.cpList2{}
.cpList2 li{width:29.33%; margin-left:3%; margin-bottom: .375rem; float: left;}
.cpList2 li a,.cpList2 li span,.cpList2 li span img,.imgList li i{ display: block; font-style: normal;}
.cpList2 li a{position: relative; padding-bottom:.3rem;}
.cpList2 li span{width:100%; height:2.65rem; overflow:hidden;} 
.cpList2 li span img{width:100%; height:100%; object-fit: cover;transition: all 0.5s linear 0s; }
.cpList2 li em{height:1rem;font-size: 0.3rem;line-height: 150%; padding: 0.1rem 0.2rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-style: normal;text-align: center;}
/*.cpList2 li i{font-style: normal; position: absolute; right:.2rem; bottom:.2rem; font-size:.225rem; color:#fff; display:none; text-align:right;line-height:100%;}*/
.cpList2 li i{font-style: normal; position: absolute; right:.2rem; bottom:0;  display:none; width:.525rem; height:.525rem;background:url(/eportal/fileDir/biam/template/page/index/icon_jtR_ls.png) no-repeat center center; background-size:100% auto;}
.cpList2 li a:hover{box-shadow: 0 0 20px rgb(0 0 0 / 20%); background: #fff;}
.cpList2 li a:hover i{ display:block;}
.cpList2 li a:hover span img{transform: scale(1.1, 1.1);}


.cplytj{ padding-top:.5rem;}
.cplytj p{ padding-bottom:.3rem;}
.cplytj img{ display:block; width:100%;}

/*期刊列表*/
.qklist li span{ height:auto!important;}
/*院士风采*/
.ysfcList p,.ysfcList div{ padding:.2rem .3rem; margin-bottom:.3rem;background: #f0f0f0;  }
/*专题专栏列表*/
.ztzlList li a{ width:100%;white-space: unset;text-overflow: unset;line-height: 140%!important; padding: 0.3rem 0;}
/*重要事件*/
.zysjnf{ border-bottom: 2px solid #e5e5e5; margin-bottom: 1.25rem;}
.zysjnf li{ float:left; width:20%;text-align: center;    position: relative;padding-bottom: 0.625rem;cursor: pointer;}
.zysjnf li.on:after{ content:"";position: absolute; top:.68rem; left:50%; border-left:1px solid #e5e5e5; height:.4rem;}
.zysjnf li span{  color: #2166b5;  font-size: .4rem; line-height:.68rem; padding:0 .5rem;display: inline-block;}
.zysjnf li.on span{ background:#2166b5; color:#fff;}
.zysjnf li em{display:flex;justify-content: center; align-items: center;width:.5rem; height:.5rem;position: absolute;left: 50%; bottom: -0.25rem; margin-left: -0.25rem;}
.zysjnf li em:after{ content:""; display: inline-block; width:.125rem; height:.125rem; border-radius:50%; background:#2166b5;}
.zysjnf li.on em{ border:1px solid #dbdcde;border-radius:50%;}
.zysjnf li.on em:after{ width:.2rem; height:.2rem;}

.zysjList{}
.zysjList li{ background:#f2f6fa; margin-bottom:.5rem; padding:.2rem;}
.zysjList li p{ font-size:.275rem; line-height:180%;float:left;    width: 50%; margin-left: 4%; padding-top: 20px;}
.zysjList li div{ width:40%; float:right;}
.zysjList li div img{ display:block; width:100%;}

/* 适配代码 */
@media screen and (max-width: 1024px){
/*中间内容*/
.Lcon{ width:20%;}
.Rcon{ width:77%;}

/*图片列表*/
.imgList li span{ height: 2rem;}

}
@media screen and (max-width: 768px){
	/*banner
	.bannerimg span{ font-size:.7rem;}*/
	/*当前位置*/
	.locationC{ height:auto; padding-bottom:.4rem;}
	/*中间内容*/
	.Lcon,.Rcon{ width:100%; float:none;}
	/*左侧二三级栏目*/
	.lnavCon{ margin-top:0; width: 108%;margin-left: -4%;padding: 0; }
		.lnavT{display: none;}
		.lnavList{ display: flex; justify-content:space-around; padding: 0;padding: 0;background: #f2f6fa;}
		.lnavList li{ width: 20%;}
		.lnavList li,.lnavList li.on, .lnavList li:hover{ border:0;margin-bottom:0;}
			.menutwo{text-indent:0; line-height: 1rem; padding:0;}
			.menutwo:before{ display: none;}
		.lnavList li.on{ /*background: #004099;*/}
		.lnavList li.on .menutwo{color: #fff;    background: #2166b5;}
	.colum874fd3cd8beb44cba9e300a0a1efaa74{ flex-wrap: wrap;}
	.colum874fd3cd8beb44cba9e300a0a1efaa74 li{ width:100%;}
	.colum874fd3cd8beb44cba9e300a0a1efaa74 .menutwo{ text-align:center; padding:0;line-height: 1rem;background: rgba(33, 102, 181, .3); margin-bottom: 1px;}
	.colum874fd3cd8beb44cba9e300a0a1efaa74 .menuthree a{ display:inline-block; width:auto; margin-right:.3rem;}
	 .menuthree a{ display:inline-block; width:auto;}
.colume3722847c5784255aada707af5019b36  li{ width:50%; text-align:center;}
.colume3722847c5784255aada707af5019b36{ display:none;}
	/*右侧-新闻列表*/
	.titleR{}
.mobjslies{ display:block;}
.leftjsList,.jsonenr{display:none!important;}
	/*右侧-图片列表*/
	.imgList li{ width: 46%;}
	.imgList li span,.cpList2 li span{ height:3.2rem;}
/*产品列表2*/
.cpList2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.cpList2 li{ width:48%; margin-left:0;}
.cpList2 li em{ height:auto;}
/*网站地图*/
.map{ width:92%;}

.cplytj{ display:none;}

}
@media screen and (max-width: 600px){
	/*左侧二三级栏目*/
	.menutwo{ font-size: .4rem;    line-height: 1.2rem;    white-space: nowrap;}
	.menuthree a{ font-size:.35rem;}
	/*右侧-新闻列表*/

	.xwlist li a{width: 75%;}
	.xwlist li span{ font-size: .3rem;}
	.ztzlList li a{width:100%;}

}
@media screen and (max-width: 500px){
	/*右侧-图片列表*/
	.imgList li span,.cpList2 li span{ height:2.6rem;}
	.imgList li em,.cpList2 li em{ font-size: .35rem;}
	.imgList li i{ font-size: .3rem;}
	.spList li em{height: 1.212rem;}
	/*右侧-产品图片列表*/
	.cpList a em{ font-size:.45rem;}
/*网站地图*/
.map h3 a{font-size: 0.45rem; }
    .maptwo a{font-size: 0.4rem;    margin-right: 0.3rem;}
/*重要事件*/
.zysjnf li span{ padding:0 .2rem;}
.zysjList li p{ font-size:.35rem; width:42%; margin-left:3%; padding-top:10px;}
.zysjList li div{ width:50%;}

}
@media screen and (max-width:380px){
	/*右侧-图片列表*/
	.imgList li{ width: 96%;}
	.imgList li span,.cpList2 li span{ height:auto;}
	.spList li span:after{width: 1.6rem; height: 1.6rem;  margin:-.8rem 0 0 -.8rem;}
	/*右侧-产品图片列表*/
	.cpList a span{ padding:.2rem 0 .4rem;}
/*产品列表2*/
.cpList2 li{ width:100%;}


}