@charset "utf-8";
/*banner*/
.banner{position: relative;height: 650px;overflow: hidden;margin-top:230px;}
.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: #0E5CA3;border-color: #0E5CA3;}
.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: 30px;border-bottom: 1px solid #ddd;}
.index-title .name{position: relative;display: inline-block;vertical-align: top;padding-left: 38px;font-size: 30px;color:#0050B3;line-height: 56px;font-weight: bold;}
.index-title .name::before{content: '';position: absolute;left: 0;top: 50%;width: 32px;height: 32px;background-image: url("../images/icon_default.png");background-size:cover;background-repeat:no-repeat;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: #0E5CA3;}
/*布局*/
.index-container .part1{padding: 50px 0;background-color: #F2F2F7;}
.index-container .part1 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part1 .w1400 > .con-l{width: 75%;}
.index-container .part1 .w1400 > .con-l > .content{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 25px;background-color: #fff;}
.index-container .part1 .w1400 > .con-l > .content > .con-l{width: 56%;}
.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 41%;}
.index-container .part1 .w1400 > .con-r{width: 23%;}
.index-container .part1 .w1400 > .con-r > .content{padding: 5px 25px;background-color: #fff;}
.index-container .part2_plus{padding: 50px 0;background-color: #fff;background-image: url("../images/index_part2plus_bg.png");background-size:cover;background-position:center center;}
.index-container .part2_plus .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part2_plus .w1400 > .con-a{width: 100%;}
.index-container .part2_plus .w1400 > .con-a .index-title{border-bottom:none;}
.index-container .part2_plus .w1400 > .con-a .index-title .more{color:#fff;}

.index-container .part3_plus{padding: 50px 0 40px;background-color: #F2F2F7;}
.index-container .part3_plus .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part3_plus .w1400 > .con-l{width: 29%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part3_plus .w1400 > .con-r{width: 69%;box-sizing: border-box;padding: 30px;background-color: #fff;}

.index-container .part3_plus .w1400 > .con-r > .content {display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #fff;}
.index-container .part3_plus .w1400 > .con-r > .content > .con-l{width: 50%;}
.index-container .part3_plus .w1400 > .con-r > .content > .con-r{width: 48%;height: 340px;	overflow-y: scroll;}
.index-container .part3_plus .w1400 > .con-r > .content > .con-r::-webkit-scrollbar{display:none;}

.index-container .part4{padding: 0 0 45px;background-color: #F2F2F7;}

/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{overflow: hidden;height:350px;}
.main-news-swiper .swiper-slide .pic em{display: block;padding-top:0px;padding-no-top: 66%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;height:100%;}
.main-news-swiper .swiper-slide .tit{margin: 20px 0 5px 0;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.main-news-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-slide a:hover .tit{color: #0E5CA3;}
.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: #0E5CA3;border-color: #0E5CA3;}
.main-news-swiper .swiper-slide .cnt {display: flex;}
.main-news-swiper .swiper-slide .cnt .date{flex: 0 0 54px;font-family: Arial;text-align: center;white-space: nowrap;}
.main-news-swiper .swiper-slide .cnt .date .big{border-radius: 5px 5px 0 0;font-size: 20px;line-height: 28px;color: #000;transition: 0.3s;}
.main-news-swiper .swiper-slide .cnt .date .small{font-size: 12px;line-height: 20px;color: #adadad;}
.main-news-swiper .swiper-slide .cnt .desc{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;color:#aeaeae}
.main-news-swiper .swiper-slide .cnt:hover .date .big{color: #0E5CA3;}
.main-news-swiper .swiper-slide .cnt:hover .desc{color: #0E5CA3;}


/*首页新闻列表*/
.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: 20px 0;}
.index-news-list li .tit{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 20px;transition: 0.3s;}
.index-news-list li .tit::before{content: '';position: absolute;left: 0;top: 50%;width: 10px;height: 10px;margin-top: -3px;background-color: #0E5CA3;border-radius: 50%;}
.index-news-list li .date{margin-left: 1em;color: #0E5CA3;}
.index-news-list li a:hover .tit{text-indent: .3em;color: #0E5CA3;}

/*通知列表*/
.notice-list{padding-bottom:10px;}
.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: 15px 0;}
.notice-list li .date{flex: 0 0 54px;font-family: Arial;text-align: center;white-space: nowrap;}
.notice-list li .date .big{background-color: #ADADAD;border-radius: 5px 5px 0 0;font-size: 20px;line-height: 28px;color: #fff;transition: 0.3s;}
.notice-list li .date .small{background-color: #F0F0F0;border-radius: 0 0 5px 5px;font-size: 12px;line-height: 20px;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: #0E5CA3;}
.notice-list li a:hover .tit{color: #0E5CA3;}

/*研究进展轮播*/
.science-process-swiper{position: relative;overflow: hidden;padding-bottom:50px;}
.science-process-swiper .swiper-slide a{display: block;width:331px;height:410px;background:#fff}
.science-process-swiper .swiper-slide .pic{overflow: hidden;height:179px;}
.science-process-swiper .swiper-slide .pic em{display: block;padding-top:60%;padding-no-top: 145%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.science-process-swiper .swiper-slide .title{display:block;font-size:18px;overflow: hidden;padding:20px 20px 20px 20px;height:50px;}
.science-process-swiper .swiper-slide .cal{display:block;font-size:18px;overflow: hidden;padding-left:45px;padding-right:20px;height:25px;}
.science-process-swiper .swiper-slide .cal:before {content: '';position: absolute;left: 20px;width: 20px;height: 20px;background-image: url("../images/index_cal_icon.png");background-size:cover;}
.science-process-swiper .swiper-slide .desc{display:block;font-size:14px;overflow: hidden;padding:20px;height:80px;color:#aeaeae}
.science-process-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;}
.science-process-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-top: 2px solid currentColor;}
.science-process-swiper .prev-btn{left: 0;}
.science-process-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.science-process-swiper .next-btn{right: 0;}
.science-process-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.science-process-swiper .btn:hover{background-color: #0E5CA3;border-color: #0E5CA3;}
.science-process-swiper .swiper-wrapper {margin-bottom:50px;}
.science-process-swiper .swiper-pagination-bullet {width:15px;height:15px;opacity:1;background:#fff;}
.science-process-swiper .swiper-pagination-bullet-active {background:#888;}
.science-process-swiper .btn{display:none;}

/*学术报告列表*/
.academic-report-list{max-height: 440px;overflow-y: scroll;overflow-x:hidden;}
.academic-report-list::-webkit-scrollbar{display:none;}
.academic-report-list li{border-top: 1px solid #ECECEC;}
.academic-report-list li:first-child{border-top: 0;}
.academic-report-list li a{display: flex;align-items: center;padding: 15px 0 15px 0;}
.academic-report-list li .date{flex: 0 0 70px;height:70px;font-family: Arial;border:#0E5CA3 solid 1px ;text-align: center;white-space: nowrap;border-radius: 5px 5px 5px 5px;}
.academic-report-list li .date .big{background-color: #0E5CA3;border-radius: 5px 5px 0 0;font-size: 20px;line-height: 40px;color: #fff;transition: 0.3s;}
.academic-report-list li .date .small{border-radius: 0 0 5px 5px;font-size: 14px;line-height: 30px;color: #666;}
.academic-report-list li .acc{padding-left:15px;margin-left:15px;border-left: 1px solid #EDEDED;width:70%;}
.academic-report-list li .stit{width:100px;}
.academic-report-list li .tit{max-height: 44px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.academic-report-list li .tit{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;padding-bottom:10px}
.academic-report-list li .cnt{line-height:22px;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;}
.academic-report-list li .cnt-l{float:left;width:40%;padding-right:2%;overflow:hidden;}
.academic-report-list li .cnt-r{width:58%;overflow:hidden;}
.academic-report-list li a:hover .date .big{background-color: #ADADAD;}
.academic-report-list li a:hover .tit{color: #0E5CA3;}
.academic-report-list li a:first {padding-top:0px;}

/*学术报告数据*/
.academic-report-shown {padding-right:10px;}
.academic-report-shown >.tit{font-size:20px;font-weight:bold;width:100%;line-height:30px;height:30px;overflow:hidden;}
.academic-report-shown .acc{color:#666;line-height:25px;font-size:14px;width:100%;padding-top:20px;padding-bottom:20px;}
.academic-report-shown .acc >.tit{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;}
.academic-report-shown .acc >.cnt{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;}
.academic-report-shown .desc{color:#666;line-height:25px;font-size:14px;width:100%;}
.academic-report-shown .desc{height:170px;overflow-y:scroll;overflow:hidden;}
.academic-report-shown .desc::-webkit-scrollbar{display:none;}

/*实验室资源列表*/
.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: #F2F2F7;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: #0E5CA3;text-indent: .3em;}
.lab-database-list li a:hover::after{opacity: 1;}


/*友情链接区*/
.friend-link-box{display: flex;align-items: center;background-color: #fff;height:100px;}
.friend-link-box .tit{display: flex;align-items: center;height: 100%;width:130px;padding: 0 2em;background-color: #0E5CA3;color: #fff;}
.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 .link_group {display:block;width:100%;height:100%;overflow-y:scroll;text-align:center;};
.friend-link-box .link_group::-webkit-scrollbar{display:none;};
.friend-link-box .link_group .list>ul {margin:0px;}
.friend-link-box .link_group .list {flex: 1;overflow: hidden;font-size: 0;text-align:center;margin:10px 0 10px 0;}
.friend-link-box .link_group .list li{display: inline-block;vertical-align: top;padding: 0 2em;margin: .5em 0;border-left: 1px solid #ddd;line-height: 1;}
.friend-link-box .link_group .list li:first-child{border-left: 0;}
.friend-link-box .link_group .list li a{display: block;transition: 0.3s;}
.friend-link-box .link_group .list li a:hover{color: #0E5CA3;transform: translateY(-.3em);}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){

	.academic-report-list li .cnt-l{float:none;width:100%;overflow:hidden;}
	.academic-report-list li .cnt-r{float:none;width:100%;overflow:hidden;}
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*banner*/
	.banner{height: 420px;margin-top:170px;}
	.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;}

        .index-container .part1 .w1400 > .con-r > .content {padding-top:0px;padding-bottom:0px;}
        .notice-list{padding-bottom:0px;}

	.main-news-swiper .swiper-slide .pic{overflow: hidden;height:330px;}

	.science-process-swiper .swiper-slide a{width:300px;height:410px;}
	.science-process-swiper .swiper-slide .title{font-size:16px;}
	.science-process-swiper .swiper-slide .cal{font-size:16px;}
	.science-process-swiper .swiper-slide .desc{font-size:13px;}
	.science-process-swiper .swiper-wrapper {margin-bottom:40px;}

	
	.academic-report-list li .cnt-l{float:none;width:100%;overflow:hidden;}
	.academic-report-list li .cnt-r{float:none;width:100%;overflow:hidden;}
}

/*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;}
	
	.science-process-swiper .swiper-slide a{width:240px;height:390px;}
	.science-process-swiper .swiper-slide .pic{overflow: hidden;height:129px;}
	.science-process-swiper .swiper-slide .title{font-size:16px;height:75px;}
	.science-process-swiper .swiper-slide .cal{font-size:16px;}
	.science-process-swiper .swiper-slide .desc{font-size:13px;}
	.science-process-swiper .swiper-wrapper {margin-bottom: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_plus{padding: 30px 0;}
	.index-container .part2_plus .w1400 > .con-l{width: 100%;}
	.index-container .part2_plus .w1400 > .con-r{width: 100%;margin-top: 20px;}
	.index-container .part3_plus{padding: 30px 0;}
	.index-container .part3_plus .w1400 > .con-l{width: 100%;padding: 20px;}
	.index-container .part3_plus .w1400 > .con-m{width: 100%;padding: 20px;}
	.index-container .part3_plus .w1400 > .con-r{width: 100%;padding: 20px;}
	.index-container .part4{padding: 0 0 30px;}
}