.n_bg1 { background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/n_b1.jpg) center bottom no-repeat; background-size: 100% auto;min-height: 11rem;}
.about .ar_article p img {  margin: .1rem 0;}


.list9{ margin: .4rem -.2rem 0;}
.list9 li{ padding: 0 .2rem; width: 50%;}
.list9 .a{ display: block; position: relative;}
.list9 .imgBox .imgLi{ padding-bottom: 38.73%;}
.list9 .top{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;padding: 8% .44rem 0;}
.list9 .top h3{ font-size: .3rem; color: #fff; margin-bottom: .2rem;}
.list9 .top p{ font-size: .19rem; color: #fff; line-height: .28rem;}


.item_img {
    --overflow: 40px;
    width: 100%;
    position: absolute;
    will-change: transform;
    top: 0;
    right: 0;
    bottom: -.3rem;
    left: 0;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;}

@media(max-width: 800px){
    .list9 li{ width: 100%; margin-bottom: .2rem;}

    .ar_article, .ar_article p{ line-height: 1.75;}
    
    .tit2{ margin-bottom: .3rem;}
    .tit2 h3{ font-size: .26rem;}
    .tit2 h3:before{ height: .26rem;}
    
    .about .ar_article p img{ margin: 0 0 .2rem 0;}

    .list9 .top h3{ font-size: .26rem;margin-bottom: .12rem;}
    .list9 .top p{ font-size: .14rem;}
}


.manageteam{ margin-bottom:.1rem;}
.manageteam .tit {	height:auto;	padding: .15rem .20rem;	background: #f2f5fa;	font-size: .22rem;	color: #1a1a1a;	line-height:26px;
	font-weight: normal;	margin-bottom:0.25rem;	border-left:5px solid #3991e2; margin-top:.2rem;}

.manageteam .tit:first-of-type { margin-top:0;}



.news{ margin-bottom:.1rem;}
.news .tit {	height:auto;	padding: .15rem .20rem;	background: #f2f5fa;	font-size: .22rem;	color: #1a1a1a;	line-height:26px;
	font-weight: normal;	margin-bottom:0.1rem;	border-left:5px solid #3991e2; margin-top:.32rem;}

.news .tit:first-of-type { margin-top:0;}

.list17{ margin: 0 -.22rem;}
.list17 li{ width:100%; padding: 0 .22rem; margin-bottom: .24rem;}
.list17 .a{ background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/list17_b.jpg) right bottom no-repeat; position: relative; z-index: 1; transition: .5s;}
.list17 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/list17_b_on.jpg)  right bottom no-repeat; position: absolute; z-index: -1; opacity: 0; transition: .5s;}
.list17 .img{ width: 1.8rem;}
.list17 .img .imgLi{ padding-bottom: 125.33%;}
.list17 .txt{ width: calc(100% - 1.8rem); padding: .28rem;border: #f8f5fa 1px solid;border-left: none;}
.list17 h4{ font-size: .24rem; color: #222222;}
.list17 h4 span{ font-size: .17rem; color: #555; padding-left:0.1rem;}
.list17 a:hover .txt h4 { color:#3991e2;}
.list17 .line{ margin: .22rem 0 .23rem; height: 1px; position: relative;}
.list17 .line:before{ content: ""; position: absolute; top: 0; height: 1px;background: #3991e2;opacity: .3;right: .28rem;left: -.28rem;}
.list17 p{ font-size: .17rem; color: #333333; line-height: .32rem;}
.list17 .dot{ position: absolute; right: 0; top: -.14rem; width: .28rem; height: .28rem;}
.list17 .dot::after{ content: ""; position: absolute; width: .06rem; height: .06rem; background: #1774d3; top: 50%; left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.list17 .dot i{display: block;width: 100%;height: 100%;border-radius:50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list17 .dot i::after, .list17 .line .dot i::before{position:absolute;display:block;border-radius:50%;content:'';background: #1774d3;width: 100%;height: 100%;left: 0;}
.list17 .dot .i1::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0);}
.list17 .dot .i1::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: .5s;}
.list17 .dot .i2::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 1s;}
.list17 .dot .i2::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 1.5s;}
.list17 .dot .i3::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 2s;}
.list17 .dot .i3::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 2.5s;}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);}
}

