/*头部*/
.header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
    border-bottom: 1px solid rgba(255,255,255,.4);
    width: 100%;
}

.header .conW {
    padding: 0.2rem 0;
}

.header .topC {
    padding: 0.262rem 0 0.2rem;
    text-align: right;
    background-color: transparent;
    overflow: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topC {
    background: #eff2f4;
}

.topC .conW {
    display: flex;
    justify-content: flex-end;
}

.topC ul {
    display: flex;
}

.topC li {
    padding: 0 0.25rem;
    position: relative;
}

.topC li:nth-child(1):after,
.topC li:nth-child(2):after {
    content: "";
    position: absolute;
    right: 0;
    top: 0.125rem;
    height: 0.25rem;
    width: 0;
    border-left: 1px solid #ced9ea;
    display: block;
}

.topC li:nth-child(1) {
    padding-left: 0;
}

.topC li:nth-child(4),
.topC li:nth-child(5) {
    padding-right: 0;
}

.topC li a {
    color: #fff;
    font-size: 0.25rem;
    line-height: 0.5rem;
    display: block;
    cursor: pointer;
}

.topC li a:hover {
    color: #fff;
}

.zqBtn {
    padding-left: 0.5rem;
}

.smwBtn {
    padding-left: 0.5rem;
}

.yxBtn {
    padding-left: 0.5375rem;
    background: url("/uiFramework/commonResource/image/2025062315424772884.png") no-repeat left center;
    background-size: 0.35rem auto;
}

.ssBtn {
    display: inline-block;
    width: 0.3rem;
    height: 0.5rem;
    background: url("/uiFramework/commonResource/image/2025062315421677805.png") no-repeat left center;
    background-size: 100% auto;
    cursor: pointer;
}

.enBtn {
    padding: 0 0.125rem 0 0.6rem;
    line-height: 0.45rem !important;
    background: url("/uiFramework/commonResource/image/2025062315430994342.png") no-repeat 0.16rem center;
    background-size: 0.3125rem auto;
    border: 1px solid rgba(255,255,255,.34);
    background-color: transparent;
}

.wzqlist,
.smwList {
    position: absolute;
    display: none;
    padding: 0.2rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgb(0,0,0,.3);
    z-index: 22;
    white-space: nowrap;
    right: 0;
    max-height: 3.55rem;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
}

.wzqlist a,
.smwList a {
    color: #333 !important;
    font-size: 0.225rem !important;
    line-height: 0.45rem !important;
}

.wzqlist a:hover,
.smwList a:hover {
    color: #004099 !important;
    font-weight: bold;
}

/*logo*/
.logo img {
    height: 0.8125rem;
    display: block;
}

.logo img.logoimg2 {
    display: block;
    opacity: 0.9;
}

.logo img.logoimg1 {
    display: none;
}

/*导航*/
.nav {}

.nav ul {
    display: flex;
}

.nav li {
    flex: 1;
    text-align: center;
    position: relative;
}

.nav li:last-child {
    padding-right: 0;
}

.onemenu {
   color: #fff;
    padding-bottom: .2rem;
    position: relative;
    line-height: 0.8125rem;
    font-size: 0.313rem;
    display: block;
}

.header.scrolled .onemenu {
    color: #fff;
}

.header.scrolled .onemenu:after {
    left:0; width:100%;
}

.onemenu:after {
       content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    border-radius: 1px;
    background: #fff;
    transition: all .5s;
}
.onemenu:hover {
    color: #fff;
}

.nav li.on .onemenu:after,
.nav li .onemenu:hover:after {
    left: 10%;
    width: 80%;
}


.twomenu {
    background: rgba(255, 255, 255, .8);
position: absolute;
    left: -10%;
    width: 120%;
    border-radius: 1px;
    padding: 0.12rem 0;
    box-shadow: 0 0 8px rgba(11, 58, 128, .3);
    z-index: 13;
}

.twomenu a {
        display: block;
    line-height: 0.35rem;
    padding: .1rem 0;
    border-bottom: 0 solid #bbbbbb;
    text-align: center;
    font-size: 0.25rem;
    color: #333 !important;
}

.twomenu a:hover {
    font-weight: bold;
}

.twomenu a:last-child {
    border-bottom: 0;
}

.mobileBtn {
    display: none;
}

/* 滚动后样式变化 */
.header.scrolled {
    position: fixed;
    background-color: white;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header.scrolled .topC {
    background: white;
}

.header.scrolled .topC li a {
    color: #333;
}

.header.scrolled .yxBtn {
    background-image: url("/uiFramework/commonResource/image/2025062315424772884.png");
}

.header.scrolled .ssBtn {
    background-image: url("../assets/icon_ss_black.png");
}

.header.scrolled .enBtn {
    border-color: #2166b5;
}

.header.scrolled .logo img.logoimg2 {
    display: none;
}

.header.scrolled .logo img.logoimg1 {
    display: block;
}

.footer{ background: #eef4f9; }
.footer .conW{     margin: 0 auto;
    width: 22.4956rem;}
.footlogo p a,.footerlinks p,.footerlinks select,.address p,.footcopy p a,.footcopy p span{font-size: 0.283rem;}
	.foot1{ padding:0.5rem 0 0.275rem; display:flex;justify-content: space-between;flex-wrap: wrap;}
	.foot1:after{ display: none;}
		/*友情链接*/
		.footerlinks{ width: 100%; padding-bottom: 0.625rem;display:flex;justify-content:center; }
		.footerlinks p{  line-height: 0.475rem;margin-left: 0.51rem;}
		.footerlinks p:first-child{margin:0;}
		.footerlinks select{ width: 3.725rem; height: 0.604rem; padding:0 0.267rem; line-height: 0.604rem; border:1px solid #004099; background: #d6e2ef;}
		.footerlinks select
		/*底部logo、导航*/
		.footlogo{}
		.footlogo img{ display: block;width: 7.15rem; margin-bottom:0.492rem;}
		.footlogo p{}
		.footlogo p a,.footlogo p em{vertical-align: middle; display: inline-block;}
		.footlogo p a,.address p{ color: #333;font-size: 0.283rem; }
		.footlogo p a:hover{ color: #004099;}
		.footlogo p em{ border-left:1px solid #c6cbcf; border-right:1px solid #979b9f; margin:0 .15rem; height: .22rem;}
		/*地址*/
		.address p{ line-height: 250%;}
		/*二维码*/
		.ewmC{}
		.ewmC li{float: left; }
		.ewmC li span,.ewmC li em,.ewmC li img{ display: block; width: 1.375rem;}
		.ewmC li em{ padding-top:0.2375rem; margin-top:.2rem; position: relative;}
.ewmC li em:after{ content: ""; position: absolute; top:0; left:50%; margin-left:-.1125rem; width: 0.225rem; height: 0.1375rem;  background: url("../assets/icon_top.png") no-repeat; display: block; background-size: 100% auto;}
		.ewmC li em img{ width: 0.5875rem; margin:0 auto;}
			.ewmwb{ margin:0 0.275rem 0 0.3375rem;}
		.ewmC li.ewmwb em img{ width: 0.625rem;}
	/*底部版权*/
	.footcopy{height:0.8295rem;line-height:0.8295rem; background: #000000;font-size: 0.283rem;color: #ffffff;}
	.footcopy p{ text-align: center;}
	.footcopy p a,.footcopy p span{  line-height:.3rem; vertical-align: middle;color: #fff; margin:0 0.15rem;}/* banner */
.bannerCon{width: 100%;}
	.bannerimg{ width: 100%;position: relative;margin-top: 2rem }
	.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("/acae/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("/acae/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;}
.colum8046c5b204a449f6bfbf251c99f2325c .menutwo{ text-align:left; text-indent:0; padding:.2rem .2rem .2rem .6rem;line-height: 0.5rem;    position: relative; }
.colum8046c5b204a449f6bfbf251c99f2325c .menutwo:before{margin-right:0;position: absolute;left: 0.3rem; top: 0.4rem;}
/*网站地图*/
.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("/acae/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(/acae/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: 20%;}
		.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;}
	.colum8046c5b204a449f6bfbf251c99f2325c{    flex-wrap: wrap;}
	.colum8046c5b204a449f6bfbf251c99f2325c li{ width:33.333%;}
	.colum8046c5b204a449f6bfbf251c99f2325c .menutwo{ text-align:center; padding:0;line-height: 1rem;}
	.columc1ee9518c7004cf5ae28250a7da1c1af{    justify-content: flex-start;    flex-wrap: wrap;}
	.columd1720bde6ddc4a97b37b81826ddda9c5 li{ width:25%;}
	.colum7db85bc9f4064d10968f93064868d28e li,.colum707211c2e9ea44139a32399ab8dca34d li{ width:50%;}
	.columc1ee9518c7004cf5ae28250a7da1c1af li{ width:33.33%;}

	/*右侧-新闻列表*/
	.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;}
	.colum8046c5b204a449f6bfbf251c99f2325c 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{ 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;}


}