.main{position:relative;scroll-snap-type: y mandatory;overflow-x: hidden;}
.mt7 {padding-top:0.7rem}
/*--banner start--*/
#banner{}
#banner .br-box{margin-top:1.16rem;}
#banner .mySwiper{height:100%;}
#banner .swiper-slide {display: flex;justify-content: center;color: #fff;align-items: center;padding-bottom:1rem;}
.br-txt h1{color: #FFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);margin-bottom:0.3rem}
.br-txt .sum{color: #FFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);margin-bottom:0.5rem;}
.br-txt .introduction{width:6.8rem;margin-bottom:0.6rem;}
.black.br-txt h1{color:#141414;text-shadow:none;}
.black.br-txt p{color:#141414;text-shadow:none;}
.black.br-txt .introduction{color:#141414;}

#s1 .br-box{width:100%;height:8rem;}
#s1 .br-box .br-txt{position: absolute; top: 3.41rem; padding: 0 1.9rem; left: 0; width: 100%; z-index: 10; transform: unset;}
#s1 .br-box .br-txt h1{text-align: left;}
#s1 .br-box .br-txt p{text-align: left;}

.whitemorebtnborder{margin-top:0.5rem;}
.whitemorebtnborder a{width:1.8rem;height:0.45rem;border:1px solid #fff;line-height:0.45rem;display:inline-block;text-align:center;color:#fff;}

/* 轮播左右箭头 */
#banner .swiper-button-next, #banner .br-box .swiper-button-prev { color: #fff; background: rgba(255,255,255,0.6); width: 0.46rem; height: 0.46rem; border-radius: 50%;top:50%;transform:translate(0,-50%); }
#banner .swiper-button-prev{left:0.84rem;}
#banner .swiper-button-next{right:0.84rem;}
#banner .swiper-button-next::after,#banner .swiper-button-prev::after { font-size: 0.18rem; color:#3D3D3D;}

/* 进度条 */
#banner .swiper-progress-bar { position: absolute; left: 1.6rem; bottom: 0.7rem; width: 2.3rem; height: 0.03rem; background: rgba(255,255,255,1); overflow: hidden; z-index: 10; }
#banner .swiper-progress-bar .bar { width: 0; height: 100%; background: #007aff; transition: width 0.1s linear; }
/* 分页器 */
#banner .br-box .swiper-pagination { left: 1.6rem !important; right: auto !important; bottom: 0.78rem !important; width: auto; text-align: left; color: #fff; font-size: 0.16rem; }
#banner .br-box .swiper-pagination-fraction { font-size: 0.16rem; }
#banner .br-box .swiper-pagination-fraction .swiper-pagination-current{font-size:0.24rem;color:#0E6CDF;font-weight:bold;}
/*--banner end--*/

/*-- 实验室新闻start--*/
.section4 {display: flex;margin-top: 0.4rem; margin-bottom:0.7rem;}
.xwleft {width:9.2rem;height:100%}
.xwright {width:calc(100% - 9.2rem);background: rgba(248, 248, 248, 0.50);}
.xwcon {display: flex}
.xwlef .xwimg {width:9.2rem;height:100%;aspect-ratio:16 / 9;}
.xwrig {display:flex;flex-direction: column;width: 100%; padding: 0.61rem 0.41rem 0.5rem 0.4rem }
.xwarttit { margin-bottom: 0.2rem}
.xwtit { margin-bottom: 0.3rem;}
.xwsum { margin-bottom: 0.4rem}
.xwdate {width:100%;text-align: right}
 .xwmain .myswiper, .xwmain .myswiperxw{overflow: hidden; width:100%;height:100%;}
.xwmain  .swiper-button-prev-custom  .frame { position: absolute; width: 0.3rem;height: 0.3rem;transition: 0.2s filter ease;}
.xwmain  .swiper-button-next-custom .frame2 { position: absolute; width: 0.3rem;height: 0.3rem; overflow: hidden; transition: 0.2s filter ease;}
.xwnav {position: absolute;left: 0.4rem;bottom: 0.5rem;display: flex;z-index: 1111;}
.xwmain {position: relative;height:5.18rem;}
.xwmain .a2, .xwmain .a1 { justify-content: center;align-items: center; display: flex;background: #f6f6f6; width: 0.46rem;height: 0.46rem;border-radius: 50%;cursor: pointer;position:relative;}
.xwmain .a2 {margin-left: 0.4rem; }
.xwmain .a2::before,
.xwmain .a1::before {content: "";position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: #003B83;border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1.2),height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1.2);z-index: 0;
}

/* hover 时扩散至整个圆形 */
.xwmain .a2:hover::before,
.xwmain .a1:hover::before {
	width: 100%;
	height: 100%;
}
.xwmain .a2:hover .frame2,
.xwmain .a1:hover .frame{
	filter: brightness(0) invert(1);
}

/*-- 实验室新闻end--*/


/*-- 通知公告/开放课题 start--*/
.section5 {background: rgba(248, 248, 248, 0.50);}
.NoticesM {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;padding: 0 0 0.7rem;width： 100%;}
.NoticesM .a1 {display: flex;flex-direction: column;align-items: flex-start;width: calc((100% - 40px) /3);margin-right:20px;}
.NoticesM .a1 a{display:block;width:100%;}
.NoticesM .a1:nth-child(3n){margin-right:0px;}
.NoticesM .a1 .a1-content {width: 100%;display: flex;flex-direction: column;transition: all 0.3s ease;}
.NoticesM .a1 .text11 {margin: 0.36rem 0.32rem 0.15rem 0.28rem;text-align: left;letter-spacing: 0;color: #141414;height:0.6rem;}
.NoticesM .a1 .date {padding-right: 0.32rem;text-align: right;}
.more-btn{width:100%;}
.NoticesM .autoWrapperCombined {display: flex;flex-wrap: wrap;align-items: flex-start;align-self: stretch;justify-content: start;margin-top: 0.5rem;padding-right: 0;padding-left: 0;}
.NoticesM .a1-img{height:2.93rem;overflow:hidden;}
.NoticesM .maskGroup {width: 100%;height: 2.93rem;}
.NoticesM .rectangle272 {display: flex;align-items: center;align-self: stretch;justify-content: center;margin-top: 0.5rem;border: 1px solid #141414;height: 0.45rem;width: 1.8rem;position:relative}
.NoticesM .rectangle272:hover::before {transform: scaleX(1);}
.NoticesM .rectangle272::before {content: "";position: absolute; top: 0;left: 0;transform: scaleX(0);transform-origin: 0 50%;width: 100%;height: inherit;border-radius: inherit;background: linear-gradient(
    82.3deg,
    rgba(0, 59, 131, 1) 10.8%,
    rgba(0, 59, 131, 1) 94.3%
  );
  transition: all 0.6s;
}
.NoticesM .rectangle272:hover a img{filter: brightness(0) invert(1);}

.NoticesM .text9 {color: #141414;position:relative;z-index: 1111;}
.NoticesM .rectangle272:hover .text9 {color: #fff}
.NoticesM .text9 img{margin-left:0.15rem;    transition: all 0.6s;}
.NoticesM .rectangle272:hover .text9 img{margin-left:0.2rem;}

.btn-more{overflow:hidden;}

.cont-list{margin-top:0.3rem;}
.cont-list ul li a{padding:0.2rem 0;border-bottom:0.01rem solid #D9D9D9;transition:all 0.4s;}

.cont-list ul li a span.tit{display: inline-block;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all 0.4s;}
.cont-list ul li a:hover span.tit{padding-left:0.3rem;}
.NoticesM.tzgg{display:block;}
/*-- 通知公告/开放课题end--*/

/*-- 友情链接 start--*/
.section7 {background: url(/uiFramework/commonResource/image/2026080609192860792.jpg) no-repeat center;background-size: cover;padding-bottom: 0.8rem;}
.section7 .Links {padding: 0.5rem 0}
.links-main {position:relative;}
.links-main .swiper-button-next,.links-main  .swiper-button-prev{color: #3D3D3D; background:#F0F0F0; width: 0.46rem; height: 0.46rem; border-radius: 50%; }
.links-main .swiper-button-next{right:-0.6rem;}
.links-main .swiper-button-prev{left:-0.6rem;}
.links-main .swiper-button-next::after,.links-main .swiper-button-prev::after { font-size: 0.18rem; color:#3D3D3D;}
.links-main .link-img > img{width:100%;height:100%;}

.links-main .link-img {display:flex;justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center;background-color:#fff;height:1.3rem;}
/*-- 友情链接end--*/
.xwmain .swiper-pagination1{display:none;}
.swiper-pagination2{display:none;}
@media screen and (max-width:1000px){
    #banner .br-box .banshortit{width:100%;}
    #banner .br-box,.section{height:2rem}
    .section{position:static;}
    #banner .br-box .br-txt{width:92%;top:0.25rem;}
    #banner .br-box{margin-top:0.48rem !important;}
    #banner .br-box .br-txt h1{ width:100%;font-size:0.24rem;line-height:1.5;text-align:left;margin-bottom:0.1rem;}
    #banner .br-txt .sum{margin-bottom:0.25rem;}
    #banner .br-box .br-txt p{font-size:0.16rem;line-height:1.5;color:#fff;font-weight:350;margin-bottom:0.15rem;white-space:unset;text-align:left;}
    #banner .swiper-slide {padding: 0;}
    #banner .br-box .swiper-button-next, #banner .br-box .swiper-button-prev{width:0.2rem;height:0.2rem;display:none;}
	#banner .swiper-button-prev{left: .2rem;}
	#banner .swiper-button-next{right: 0.2rem;}
    #banner .br-box .swiper-button-next::after, #banner .br-box .swiper-button-prev::after{font-size:0.12rem;}
    #banner .swiper-progress-bar{width:1rem;height:1px;bottom:0.3rem;}
    #banner .br-box .swiper-pagination-fraction .swiper-pagination-current{font-size:0.16rem;}
    #banner .br-box .swiper-pagination-fraction{font-size:0.12rem;bottom:0.4rem !important;}
    #banner .btn-more{width:1.36rem;height:0.3rem;line-height:0.3rem;}
    #banner .btn-more a{font-size:0.12rem;}
    #banner .br-box .swiper-pagination,#banner .swiper-progress-bar{left:4% !important;}
    
    .whitemorebtnborder{margin-top:0;}
	.whitemorebtnborder a.morelink{color:#fff;width:1.36rem;height:0.3rem;display:inline-block;border:1px solid #fff;line-height:0.3rem;text-align:center;font-size:0.12rem;}
    
    
    .mt7{padding-top:0.5rem;}
    .section4 {flex-direction: column;margin:0.4rem auto;}
    .xwleft,.xwright{width:100%;}
    .xwlef .xwimg,.xwmain{width:100%;height:2.07rem;}
    .xwright .xwmain{width:100%;height:auto;}
    .xwrig{padding:0.3rem 0rem 0rem 0rem}
    .xwtit{height:auto;font-size:0.14rem !important;margin-bottom:0.12rem;}
    .xwsum{margin-bottom:0.2rem;}
    .xwdate{text-align:left;}
    .xwmain .a2, .xwmain .a1{display:none;}
    .xwmain .swiper-pagination1{display:block;}
    .xwmain .swiper-pagination1 {position: static;margin: 0rem 0 0rem 0;display: flex;justify-content: center;gap: 0.03rem;transform: none;}
    .xwmain .swiper-pagination-bullet {width: 0.10rem;height: 0.03rem;border-radius: 0.02rem;background: #e0e0e0;opacity: 1;transition: all 0.3s;display: block;}
    .xwmain .swiper-pagination-bullet-active {width: 0.16rem;background: #1a73e8;}
    .xwnav{left:50%;transform:translate(-50%,0);bottom:0rem;}
    
    .NoticesM .a1{flex:0 0 100%;width:100%;margin-right:0;padding-right:0.1rem;box-sizing: border-box;}
    .NoticesM .autoWrapperCombined{flex-wrap: nowrap;transition:all 0.4s;}
    .section5,.section6{position:relative;overflow:hidden;}
    .section5 .msc-dots,.section6 .msc-dots{bottom: 1.4rem;}
    .NoticesM .maskGroup,.NoticesM .a1-img{height:2.07rem;}
    .NoticesM .rectangle272{width:1.36rem;height:0.3rem;}
    
    .NoticesM .a1 .text11{margin:0.2rem 0 0.2rem 0;height:auto;}
    
    .links-main .swiper-pagination2{display:block;}
    .links-main .swiper-pagination2 {position: static;margin: 0.3rem 0 0rem 0;display: flex;justify-content: center;gap: 0.03rem;transform: none;}
    .links-main .swiper-pagination-bullet {width: 0.10rem;height: 0.03rem;border-radius: 0.02rem;background: #e0e0e0;opacity: 1;transition: all 0.3s;display: block;}
    .links-main .swiper-pagination-bullet-active {width: 0.16rem;background: #003B83;}
    .links-main .link-img{padding-bottom:0.3rem;}
    .links-main .link-img img{width:100%;height:100%;}
    .links-main .swiper-button-next, .links-main .swiper-button-prev{display:none;}
    
    .links-main .link-img img{height:1.3rem;}
    
    .cont-list ul li a{font-size:0.16rem;}
    .cont-list ul li a span.tit{width:65%;}
    .cont-list ul li a:hover span.tit{padding-left:0rem;}
}