/* 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(/biam/template/page/TwoPage/bannerbg.png) no-repeat left top; background-size:auto 100%;}
	.bannerimg span{position: absolute; left:8%; top: 50%; color: #fff; font-size: 1rem;font-family: "思源黑体","黑体"; display: block;transform:translate(0,-50%);  line-height: 100%;}
	.bannerimg span em{display: none; color: #fff; font-style: normal; font-size: .35rem;    text-transform: uppercase;}
	.bannerimg span em:before{content: ""; width:.325rem; height:3px; display:none;     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;}
.bgwhite{ background: #fff;/* box-shadow: 0 0 .5rem rgba(24,33,49,.05); */padding-top:1rem;}

/*当前位置*/
.locationC{ height: 1.5rem; padding-top:.5rem; text-align: right;}
.locationC p{ display: inline-block; background: url("/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;}
/*搜索结果*/
.searchjg{ float:right; margin-right:1rem; padding-bottom:.6rem;}
.searchjg input{ vertical-align: top; float:left; }
	.keyval{border: 1px solid #dbdeec;height: 0.75rem; font-size:.25rem; padding-left:.3rem; width:4rem;border-radius:4px 0 0 4px;}
	.keybtn{ cursor: pointer; width:1rem; height: .75rem; background:#004099 url("/biam/template/page/index/icon_ss_white.png") no-repeat center center; background-size: 0.3rem auto;border-radius: 0 4px 4px 0;}

/*右侧列表*/
.titleR{ font-size: 0.525rem; text-align: center; font-weight: normal;font-family: "思源黑体", "黑体"; line-height: 1.2rem;    margin-bottom: 0.4rem;}
.xwlist{ }
.xwlist li{ padding:0 0.625rem;}
.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;}
/*图片列表*/
.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("/biam/template/page/index/iocn_play.png") no-repeat; background-size: 100% auto; }
/*院士风采-产品列表2*/
.ysfxList{ margin-left:-3%; padding:1rem 0;}
.ysfxList li{width:22%; margin-left:3%; margin-bottom: .25rem; float: left; }
.ysfxList li a{padding-bottom:.2rem;}
.ysfxList li a,.ysfxList li span,.ysfxList li span img,.imgList li i{ display: block; font-style: normal;}
.ysfxList li span{width:100%;  overflow:hidden;} 
.ysfxList li span img{width:100%; height:100%; object-fit: cover;transition: all 0.5s linear 0s; }
.ysfxList li em{ font-size: 0.3rem;line-height: 150%; padding: 0.1rem 0;font-style: normal;text-align: center; display:block;}
.ysfxList li i{font-style: normal;  font-size:.225rem; display:block; text-align:center;line-height: 150%;}

.ysfxList li a:hover{box-shadow: 0 0 20px rgb(0 0 0 / 20%); background: #fff;}
.ysfxList li a:hover span img{transform: scale(1.1, 1.1);}


/* 适配代码 */
@media screen and (max-width: 1024px){

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

}
@media screen and (max-width: 768px){
	/*banner*/
	.bannerimg span{ font-size:.7rem;}
	/*当前位置*/
	.locationC{ height:auto; padding-bottom:.4rem;}
	/*右侧-新闻列表*/
	.titleR{display: none;}
	.xwlist li {padding: 0 0.5rem;}
	/*右侧-图片列表*/
	.imgList li{ width: 46%;}
	.imgList li span{ height:3.2rem;}

/*院士风采-产品列表2*/
.ysfxList{ margin-left:0; display: flex;justify-content: space-between;}
.ysfxList li{width:22%; margin-left:0;  }
.ysfxList:after{ display:none;}


}
@media screen and (max-width: 600px){
	/*左侧二三级栏目*/
	.menutwo{ font-size: .4rem;    line-height: 1.2rem;}
	/*右侧-新闻列表*/
	.xwlist li a{width: 75%;}
	.xwlist li span{ font-size: .3rem;}
/*院士风采-产品列表2*/
.ysfxList{    flex-wrap: wrap;}
.ysfxList li{width:48%; }
.ysfxList li em{font-size: .35rem;}
.ysfxList li i{font-size: .3rem;}


}
@media screen and (max-width: 500px){
	/*右侧-图片列表*/
	.imgList li span{ height:2.6rem;}
	.imgList li em{ font-size: .35rem;}
	.imgList li i{ font-size: .3rem;}



}
@media screen and (max-width:380px){
	/*右侧-图片列表*/
	.imgList li{ width: 96%;}
	.imgList li span{ height:auto;}
	.spList li span:after{width: 1.6rem; height: 1.6rem;  margin:-.8rem 0 0 -.8rem;}
	/*院士风采-产品列表2*/

}