@charset "utf-8";
/*banner*/
.banner{position: relative;height: 500px;overflow: hidden;}
.banner .swiper-slide .pic{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .pic::after{content: '';z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;height: 25%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(1,74,141,.4));}
.banner .swiper-slide video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-pagination{z-index: 1;bottom: 50px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 10px;height: 10px;margin: 0 10px;background-color: #fff;opacity: .8;box-shadow: 0 0 4px rgba(0,0,0,.4);}
.banner .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;left: -10px;right: -10px;top: -10px;bottom: -10px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;transform: scale(0);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{transform: scale(1);}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -20px;border: 1px solid currentColor;border-radius: 50%;color: #fff;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #00706B;border-color: #00706B;}
.banner:hover .prev-btn{left: 2.6%;transform: translateX(0);}
.banner:hover .next-btn{right: 2.6%;transform: translateX(0);}

/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.index-title .name{position: relative;display: inline-block;vertical-align: top;padding-left: 28px;font-size: 25px;line-height: 56px;font-weight: bold;color: #00706B;}
.index-title .name::before{content: '';position: absolute;left: 0;top: 50%;width: 18px;height: 18px;background-image: radial-gradient(farthest-side at 35% 35%,#0DAC58,#024923);border-radius: 50%;transform: translateY(-50%);}
.index-title .more{position: relative;padding-right: 15px;color: #666;transition: 0.3s;}
.index-title .more::after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.index-title .more:hover{color: #048E45;}
/*布局*/
.index-container .part1{padding: 50px 0;background-color: #F5F7FA;}
.index-container .part1 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part1 .w1400 > .con-l{width: 66%;}
.index-container .part1 .w1400 > .con-m{width: 100%;}
.index-container .part1 .w1400 > .con-l > .content{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 25px;background-color: #fff;border-radius: 1rem 1rem;}
.index-container .part1 .w1400 > .con-l > .content > .con-l{width: 51%;}
.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 46%;}
.index-container .part1 .w1400 > .con-r{width: 33%;}
.index-container .part1 .w1400 > .con-r > .content{padding: 5px 25px;background-color: #fff;border-radius: 1rem 1rem;}
.index-container .part2{padding: 50px 0;background-color: #fff;}
.index-container .part2 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part2 .w1400 > .con-l{width: 31%;}
.index-container .part2 .w1400 > .con-r{width: 32%;}
.index-container .part3{padding: 0px 0 40px;background-color: #F5F7FA;}
.index-container .part3 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part3 .w1400 > .con-l{width: 32.5%;box-sizing: border-box;padding: 30px;background-color: #fff;border-radius: 1rem 1rem;}
.index-container .part3 .w1400 > .con-m{width: 50%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part3 .w1400 > .con-r{width: calc(50% - 0.5rem);box-sizing: border-box;padding: 30px;background-color: #fff;border-radius
Defines the radii of the outer border edge.

在主要浏览器中广泛可用(Baseline 自2018年1月 起)
了解详细信息

不显示: 1rem 1rem;border-radius
Defines the radii of the outer border edge.

在主要浏览器中广泛可用(Baseline 自2018年1月 起)
了解详细信息

不显示: 1rem 1rem;border-radius: 1rem 1rem;}
.index-container .part4{padding: 0 0 45px;background-color: #F5F7FA;}

/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;margin-top: 25px;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{overflow: hidden;}
.main-news-swiper .swiper-slide .pic em{display: block;padding-top: 66%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.main-news-swiper .swiper-slide .tit{margin: 20px 0;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;text-align: center;}
.main-news-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-slide a:hover .tit{color: #00706B;}
.main-news-swiper .swiper-pagination{z-index: 1;bottom: 100px;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;background-color: #fff;border-radius: 4px;opacity: .6;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 20px;opacity: 1;}
.main-news-swiper .btn{z-index: 1;position: absolute;top: 32%;width: 25px;height: 75px;background-color: rgba(0,0,0,.2);color: #fff;cursor: pointer;transition: 0.3s;}
.main-news-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-top: 2px solid currentColor;}
.main-news-swiper .prev-btn{left: 0;}
.main-news-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.main-news-swiper .next-btn{right: 0;}
.main-news-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.main-news-swiper .btn:hover{background-color: #00706B;border-color: #00706B;}

/*首页新闻列表*/
.index-news-list{}
.index-news-list li{border-top: 1px solid #ECECEC;}
.index-news-list li:first-child{border-top: 0;}
.index-news-list li a{display: flex;padding: 16px 0;}
.index-news-list li .tit{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 15px;transition: 0.3s;}
.index-news-list li .tit::before{content: '';position: absolute;left: 0;top: 50%;width: 6px;height: 6px;margin-top: -3px;background-color: #00706B;border-radius: 50%;}
.index-news-list li .date{margin-left: 1em;color: #333;}
.index-news-list li a:hover .tit{text-indent: .3em;color: #ff9c00;}

/*通知列表*/
.notice-list{}
.notice-list li{border-top: 1px solid #ECECEC;}
.notice-list li:first-child{border-top: 0;}
.notice-list li a{display: flex;align-items: center;padding: 8.5px 0;}
.notice-list li .date{flex: 0 0 68px;font-family: Arial;text-align: center;white-space: nowrap;}
.notice-list li .date .big{background-color: #00706B;border-radius: 5px 5px 0 0;font-size: 26px;line-height: 38px;color: #fff;transition: 0.3s;}
.notice-list li .date .small{background-color: #F0F0F0;font-size: 16px;line-height: 30px;color: #666;}
.notice-list li .tit{max-height: 44px;padding-left: 15px;margin-left: 15px;border-left: 1px solid #EDEDED;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.notice-list li a:hover .date .big{background-color: #ff9c00;}
.notice-list li a:hover .tit{color: #ff9c00;}

/*学术报告列表*/
.academic-report-list{max-height: 440px;padding-right: 15px;overflow-y: auto;}
.academic-report-list li{margin-top: 20px;}
.academic-report-list li:first-child{margin-top: 0;}
.academic-report-list li a{display: block;padding: 30px 20px;margin: 10px;background-color: #F5F7FA;transition: 0.5s;}
.academic-report-list li .tit{line-height: 20px;text-align: center;transition: 0.3s;}
.academic-report-list li .name{margin-top: 20px;line-height: 20px;text-align: center;color: #666;transition: 0.3s;}
.academic-report-list li .record{position: relative;padding-top: 20px;margin-top: 20px;border-top: 1px solid #ddd;}
.academic-report-list li .record::before{content: '';position: absolute;left: 50%;top: 0;width: 50px;height: 4px;background-color: #048E45;transform: translate(-50%,-50%) scaleX(0);transition: 0.3s;}
.academic-report-list li .record .item{margin-top: 10px;line-height: 20px;}
.academic-report-list li .record .item:first-child{margin-top: 0;}
.academic-report-list li .record .item .icon{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin: -.25em .4em 0 0;filter: brightness(0) invert(.6);}
.academic-report-list li a:hover{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);}
.academic-report-list li a:hover .tit{color: #048E45;}
.academic-report-list li a:hover .name{color: #048E45;}
.academic-report-list li a:hover .record::before{transform: translate(-50%,-50%) scaleX(1);}

/*实验室系统列表*/
.lab-system-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.lab-system-list li{width: 47%;margin-top: 20px;}
.lab-system-list li:nth-child(-n+2){margin-top: 0;}
.lab-system-list li:nth-child(1) a{background-color: #E5F1FF;color: #014A8D;}
.lab-system-list li:nth-child(2) a{background-color: #DEF6EA;color: #027D3C;}
.lab-system-list li:nth-child(3) a{background-color: #FAE9E9;color: #BD0209;}
.lab-system-list li:nth-child(4) a{background-color: #FDF5E4;color: #D76B13;}
.lab-system-list li a{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 212px;}
.lab-system-list li a .icon{position: relative;width: 56px;height: 56px;background-color: rgba(255,255,255,.5);border-radius: 50%;transition: 0.3s;}
.lab-system-list li a .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50%;height: 50%;margin: auto;}
.lab-system-list li a .tit{padding: 0 1.5em;margin-top: 1em;line-height: 20px;text-align: center;}
.lab-system-list li a:hover .icon{transform: translateY(-5px);}

/*实验室资源列表*/
.lab-database-list{}
.lab-database-list li{margin-top: 10px;}
.lab-database-list li:first-child{margin-top: 0;}
.lab-database-list li a{position: relative;display: block;padding: 0 50px 0 20px;background-color: #F5F7FA;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.lab-database-list li a::after{content: '';position: absolute;right: 20px;top: 50%;width: 16px;height: 3px;border-bottom: 2px solid currentColor;border-right: 3px solid currentColor;transform: skewX(45deg) translateY(-50%);opacity: 0;transition: 0.3s;}
.lab-database-list li a:hover{color: #048E45;text-indent: .3em;}
.lab-database-list li a:hover::after{opacity: 1;}

/*学术书籍轮播*/
.academic-book-swiper{position: relative;overflow: hidden;}
.academic-book-swiper .swiper-slide a{display: block;}
.academic-book-swiper .swiper-slide .pic{overflow: hidden;}
.academic-book-swiper .swiper-slide .pic em{display: block;padding-top: 145%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.academic-book-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.academic-book-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 25px;height: 75px;background-color: rgba(0,0,0,.2);color: #fff;cursor: pointer;transform: translateY(-50%);transition: 0.3s;}
.academic-book-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-top: 2px solid currentColor;}
.academic-book-swiper .prev-btn{left: 0;}
.academic-book-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.academic-book-swiper .next-btn{right: 0;}
.academic-book-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.academic-book-swiper .btn:hover{background-color: #048E45;border-color: #048E45;}

/*友情链接区*/
.friend-link-box{display: flex;align-items: center;background-color: #ffffff;border-radius: 1rem 1rem;}
.friend-link-box .tit{display: flex;align-items: center;height: 80px;padding: 0rem 1.5em;background-color: #00706B;font-size: 24px;color: #fff;border-radius: 1rem 1rem;margin-left: 0.5rem;}
.friend-link-box .tit .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.1em .4em 0 0;filter: brightness(0) invert(1);}
.friend-link-box .list{flex: 1;overflow: hidden;padding: 20px;font-size: 0;}
.friend-link-box .list li{display: inline-block;vertical-align: top;padding: 0 1.5em;margin: .5em 0;border-left: 1px solid #ddd;font-size: 18px;line-height: 1;font-weight: 300;}
.friend-link-box .list li:first-child{border-left: 0;}
.friend-link-box .list li a{display: block;transition: 0.3s;}
.friend-link-box .list li a:hover{color: #ff9c00;transform: translateY(-.3em);}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*banner*/
	.banner{height: 420px;}
	.banner .swiper-pagination{bottom: 30px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px;}
	.banner .swiper-pagination .swiper-pagination-bullet:after{left: -6px;right: -6px;top: -6px;bottom: -6px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*banner*/
	.banner{height: 340px;}
	.banner .swiper-pagination{bottom: 20px;}
	
	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .name{font-size: 20px;}
	
	/*布局*/
	.index-container .part1{padding: 30px 0;}
	.index-container .part1 .w1400 > .con-l{width: 100%;}
	.index-container .part1 .w1400 > .con-r{width: 100%;margin-top: 20px;}
	.index-container .part2{padding: 30px 0;}
	.index-container .part2 .w1400 > .con-l{width: 100%;}
	.index-container .part2 .w1400 > .con-r{width: 100%;margin-top: 20px;}
	.index-container .part3{padding: 30px 0;}
	.index-container .part3 .w1400 > .con-l{width: 100%;padding: 20px;}
	.index-container .part3 .w1400 > .con-m{width: 100%;padding: 20px;}
	.index-container .part3 .w1400 > .con-r{width: 100%;padding: 20px;}
	.index-container .part4{padding: 0 0 30px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	/*banner*/
	.banner{height: 160px;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 6px;}
	.banner .swiper-pagination .swiper-pagination-bullet:after{left: -6px;right: -6px;top: -6px;bottom: -6px;}
	.banner .btn{display: none;}
	
	/******首页******/
	/*标题*/
	.index-title .name{padding-left: 20px;font-size: 18px;line-height: 40px;}
	.index-title .name::before{width: 14px;height: 14px;}
	/*布局*/
	.index-container .part1{padding: 20px 0;}
	.index-container .part1 .w1400 > .con-l > .content{padding: 15px;}
	.index-container .part1 .w1400 > .con-l > .content > .con-l{width: 100%;}
	.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 100%;}
	.index-container .part1 .w1400 > .con-r > .content{padding: 5px 15px;}
	.index-container .part2{padding: 20px 0;}
	.index-container .part2 .w1400 > .con-l .index-title{margin-bottom: 10px;}
	.index-container .part2 .w1400 > .con-r .index-title{margin-bottom: 10px;}
	.index-container .part3{padding: 20px 0;}
	.index-container .part3 .w1400 > .con-l{padding: 15px;}
	.index-container .part3 .w1400 > .con-m{padding: 15px;}
	.index-container .part3 .w1400 > .con-r{padding: 15px;}
	.index-container .part4{padding: 0 0 20px;}
	
	/*主要新闻轮播*/
	.main-news-swiper .swiper-slide .tit{margin: 15px 0;line-height: 20px;}
	.main-news-swiper .swiper-pagination{bottom: 65px;}
	.main-news-swiper .btn{display: none;}
	
	/*首页新闻列表*/
	.index-news-list li a{padding: 15px 0;}
	.index-news-list li .date{font-size: 12px;}
	
	/*通知列表*/
	.notice-list li a{padding: 12px 0;}
	
	/*学术报告列表*/
	.academic-report-list{max-height: 400px;}
	.academic-report-list li{margin-top: 15px;}
	.academic-report-list li a{padding: 20px 15px;margin: 5px;}
	.academic-report-list li .name{margin-top: 10px;}
	.academic-report-list li .record{padding-top: 15px;margin-top: 15px;}
	.academic-report-list li .record .item{margin-top: 5px;}
	
	/*实验室系统列表*/
	.lab-system-list li{width: 48%;}
	.lab-system-list li a{height: 120px;}
	.lab-system-list li a .icon{width: 40px;height: 40px;}
	.lab-system-list li a .tit{margin-top: .6em;}
	
	/*实验室资源列表*/
	.lab-database-list li a{padding: 0 1em;line-height: 50px;}
	.lab-database-list li a::after{display: none;}
	
	/*学术书籍轮播*/
	.academic-book-swiper .btn{display: none;}
	
	/*友情链接区*/
	.friend-link-box{flex-wrap: wrap;}
	.friend-link-box .tit{height: 40px;padding: 0 1em;font-size: 18px;}
	.friend-link-box .tit .icon{width: 16px;height: 16px;}
	.friend-link-box .list{flex: 0 0 100%;padding: 10px 5px;}
	.friend-link-box .list li{padding: 0;margin: .8em .5em;border-left: 0;font-size: 14px;}
}


.s6-jz {
    position: relative;
    z-index: 9;
    background-color: #F5F7FA;
}

.s6-jz img {
    display: block;
    width: 100%;
.s6-jz {
    position: relative;
    z-index: 9;
}

.s6-jz
    img {
    display: block;
    width: 100%;
}

.s6-jz
    svg {
    width: 100%;
};
}

.s6-jz svg {
    width: 100%;
}