@charset "utf-8";
/*banner*/

.inner {position: relative;padding-bottom: 2rem;width: 100%;background: url(../images/hbg6.png) no-repeat bottom;background-size: 100%;}
.inner .wp{align-items: flex-start;}
.inner_left {width: 100%;z-index: 100;position: relative;border-radius: 1.5em 0 1.5em 0;background: url(../images/navbg.png) no-repeat top/cover;margin-top: -8em;}
.inner_right {width: calc(100% - 3rem);padding-left: .5rem;padding-top: .6rem;}
.inner_left h2 {height: 4em;color: rgb(255, 255, 255);font-size: 1.8em;text-align: center;line-height: 4em;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,.3);}

.inner_left ul {padding-bottom: 5em;}
.inner_left ul li {position: relative;transition: .5s;}
.inner_left ul li h3 {padding: 0 1em 0 1.5em;height: 3.6em;display: flex;align-items: center;font-weight: 100;}
.inner_left ul li h3::after{height: 100%;background: #fff;border-left: 0.3em solid #045fbd;box-shadow: 0px 0px 8px 0px rgba(38, 83, 152, 0.23);transition: 0.5s;}
.inner_left ul li h3 a {font-size: 1em;display: block;cursor: pointer;width: 100%;color: #fff;transition: .5s;line-height: 1.2em;}
.inner_left ul li h3 a::after{top: 50%;right: -1em;width: 1.4em;height: 0.8em;background: url(../images/jt2.png) no-repeat;background-size: 100%;transform: translateY(-50%);opacity:0;left: auto;}
.inner_left ul li:hover h3::after, .inner_left ul li.on h3::after{width: 105%;}
.inner_left ul li:hover h3 a, .inner_left ul li.on h3 a {color: #045fbd;font-weight: bold;}
.inner_left ul li.on h3 a::after,.inner_left ul li:hover h3 a::after{opacity:1;}
.nysubnav {background: #fff;display: none;box-shadow: 0px 0px 8px 0px rgba(38, 83, 152, 0.23);}
.inner_left ul li.on .nysubnav{display: block;padding-left: .3rem;}
.nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; }
.nysubnav a:hover, .nysubnav a.on {color: #045fbd;}

.wl {position: relative;z-index: 1;}
.wl::after { content: "";z-index: -1;position: absolute;left: 0px;bottom: 0px;width: 0px;height: 100%;}

.cg-content .art-heading{ font-size:16pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-supheading{ font-size:14pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-subheading{ font-size:12pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-summary{ border-bottom:1px solid #f0f0f1; color:#666; text-align:center; margin:10px 0; line-height:30px; font-size:12px;}
.cg-content .art-summary strong{ font-weight:normal;}
.cg-content img{max-width:100%}
.cg-content .art-content,
.cg-customize-content{ padding:20px; font-size:14px; line-height:180%; overflow:hidden;}
.cg-news-list li{line-height:2em;}
.cg-news-list .art-date{float:right;}
.cg-news-list{padding:0px;}

.sitetb {
	position: absolute;
	left: -12%;
	bottom: 20%;
	z-index: 10;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-animation: footerFish 5s linear infinite;
	animation: footerFish 5s linear infinite;
}



.pictitle{padding:1em;background: #00407ac4;min-height: 6em;}





.pictitle::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: #f7ae8a;animation: menu_fill_left_out 0.3s cubic-bezier(.7,0,.3,1) forwards;}
.pic:hover > .pictitle::after{animation: menu_fill_left_in 0.3s cubic-bezier(.7,0,.3,1) forwards;}

.sitetbg {
	position: absolute;
	left: -7%;
	top: -1em;
	z-index: 1;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-animation: contactSwimmer 5s linear infinite;
	animation: contactSwimmer 5s linear infinite;
}


@-webkit-keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}

@keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}







@keyframes footerFish {

	0%,
	100% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(0);
		transform: translateX(5px) translateY(0px) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(-35deg);
		transform: translateX(5px) translateY(0px) rotate(-35deg);
	}

	50% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(25deg);
		transform: translateX(5px) translateY(0px) rotate(25deg);
	}
}


.banner{position: relative;height: 550px;/* overflow: hidden; *//* clear: both; */}
.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-active{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{transform: scale(1);}


.banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;background-color: #0068c5;border-radius: 4px;opacity: .6;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 20px;opacity: 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: #00407a;border-color: #00407a;}
.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;/* padding-top: 1em; *//* margin-top: 4em; */background: #fff;/* padding-bottom: 1em; *//* margin-bottom: 4em; */}
/*标题*/
.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: 28px;font-size: 22px;line-height: 56px;font-weight: bold;}
.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: #00407a;}
/*布局*/



.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: 100%;}
.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: 41%;}
.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 56%;}
.index-container .part1 .w1400 > .con-r{width: 23%;}
.index-container .part1 .w1400 > .con-r > .content{padding: 5px 25px;background-color: #fff;}
.index-container .part2{padding: 50px 0;/* background-color: #fff; */background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.8)), url(../images/xmubg.jpg) center center;background-size: cover;background-attachment: fixed;}
.index-container .part2 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part2 .w1400 > .con-l{width: 65%;}
.index-container .part2 .w1400 > .con-r{width: 100%;}
.index-container .part3{padding: 60px 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: 20%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part3 .w1400 > .con-m{width: 25%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part3 .w1400 > .con-r{width: 80%;overflow: hidden;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part4{padding: 0 0 45px;/* background-color: #F5F7FA; */}

.index-container .shouye .w1400 > .con-l{width: 25%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .shouye .w1400 > .con-r{width: 75%;overflow: hidden;box-sizing: border-box;padding: 30px;background-color: #fff;}

.index-container .part2 .index-title .name{color:#fff;}
.index-container .part2 .index-title .more{color:#ccc;}


.index-container .part2 .index-news-list a{color:#fff;}
.index-container .part2 .index-news-list a:hover tit{color:#ccc;}
/*主要新闻轮播*/
.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;}
.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;}
.main-news-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-slide a:hover .tit{color: #00407a;}
.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: #00407a;border-color: #00407a;}

/*首页新闻列表*/
.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: 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: #00407a;border-radius: 50%;}
.index-news-list li .date{margin-left: 1em;color: #ddd;}
.index-news-list li a:hover .tit{text-indent: .3em;color: #00407a;}

/*通知列表*/
.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: 15px 0;}
.notice-list li .date{flex: 0 0 74px;font-family: Arial;text-align: center;white-space: nowrap;}
.notice-list li .date .big{background-color: #337ab7;border-radius: 5px 5px 0 0;font-size: 20px;line-height: 40px;color: #fff;transition: 0.3s;}
.notice-list li .date .small{background-color: #F0F0F0;font-size: 12px;line-height: 2.5em;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: 1;overflow: hidden;transition: 0.3s;}

.notice-list li .tit2{padding-left: 15px;margin-left: 15px;border-left: 1px solid #EDEDED;color: #8e8e8e;font-size:14px;line-height: 1.5em;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: #00407a;}
.notice-list li a:hover .tit{color: #00407a;}

/*学术报告列表*/
.academic-report-list{/* max-height: 440px; */padding-right: 15px;overflow-y: auto;/* overflow: hidden; */}
.academic-report-list li{width: 25%;margin-top: 20px;float: left;}
.academic-report-list li:first-child{/* margin-top: 0; */}
.academic-report-list li a{display: block;padding: 30px 20px;margin: 10px;background-color: #f5f7fad1;transition: 0.5s;}
.academic-report-list li .tit{line-height: 20px;text-align: center;transition: 0.3s;min-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.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: #00407a;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: #00407a;}
.academic-report-list li a:hover .name{color: #00407a;}
.academic-report-list li a:hover .record::before{transform: translate(-50%,-50%) scaleX(1);}

.academic-report-list  .swiper-pagination{z-index: 1;bottom: 20px;font-size: 0;width: 75%;}
.academic-report-list  .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;background-color: #004286;border-radius: 4px;opacity: .6;}
.academic-report-list  .swiper-pagination .swiper-pagination-bullet-active{width: 20px;opacity: 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: 160px;}
.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: #00407a;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;padding: 2px;background: #00407a33;}
.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: #00407a;border-color: #00407a;}

/*友情链接区*/
.friend-link-box{display: flex;align-items: center;background-color: #f5f7fa;border: 1px solid #e9e9e9;}
.friend-link-box .tit{display: flex;align-items: center;height: 80px;padding: 0 1.0em;background-color: #00407a;font-size: 18px;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 .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: 16px;line-height: 1;}
.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: #00407a;transform: translateY(-.3em);}







.con-l> .col-md-3 {
  text-align: center;}
.con-l> .col-md-3 h2 {
  margin: -30px 0 0;
  line-height: 60px;
  /* background-color: #005298; */
  font-size: 22px;
  color: #fff;
  }
.con-l> .col-md-3 > ul {
	    background: url(../images/sbg.png) bottom left no-repeat;
	    background-color: #f0f0f0;
	    padding: 20px 0;
	    overflow: hidden;
	 }

ul {}

ul {}
.con-l> .col-md-3 > ul > li {
  line-height: 50px;
  position: relative;
  transition: all 0.1s ease 0.2s;
  text-align: left;}
.con-l> .col-md-3 > ul > li > a {
  font-size: 18px;
  color: #262626;
  display: block;
  position: relative;
  left: 20px;
  transition: all 0.1s ease 0.2s;
  text-indent: 50px;
  transition: box-shadow .45s cubic-bezier(.55,.085,0,.99);
  }
.con-l> .col-md-3 > ul > li > a span {
  position: relative;
  left: -20px;}
.con-l> .col-md-3 > ul > li > em {
  width: 0;
  height: 0;
  border-right: 0;
  border-left: 6px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 25px;
  right: 20px;
  margin-top: -5px;
  display: block;
  opacity: 0;
  transition: all 0.1s ease 0.2s;}
.con-l> .col-md-3 > ul > li.active > a,
.con-l> .col-md-3 > ul > li:hover > a {
  /* background-color: #337ab7; */
  color: #fff;
  box-shadow: 0 0.0625rem 1.125rem 0 rgba(0,0,0,.15), inset 22em 0 0 #337ab7;
  }
.con-l> .col-md-3 > ul > li.active > em,
.con-l> .col-md-3 > ul > li:hover > em {
  opacity: 1;}
.con-l> .col-md-3 > ul > li.more_list > a {
  background: url(../images/close.png) no-repeat right 40px center;
  }
.con-l> .col-md-3 > ul > li.more_list > ul {
  margin-top: 1px;
  background-color: #d0e7fb;
  position: relative;
  left: 20px;
  text-align: left;
  padding: 10px 0;
  display: none;
  }
.con-l> .col-md-3 > ul > li.more_list > ul li {
  padding-left: 29px;
  position: relative;}
.con-l> .col-md-3 > ul > li.more_list > ul li:hover > em,
.con-l> .col-md-3 > ul > li.more_list > ul li.active > em {
  opacity: 1;}
.con-l> .col-md-3 > ul > li.more_list > ul li:hover a{
  color: #337ab7;}
.con-l> .col-md-3 > ul > li.more_list > ul a {
  color: #333;
  transition: all 0.1s ease 0.2s;
  display: block;}
.con-l> .col-md-3 > ul > li.more_list > ul em {
  width: 0;
  height: 0;
  border-right: 0;
  border-left: 6px solid #337ab7;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 34px;
  margin-top: -5px;
  display: block;
  opacity: 0;
  transition: all 0.1s ease 0.2s;}
.con-l> .col-md-3 > ul > li.more_list:hover > a {
  background-color: none;
  color: #262626;}
.con-l> .col-md-3 > ul > li.more_list:hover > em {
  opacity: 0;}
.con-l> .col-md-3 > ul > li.more_list.active > a {
  background: #337ab7 url(../images/open.jpg) no-repeat right 40px center;
  color: #fff;
  }
.con-l> .col-md-3 > ul > li.more_list.active > em {
  opacity: 0;}
.con-l> .col-md-3 > ul > li.more_list.active ul {
  display: block;}






/*笔记本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;}


.academic-report-list .swiper-pagination {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;}
	
	
	
	.con-l> .inner_left{ display:none;}
	
	.academic-report-list li{width:100%;}
	
}