/* banner */
.bannerCon{width: 100%;}
	.bannerimg{ width: 100%;position: relative; }
	.bannerimg img{ display: block; width: 100%;}
	.bannerimg span{position: absolute; left:8%; top: 50%; color: #fff; font-size:1rem;font-family: "思源黑体","黑体"; display: block;transform:translate(0,-50%); font-weight: bold; line-height: 100%;}
	.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:17%; float: left;}
	.Rcon{ width: 80%;float: right;}
		.bgwhite{ background: #fff; box-shadow: 0 0 .5rem rgba(24,33,49,.05); padding:0.6625rem 0 1.075rem;}
/*当前位置*/
.locationC{ height: 1.5rem; padding-top:.5rem; text-align: right;}
.locationC p{ display: inline-block; background: url("/hde/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("/hde/template/page/index/lmbg1.jpg") no-repeat; background-size: 100% 100%; border-radius: 1px 1px 0 0;}
	.lnavList{ padding:0.25rem 0 0;}
	.lnavList li{ border-bottom:3px solid #fff; margin-bottom:0.075rem;}
		.menutwo{ display: block; text-align: center; line-height: 0.825rem; font-size: 0.35rem; text-indent: -.3rem;}
		.menutwo:before{ content:""; display: inline-block; width: .1rem; height: .1rem; border-radius: 50%; background: #fff; margin-right: .2rem; vertical-align: middle;}
	.lnavList li.on,.lnavList li:hover{border-bottom:3px solid #2166b5; background: #f2f6fa;}
	.lnavList li.on .menutwo:before,.lnavList li:hover .menutwo:before{ background: #2166b5;}
	.lnavList li.on .menutwo{ color:#004099;}
.columdb77573e68d34dd0a09cfffbae068dc1 .menutwo{ text-align:left; text-indent:0; padding:.2rem .2rem .2rem .6rem;line-height: 0.5rem;    position: relative; }
.columdb77573e68d34dd0a09cfffbae068dc1 .menutwo:before{margin-right:0;position: absolute;left: 0.3rem; top: 0.4rem;}

.menuthree{ padding:.3rem 0; display:none;}
.lnavList li.on  .menuthree{   display:block;}
.menuthree a{ display:block; width:100%; text-align: center; line-height: 200%; font-size: .3rem;}



/*网站地图*/
.map{ width:80%; 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; 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("/hde/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(/hde/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);}
/*院士风采*/
.ysfcList p,.ysfcList div{ padding:.3rem; margin-bottom:.4rem;background: #f0f0f0;  }
/*专题专栏列表*/
.ztzlList li a{ width:100%;white-space: unset;text-overflow: unset;line-height: 140%!important; padding: 0.3rem 0;}

/* 适配代码 */
@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: 25%;}
		.lnavList li,.lnavList li.on, .lnavList li:hover{ border:0;margin-bottom:0;}
			.menutwo{text-indent:0; line-height: 1rem;}
			.menutwo:before{ display: none;}
		.lnavList li.on{ background: #004099;}
		.lnavList li.on .menutwo{color: #fff;}
	.columdb77573e68d34dd0a09cfffbae068dc1{    flex-wrap: wrap;justify-content: space-between;}
	.columdb77573e68d34dd0a09cfffbae068dc1 li{     width: auto; min-width: 30%;}
	.columdb77573e68d34dd0a09cfffbae068dc1 .menutwo{ text-align:center; padding:0;line-height: 1rem;}
	.colum744457c5f0a54158833cd8585cc1fa68{    justify-content: flex-start;    flex-wrap: wrap;}
	.colum744457c5f0a54158833cd8585cc1fa68 li{ width:25%;}

		 .menuthree a{ display:inline-block; width:auto;    margin-left: 0.4rem;}

	/*右侧-新闻列表*/
	.titleR{display: none;}
	.xwlist li {padding: 0 0.5rem;}
	/*右侧-图片列表*/
	.imgList li,.cpList2 li{ width: 46%;}
	.imgList li span,.cpList2 li span{ height:3.2rem;}
/*网站地图*/
.map{ width:92%;}
}
@media screen and (max-width: 600px){
	/*左侧二三级栏目*/
	.menutwo{ font-size: .4rem;    line-height: 1.2rem;    white-space: nowrap;}
	.columad5856df65c04e23ba1a5cbf3088171e li {min-width: 26%;width: auto;}
	/*右侧-新闻列表*/

	.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,.menuthree a{ 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;}

}
@media screen and (max-width:380px){
	/*右侧-图片列表*/
	.imgList li,.cpList2 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;}


}