@media(min-width: 1024px){
    .list17 .a:hover{ box-shadow: 0px 2px 32px 0px rgba(23, 116, 211, 0.15);}
    .list17 .a:hover::before{ opacity: 1;}
}
@media(max-width: 1024px){
    .list17 li{ width: 100%;}
}
@media(max-width: 800px){
    .miso_select .fl0 .ll{ width: 100% !important; margin-bottom: .15rem;}
    .miso_select .fl0 .rr{ width: 100% !important;}
    .list15 li{ margin: 0 .2rem .06rem 0;}
    .list16 li{ margin-right: .15rem;}
}
@media(max-width: 560px){
    .list17 li{ margin-bottom: .2rem;}
    .list17 .img{ width: 1.5rem;}
    .list17 .txt{ width: calc(100% - 1.5rem);padding: .2rem;overflow: hidden;}
    .list17 .line{ margin: .2rem 0;}
    .list17 h4{ font-size: .2rem;}
} 
	
	
.contPro_tit {
	text-align: center;
	font-size: .26rem;
	color: #111;
	line-height: 35px;}
.contPro_img img {
	max-width: 100%;
	display: inline-block;}
.contPro_img {
	text-align: center;
	margin: .2rem 0 .2rem;}
.contPro_txt {
	text-align: center;
	line-height: 26px;
	font-size: .18rem;
	margin-bottom: .3rem;}
.contProTitle {
	width: 100%;
	border-left:5px solid #3991e2;
	background: #f2f5fa;
	box-sizing: border-box;
	padding:0.15rem 0;}
.contProTitle span {
	margin-left: .25rem;
	position: relative;
	font-size: .22rem;}
