/*头部*/
.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; }
	.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;}
.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;}
/*搜索结果*/
.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("/acae/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("/acae/template/page/index/iocn_play.png") no-repeat; background-size: 100% auto; }
/* 适配代码 */
@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;}
}
@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;}

}
@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;}
}