.contPro_miaoshu { font-size:.16rem; line-height:34px; color:#222; padding:.2rem 0;}		
.contRroTxt {	 font-size:.16rem; line-height:34px; color:#222; padding:.2rem 0;}	

.contRroTxt strong {	 font-weight:bold;}	

.zzjs_d1 .fl1{ background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/list17_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1; transition: .5s;border-bottom: #ede8f2 1px solid; margin-bottom: .2rem;}
.zzjs_d1 .fl1 .img{ width: 1.8rem;}
.zzjs_d1 .fl1 .img .imgLi{ padding-bottom: 125.33%;}
.zzjs_d1 .fl1 .txt{ width: calc(100% - 1.8rem); padding:.05rem .36rem .2rem;}
.zzjs_d1 .fl1 h4{ font-size: .24rem; color: #222222;margin-bottom: .16rem;}
.zzjs_d1 .fl1 p{ font-size: .16rem; color: #333333; line-height: .3rem;}
.zzjs_d1 .fl2{ padding: 0 .05rem;}
.zzjs_d1 .fl2 .ar_article p{ margin-bottom: 0;font-size: .16rem;line-height: .3rem;}
.h3-1{ font-size: .2rem; color: #1970cf; font-weight: bold; margin-bottom: .3rem;}
.zzjs_d1 .fl2 .box{ margin-bottom: .5rem;}
.zzjs_d1 .ar_article1 p{ margin-bottom: .15rem !important;}
.h3-2{ font-size: .2rem; color: #1970cf; font-weight: bold; margin-bottom: .3rem; display: flex; align-items: center;}
.h3-2 img{ width: .44rem; margin: 0 .15rem 0 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
    .zzjs_d1 .fl1 .img{ width: 1.5rem;}
    .zzjs_d1 .fl1 .txt{ width: calc(100% - 1.5rem); padding:.05rem .16rem .2rem;overflow: hidden;}
    .zzjs_d1 .fl1 h4{ font-size: .2rem; margin-bottom: .1rem;}
    .h3-1{ margin-bottom: .2rem;}
} 	


.imgLi:hover .item_img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.list190{ margin: .4rem 0 -.45rem;}
.list190 .item {align-items: center;border: #ededed 1px solid;transition: .5s;}
.list190 li{ margin-bottom: .45rem;}

.list190 .item:hover{box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}


.list190 .txt{ width: calc(100% - 3.6rem);  padding: 0 .3rem;}
.list190 .img{ width: 3.6rem;}
.list190 h4{ font-size: .22rem; color: #222222;}
.list190 h4 span { padding-left:.1rem; color:#999; font-size:.17rem;}
.list190 p{ margin: .18rem 0 .3rem;}

.more190{ display: flex; align-items: center; font-size: .15rem; color: #1970cf;}
.more190 svg{ width: .15rem; height: .15rem; fill: #534bb1; margin: 0 0 0 .1rem;}
.more190 a { /*  border:1px solid #ccc;padding:.05rem .08rem;*/ margin-right:.2rem;display: inline-block;}
.more190 a:hover { /* background:#1970cf; color:#fff; border:1px solid #1970cf; */}
.more190 a:last-child { margin-right:0;}
.ps33 {
    font-size: .15rem;
    color: #333;
    line-height: .28rem;
    max-height: .56rem;
    transition: .5s;
    text-align: justify;}


@media(min-width: 1024px){
    .list190 .a:hover{box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}
	.imgLi .item_img a:hover{ transform: scale(1.08);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list190 li{ margin-bottom: .2rem;}
    .list190 .txt{ width: 100%; order: 1; padding: .2rem;}
    .list190 .img{ width: 100%;}
	.more190 a { margin-bottom:0.1rem; min-width:.64rem; text-align:center;}
	.more190 { display:block;}
}



.list191{ margin: .4rem 0 -.45rem;}
.list191 li{ margin-bottom: .45rem;}
.list191 .a{ align-items: center; width:100%;  border: #ededed 1px solid;transition: .5s;}
.list191 .txt{ width: calc(100% - 3.6rem);  padding: 0 .3rem;}
.list191 .img{ width: 3.6rem;}
.list191 h4{ font-size: .22rem; color: #222222;}
.list191 p{ margin: .18rem 0 .18rem;}

.more191{ display: flex; align-items: center; font-size: .15rem; color: #1970cf;}
.more191 svg{ width: .15rem; height: .15rem; fill: #1970cf; margin: 0 0 0 .1rem;}

.ps191 {
    font-size: .15rem;
    color: #333;
    line-height: .28rem;
    max-height: .84rem;
    transition: .5s;
    text-align: justify;}


@media(min-width: 1024px){
    .list191 .a:hover{box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}
	.list191 .a:hover h4 { color:#3991e2;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list191 li{ margin-bottom: .2rem;}
    .list191 .txt{ width: 100%; order: 1; padding: .2rem;}
    .list191 .img{ width: 100%;}
	.list191 .a { width:100%;box-sizing: border-box;}
}




.cglist ul li {
	position: relative;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;}
.cglist ul li::before, .cglist ul li::after, .list-img ul li::before, .list-img ul li::after, .list-platform ul li::before, .list-platform ul li::after {
	content: '';
	position: absolute;}
.list-platform {
	margin: 0 0 .5rem;}
.cglist ul li:hover {
	padding: 0 .13rem 0 .4rem;}
.cglist ul li:hover::before {
	height: 100%;
	top: 0;
	left: -1.5%;
	margin-top: 0;}
.cglist ul li::after, .list-img ul li::after, .list-platform ul li::after {
	left: 0;
	top: 0;
	/*background: #fff;*/
	height: 100%;
	z-index: 10;
	width: 100%;
	transition: 0.3s all;}
.cglist ul li:hover::after, .list-img ul li:hover:after, .list-platform ul li:hover:after {
	width: 103%;
	left: -1.5%;
	background: #3991e2;
	box-shadow: 7px 0 20px rgb(0 0 0 / 15%);}
.cglist ul li a {
	display: block;
	padding: .3rem 0;
	border-bottom: 1px solid #ece4df;
	position: relative;
	z-index: 20;
	text-decoration: none;}
.cglist ul li:hover a {
	border-bottom: 1px solid #436db1;}
.cglist ul li .time {
	width: .88rem;
	float: left;
	margin-right: .4rem;
	text-align: center;
	margin-top: -.13rem;}
.cglist ul li .time p {
	font-size: .44rem;
	line-height: .58rem;
	color: #3991e2;
	font-family: "Tahoma";}
.cglist ul li:hover .time p {
	color: #fff;}
.cglist ul li .time div {
	font-size: .14rem;
	color: #9a9a9a;}
.cglist ul li .time div span {
	margin: 0 3px;}
.cglist ul li:hover .time div {
	color: #fff;}
.cglist ul li .cont-info h4 {
	font-size: .24rem;
	color: #333;
	margin-bottom: .15rem;
	height: .26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.cglist ul li:hover .cont-info h4 {
	color: #fff;}
.cglist ul li .cont-info p {
	font-size: .20rem;
	color: #333;
	line-height: .3rem;
	height: .6rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;}
.cglist ul li:hover .cont-info p {
	color: #fff;}
	
@media(max-width: 800px){
.cglist ul li .time { margin-right: .2rem;}
}

/*论文*/

.teacher_nav{text-align: center;}
.teacher_nav a{background: #f0f0f0;color: #414141;/*padding: 0 35px;*/  display: inline-block;line-height:.46rem;padding:0 .15rem; margin-bottom:.1rem; font-size:.17rem;}
.teacher_nav a.on,.teacher_nav a:hover{background: #005fc3;color: #fff;}



.lunwenList{ margin-top:.15rem;}
.lunwenList ul{margin-bottom: .5rem;}
.lunwenList ul li{line-height: .58rem;border-bottom: 1px dotted #afafaf;}
.lunwenList ul li a{display: block;padding: .15rem 0 .15rem .3rem;position: relative;}
.lunwenList ul li a h5{font-size: .18rem;color: #222; line-height:.24rem; font-weight:normal;}
.lunwenList ul li a p {font-size: .15rem;color: #848484; line-height:.22rem; font-style:italic; margin-top:.1rem;}
.lunwenList ul li a i{width:.3rem;position: absolute;left: 0; line-height:.22rem; font-size:.16rem; color:#000; text-align:left;}
.lunwenList ul li a:hover h5{color: #005fc3;}


.lunwenList .lunwenpic { width:100%; text-align:center;}
.lunwenList .lunwenpic img { margin:10px auto; max-width:50%;}


.btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;}
.btn-success {
    color: #fff;
    background-color: #3991e2;
    border-color: #2078c9;}
.btn {
    display: inline-block;
    padding: 2px 6px;
    margin-bottom: 0;
    font-size: .14rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}



@media(max-width: 800px){
.teacher_nav a { padding:0 10px;}
.lunwenList ul li a{padding-right:0px;}
.lunwenList ul li a span { display:none;}
}

/*仪器设备共享中心*/

.ssxm .fl1 .ar_article p img{ margin: .1rem 0 0 .25rem;}
.more2s1{ position: relative;right: 0;transform: translateY(0);margin: .5rem 0 0;}

.ssxm .fl1{ background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/ssxm_b1.jpg) center no-repeat; background-size: cover;}
.ssxm .fl2{ position: relative; z-index: 1;}
.ssxm .fl2 .bg{ bottom: 0; height: 4.4rem;position: absolute;z-index: -1;top: 0;left: 0;right: 0;}
.ssxm .fl2 .wp{ justify-content: space-between;}
.ssxm .fl2 .left{ width: 59%;}
.ssxm .fl2 .right{ width: 39.86%;}

.pad2 {  padding: .9rem 0; overflow: hidden;}



@media(min-width: 1024px){
}
@media(max-width: 1024px){

    .ssxm .fl2 .bg{ height: 3rem;}
}
@media(max-width: 800px){
    .ssxm .fl1 .ar_article p img{ margin: .1rem 0;}
    
   
    
    .ssxm .fl2 .left{ width: 100%; margin-bottom: 2%;}
    .ssxm .fl2 .right{ width: 100%;}

}
@media(max-width: 560px){

    
    .ssxm .fl2 .bg{ height: 1.5rem;}

} 


.list301 .a{ height: 1.2rem; border: #dcdcdc 1px solid; padding: 0 .5rem 0 0.7rem; justify-content: space-between; align-items: center;background: url(/kxzx/dfiles/6150/wd_yyy_zx/images/list17_b.jpg) right bottom no-repeat; transition: .5s; position:relative;}
.list301 li{ margin-bottom: .28rem;}
.list301 h4{ font-size: .32rem; color: #3991e2;flex: 1;}
.list301 svg{ width: .28rem; height: .28rem; fill: #3991e2;margin: 0 0 0 .2rem;}


.list301 .dot{ position: absolute; left:.3rem; top:50%; margin-top:-.15rem; width: .3rem; height: .3rem;}
.list301 .dot::after{ content: ""; position: absolute; width: .08rem; height: .08rem; background: #1774d3; top: 50%; left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.list301 .dot i{display: block;width: 100%;height: 100%;border-radius:50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list301 .dot i::after, .list301 .dot i::before{position:absolute;display:block;border-radius:50%;content:'';background: #1774d3;width: 100%;height: 100%;left: 0;}
.list301 .dot .i1::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0);}
.list301 .dot .i1::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: .5s;}
.list301 .dot .i2::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 1s;}
.list301 .dot .i2::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 1.5s;}
.list301 .dot .i3::before{animation:circleScale1 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 2s;}
.list301 .dot .i3::after{animation:circleScale2 3s infinite;background: #1774d3; transform: scale(0); animation-delay: 2.5s;}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);}
}

@media(min-width: 1024px){
	.list301 .a:hover{ background: #3991e2;}
	.list301 .a:hover h4{ color:#fff;}
	.list301 .a:hover svg{ fill:#fff;}
	.list301 .a:hover .dot::after {background: #fff;}
	.list301 .a:hover .dot i::after, .list301 .a:hover .dot i::before{background: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.list301 li{ margin-bottom: .15rem;}
	.list301 .a{ height: .7rem; padding: 0 .25rem 0 .5rem;}
	.list301 svg{ width: .2rem; height: .2rem;}
	.list301 .dot{ left:.15rem;}
	.pad2 {  padding: .3rem 0;}
}
@media(max-width: 560px){
} 