ul,li{

    list-style: none;

    margin:0;

    padding:0;

}

body{

    overflow-x: hidden;

}

#lan{
    display:none;
}
.lan{
    position: absolute;
    right: 1rem;
    top:1rem;
    z-index: 999;
    font-size:.5rem;
}
.lan a{
    font-size:.8rem;
    color:#6c757d;
    padding:0 .2rem;
}
.lan .act{
    color:#343a40;
}

@media (min-width:1200px) { 

    .container-fluid{

        max-width: 1440px;

    }

    .navbar-light .navbar-nav .nav-link{

        font-size:.8rem;

    }
	
	.lay{
        box-shadow: 0 0 9px #ccc;
        position: fixed;
        width:100%;
        z-index: 999;
        background-color:rgba(255, 255, 255, .9);
        top:0;
        border-bottom: solid 2px #008cd6;
    }

}

#carouselExampleCaptions2{

    display: none;

}

.navbar-light .navbar-nav .nav-link{

    font-size:1.1rem;
	

}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:hover span{

    color:#007bff !important;

}

.navbar-light .navbar-nav .nav-link span{

    font-size:.6rem;

}

.navbar-nav .nav-link:nth-child(1) a{

    font-size:10rem;

}

.lay .dropdown-menu{

    border:0;

    background-color:rgba(255, 255, 255, .8);

    top:98%;

    padding: 0.1rem 0;

    margin: .1rem 0 0;

    border-radius: .25rem;

    min-width: auto;

    left: 50%;

    transform: translateX(-50%);

    box-shadow: 0px 5px 6px rgba(0,0,0,.4);

    z-index: 999;
	
	position:relative

}
.lay .dropdown-menu::before{
	content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0,42,133,.5);
	transform: translate(-50%, -7);
}


.lay .dropdown-item:focus, .lay .dropdown-item:hover{

    background: none;

    color:#007bff;

}



.navbar-light .navbar-brand img:nth-child(2){

    display: none;

}

.slide .carousel-inner .carousel-item{
    height:700px;
    position: relative;
}

/* 轮播图内容 */
.min-side{
    position: absolute;
    bottom:5%;
    left:60%;
    max-width:800px;
    background: rgba(255, 255, 255, .7);
    padding:2rem 2rem;
    transform: translateX(-50%) translateY(-50%);
}
.min-side-h1{
    font-size:30px;
    color:#002a50;
}
.min-side-desc{
    font-size:18px;
    color:#004b8e;
    line-height:30px;
}

.line-height-1{

    line-height:1.8rem;

}

.card{

    border:none;

}

.card-text{

    font-size:.9rem;

}

.about>div{

    position: relative;

    cursor: pointer;

}

.about-more{

    border:none;

    border-radius: 1rem;

    transition: all 1s;

}

.about>div>img{

    transition: all .5s;

    filter:brightness(50%) grayscale(30%);

    -webkit-filter:brightness(50%) grayscale(30%);

}

.about>div:hover img{

    filter:brightness(100%) grayscale(0%);

    -webkit-filter:brightness(100%) grayscale(0%);

}

.about>div:nth-child(1) .about-more{

    background: linear-gradient(to right, #12cdfe 0%, #485dff 100%);

}

.about>div:nth-child(1):hover .about-more{

    background: linear-gradient(to right, #6810cb 0%, #2773fc 100%);

}

.about>div:nth-child(2) .about-more{

    background: linear-gradient(to right, #4a4e9e 0%, #e3197b 100%);

}

.about>div:nth-child(2):hover .about-more{

    background: linear-gradient(to right, #12cdfe 0%, #485dff 100%);

}

.about>div:nth-child(3) .about-more{

    background: linear-gradient(to right, #6810cb 0%, #2773fc 100%);

}

.about>div:nth-child(3):hover .about-more{

    background: linear-gradient(to right, #12cdfe 0%, #485dff 100%);
}
.about .card-body{
	padding:1rem 1.25rem;
}
.about>.card .about-card{
	padding:1rem;
	transition: all .5s;
}
.about>.card:hover .about-card{
	box-shadow:0 0 8px #9d9d9d;
	transform: translateY(-20px);
    /*border-top: solid 4px #008cd6;*/
    background: #fafafa;
}
/*
.about>.card .about-body{
	transition: all .5s;
	transform: translateY(10px);
}
.about>.card:hover .about-body{
	transform: translateY(0px);
}
*/


/* 团队 */

.team{

    background: #f4f5f9;

}

.card-num{

    font-size:3rem;

    font-family:Verdana, Geneva, Tahoma, sans-serif;

    color:rgba(0,0,0,0.32);

}

.team h5{

    font-size:1.6rem;

}

.team p{

    font-size:.9rem;

    color:rgba(0,0,0,0.32);

}

.team .row>div{

    cursor: pointer;

}

.team .row .card{

    transition: all 1s;

}

.team .row .card:hover{

    background:#2799fe;

}

/*

.team .row>div:nth-child(2) .card,.team .row>div:nth-child(4) .card,.team .row>div:nth-child(6) .card{

    background: linear-gradient(to bottom, #0cccfe 0%, #485cff 100%);

}

.card,.team .row>div:nth-child(6) h3,.card,.team .row>div:nth-child(6) p,.card,.team .row>div:nth-child(4) p,.card,.team .row>div:nth-child(4) h5,.team .row>div:nth-child(2) .card h5,.team .row>div:nth-child(2) .card p{

    color:#fff;

}

*/

.team .row .card:hover h3,.team .row .card:hover h5,.team .row .card:hover p{

    color:#fff;

}



/* 研究成果 */

.result{

    background: url(../images/result_bg.jpg) no-repeat;
    background-attachment: fixed;

}

.result .row{

    background: #fff;

    cursor: pointer;

    position: relative;

}

.result .row::before{

    content: '';

    width:0%;

    height:100%;

    border-top:3px solid #767dff;

    border-bottom:3px solid #767dff;

    position: absolute;

    top:0;

    z-index: 666;

    transition:all .3s;

}

.result .row:hover::before{

    width:100%;

}

.result .row::after{

    content: '';

    width:100%;

    height:0%;

    border-left:3px solid #767dff;

    border-right:3px solid #767dff;

    position: absolute;

    top:0;

    z-index: 666;

    transition:all .3s;

}

.result .row:hover::after{

    height:100%;

}

.result-body .card-title{

    font-size:1.6rem;

}

.result-body .card-text{

    font-size:.92rem;

    line-height:1.6rem

}

.result-body .about-more{

    background: linear-gradient(to right, #12cdfe 0%, #485dff 100%);

    padding:.6rem 0;

    border-radius: 2rem;

}

.result .row:hover .about-more{

    background: linear-gradient(to right, #4a4e9e 0%, #e3197b 100%);

}

/* 合作交流 */

.cooper h5{

    font-size:1rem;

}

.cooper-more{

    background: url(../images/cooper-more-cur.png) no-repeat;

    height:7px;

    width:33px;

    transition: all .8s;

}

.cooper-img{

    overflow: hidden;

    width: inherit;

    height: 15rem;

}

.cooper .card{

    cursor: pointer;

}

.cooper .card:hover .cooper-more{

    background: url(../images/cooper-more.png) no-repeat;

}

.cooper .card img{

    transition: all .5s;

    filter:brightness(80%) grayscale(30%);

    -webkit-filter:brightness(80%) grayscale(30%);

    width: 330px; height: 240px;

}

.cooper .card:hover img{

    filter:brightness(110%) grayscale(0%);

    -webkit-filter:brightness(110%) grayscale(0%);

    width:120%;height: 120%;

}



/* 底部 */
/*
.footer{

    background-color: #f8f8f8;

    font-size:.9rem;

}

.copy{

    border-top: 1px solid #ededed;

    font-size:.7rem;

}

.footer .form-control{

    font-size:.8rem;

}

*/
.footer-min{

    display: none;
}
.footer{
	/*height:7rem;*/
	background:#0055a2;
    padding: 2rem 0rem !important;
}
.footer .foot-url{
	font-size: .8rem;
    color: #fff; 
	margin-top:1rem; 
}
.footer .foot-url a{
	font-size: 1rem;
    color: #fff; 
	margin: 0 0 0 1rem;
    padding: 0 1rem 0 0;
}
.footer .row .copy{
	font-size:.8rem;
	margin-top:.8rem;
	color:rgb(255, 255, 255,.8);
	padding:0 1rem;
}
.footer .row .col-md-8{
	padding:0px;
}
.footer .row .col-md-4 a{
    display: flex;
	justify-content:center;
    background: #fff;
    border-radius: 1rem;
    padding: 1.2rem;
}

/* 单页 */



.breadcrumb{

    background: none;

    border-radius:0rem;

    padding:0 0 1rem 0;

    margin:0;

}

.breadcrumb-item + .breadcrumb-item::before{

    content:'>';

}

.breadcrumb-item a{

    color:#464646;

}

.page .dropdown-item{

    padding:1rem 1.5rem;

    border-bottom: 1px solid rgb(236, 236, 236);

    position: relative;

}

.w-box{

    border-left:6px solid #cad8f8;

    background-color: #fff;

    box-shadow: 2px 4px 6px rgb(209, 209, 209);

    margin-bottom: 2rem;

}

.page .dropdown-item.act{

    background: #e9ecef;

    color:#002a85;

}
.page .dropdown-item.active{
	background:#008cd6;
	font-size:1.2rem;
	font-weight:bold;
}

.page .w-box .dropdown-item:hover,
.page .w-box .dropdown-item:active{
	background:none;
}


.page .w-box .dropdown-item::before{

    content: '';

    display: block;

    width: 6px;

    position: absolute;

    left: -0.4rem;

    background: #008cd6;

    top: 50%;

    transform: translateY(-50%);

    height:16px;
	
	opacity: 0;

}

.page .w-box .dropdown-item:focus, .page .w-box .dropdown-item:hover{
    color:#002a85;
	
}
.page .w-box .dropdown-item.act::before,
.page .w-box .dropdown-item:hover::before{
	opacity: 1;
} 

.page{

    margin-top:30px;
	overflow-x:hidden;
	padding-bottom:2rem;
}

.page_view{

    background: #fff;

    padding:1.6rem;

    box-shadow: 2px 4px 6px rgb(209, 209, 209);

    margin-bottom: 1rem;

    border-top: solid 2px #e9ecef;

}

.page_title{

    font-size:1.8rem;

    margin-bottom: 1.4rem;

    color:#000c25;

    text-align: center;

}

.page_body{

    font-size:1rem;

    color: rgb(82, 82, 82);
    line-height: 1.8rem;

}

/* 内容页 */

.view_title{

    font-size:1.8rem;

    padding:1rem 0;

    margin:1rem 1rem;

    border-bottom: 1px solid rgb(194, 194, 194,.4);

}

.view_info{

    font-size:1rem;

    color:#757575;

    text-align: center;

    padding-bottom: 1rem;

}

.view_body{

    line-height: 28px;

    color: #666;

    text-align: justify;

    margin:0 1rem;

}

/* 列表 */

.list_ul{

    padding:1rem 1rem;

}

.list_ul ul li{

    padding:.8rem 0;

    border-bottom: 1px solid #e7e7e7;

    display: flex;

    justify-content: space-between;

}

.list_ul ul li:nth-child(1){

    border-top: 1px solid #e7e7e7;

}

.list_ul ul li a{

   font-size:1rem;

   color:#333;

   margin-left:1rem;

   position: relative;

}

.list_ul ul li a:hover{

    text-decoration: none;

}

.list_ul ul li span{

    color:#999999;

}

.list_ul ul li a::before{

    content: '';

    display: block;

    width: 6px;

    position: absolute;

    left: -1rem;

    background: #002a85;

    top: 50%;

    transform: translateY(-50%);

    height:6px;

    border-radius: 50%;

}

.list-pic .card{

    cursor: pointer;

}

.list-pic .card:hover .cooper-more{

    background: url(../images/cooper-more.png) no-repeat;

}

.list-pic .card img{

    transition: all .5s;

    filter:brightness(80%) grayscale(30%);

    -webkit-filter:brightness(80%) grayscale(30%);

}

.list-pic .card:hover img{

    filter:brightness(110%) grayscale(0%);

    -webkit-filter:brightness(110%) grayscale(0%);

    width:120%;

}

.list-pic .card:hover h5{

    font-weight: bold;

    color:#002a85;

}

.cooper .card:hover .cooper-more,
.list-pic .card:hover .cooper-more{

    margin-left:8rem;

}

.list-pic .cooper-img{

    height:14rem;

}

.list-pic .card-body{

    padding-top: .4rem;

}

.page-item.active .page-link{

    background:#002a85;

    border-color:#002a85;

}

.page-link{

    color:#000;

}

.view-tool{

    border-top:1px #cccccc solid;

    text-align: left;

    padding:10px 15px 10px 0;

}

.view-tool ul li{

    color:#464646;

    height:30px;

    line-height:30px;

    margin:0px 20px 0px 20px;

    font-size:14px;
	overflow:hidden;

}

.view-tool ul li a{

    font-size:14px;

    color:#464646;

}



.lear-img{

    /*height:24rem;*/

    overflow:hidden;

    /*box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29);*/

    border: 8px solid #ececec;

}

.lear-list .card{

    cursor: pointer;

} 

.lear-view img{

    height:16rem;

} 

.lear-view pre{

    line-height:40px;

}



.lear_top{

    font-size: 17px;

    font-weight: bold;

    background: #f5f5f5;

    margin-top: 15px;

    margin-bottom: 15px;

    padding:8px 0;

    text-indent: 1rem

}

.hot-box{
	box-shadow: 2px 4px 6px rgb(209, 209, 209);
}

.hot-box ul li a{

    font-size:.9rem;

    color:#444444;

    position: relative;

}

.hot-box ul li a::before{

    /*content: '➤';*/

    color:#0055a2;

    font-size:.8rem;

    font-weight: bold;

}

.hot-box ul li a:hover{

    color:#008cd6;

    text-decoration: none;

}

.hot_top{

    font-size:1.2rem;

    padding:1rem .8rem 1rem 1.4rem;

    font-weight:bold;

    color:#fff;

    background:#008cd6;

}


.study-list {
  padding: 1rem .8rem;
  position: relative;
}
.study-list .study-li {
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 1.2rem;
  padding-right: 0.5rem;
  margin-bottom: 1.4rem;
  display: flex;
}
.study-list .study-li .study-pic {
  width: 15rem;
  overflow: hidden;
  height: 10rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
}
 .study-list .study-li .study-pic img {
  height: 100%;
  width: 100%;
}
.study-list .study-li .study-info {
  flex: 1;
  padding-left: 1.5rem;
}
.study-list .study-li .study-info a {
	display:block;
  font-size: 1.3rem;
  color: #363636;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.study-list .study-li .study-info a .highlight {
  color: #0056a9;
  font-weight: bold;
}
.study-list .study-li .study-info p {
  font-size: 1rem;
  color: #797979;
  line-height: 1.7;
  margin: 0.6rem 0;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.study-list .study-li .study-info .study-time {
  margin-top: 1.4rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  color: #aeaeae;
}
.study-list .study-li .study-info .study-time span:last-child {
  position: relative;
  padding-left: 1.5rem;
}
.study-list .study-li .study-info .study-time span:last-child::before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/eye.svg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.lay{

	box-shadow: 0 0 9px #ccc;

	background-color:rgba(255, 255, 255, .9);

	position:fixed;

	top:0px;

	width:100%;

	z-index: 999;

	border-bottom: solid 2px #008cd6;

}

@media (min-width:1200px) and (max-width:1980px){ 

    .lay{

        box-shadow: 0 0 9px #ccc;

        background-color:rgba(255, 255, 255, .9);

        position:fixed;

        top:0px;

        width:100%;

        z-index: 999;

        border-bottom: solid 2px #008cd6;

    }

    #carouselExampleCaptions{
		margin-top:6rem;
        display: block;
    }

    

}

@media only screen and (min-width: 1980px) {
	#carouselExampleCaptions{
		margin-top:6rem;
        display: block;
    }
}


/* ipad */
@media (min-width: 768px) and (max-width: 996px){
	.page .w-auto{
		display:none;
	}
    #lan{
        display:block;
    }
    .lan{
        display:none;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
	.lear-img{
		height:18rem;
	}
	
    #overhide{

        display:none;

    }

    .team{

        padding-top:1rem !important;

    }

    .team .mt-5{

        margin-top:2rem !important;

    }

    .team .card{

        padding:.2rem !important;

    }

    .card-num{

        font-size:2.5rem;

    }

    .team h5{

        font-size:1rem;

    }

    .result{

        background: url(../images/result_bg.jpg);

    }

    .result-pic{

        margin:1rem;

    }

    .result-body{

        padding-top:0rem !important;

        padding-left:1rem !important;

    }

    .result-body div{

        margin-top:0rem !important;

        margin-bottom: 1rem;

    }

    .copy,.footer .col-2{

        display: none;

    }

    .footer{

        margin-top:1rem !important;

    }

    .footer .col-4{

        max-width: 40%;

        flex:.4;

    }

    .footer .col-6{

        max-width: 60%;

        flex:1;

    }
	
	 .study-list .study-li .study-pic {
		height: 8rem;
		flex: 2.5;
	  }
	  .study-list .study-li .study-info {
		flex: 7.5;
		padding-left: 1rem;
	  }
	  .study-list .study-li .study-info a {
		display: block;
		margin-top: 0.5rem;
		font-size: 1rem;
	  }
	   .study-list .study-li .study-info p {
		font-size: 0.9rem;
		margin: 0.4rem 0;
	  }
	  .study-list .study-li .study-info .study-time {
		margin-top: 0.8rem;
	  }

   

}


.bar_bg{
	width:100%;
	overflow:hidden;
	min-height:10rem;
	position:relative;
}

.nav-lay{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
}
.nav-lay .container-fluid{
	position:relative;
	height:100%;
}
.nav-name{
	position:absolute;
	font-size: 2.3rem;
    font-weight: 500;
    letter-spacing: 3px;
    color: #fff;
	top:50%;
	left:15px;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -ms-transform: ttranslateY(-50%);
	  -moz-transform: translate(-50%,-50%);
	  -o-transform: translateY(-50%);
}
.nav-name:before{
	content: '';
    width: 4rem;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left:0%;
    bottom: -1.2rem;
}
.bar_bg img{
	width:100%;
	min-height:10rem;
}


.page #page-nav{
	visibility:hidden;
	height:0;
}
.pagination {
	margin-bottom:1rem;
}
/* 最小屏幕 */

@media (max-width:768px) {
	.page_body img{
		max-width:100%;
	}	
    #lan{
        display:block;
    }
    .lan{
        display:none;
    }
	.team .mt-5{
		margin-top:1rem !important;
	}
	.about{
		padding-top: 0rem !important;
		margin-bottom: -3rem !important;
	}
	.about .card-title{
		margin-bottom:0rem;
	}
	.about .card-text{
		margin-top:.5rem !important;
		margin-bottom:.5rem !important;
	}
	.navbar{
		padding-left:0rem;
		padding-right:0rem;
	}
	.navbar-brand{
		margin-right:0rem;
	}
	.page_title{
		font-size:1.4rem;
		margin:.6rem 0;
	}
	.lay .pt-3{
		padding-top:.1rem !important;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size:1rem;
	}
	.list-pic{
		margin-top:1rem;
	}
	.view_title{
		margin-left:0rem;
		margin-right:0rem;
		font-size:1.4rem;
	}
	.view_info{
		font-size:.5rem;
	}
	
	.list_ul ul li a{
		font-size:.8rem;
		margin-left:.2rem;
	}
	
	.list_ul ul li span{
		font-size:.7rem;
	}
	
	.page .w-auto{
		display:none;
	}
	.page #page-nav{
		visibility: visible;
		height:auto;
		margin-bottom:1.5rem;
	}
	.page #page-nav a{
		color:#002a85;
	}
	.page #page-nav .active{
		background:#002a85;
		color:#fff;
	}

    #overhide{
        display:none;

    }

    .page_view{

        padding:.4rem .5rem;

    }

    .breadcrumb{

        margin:1rem 0 0 1rem;

        padding-bottom: 0rem;

    }

    .list_ul{

        margin:0rem;

    }

    .team{

        padding-top:1rem !important;
		padding-bottom:0rem !important;

    }

    .team .card{

        padding:.2rem !important;

    }

    .card-num{

        font-size:2.5rem;

    }

    .team h5{

        font-size:1rem;

    }
	.result .container-fluid.pt-5{
		padding-top:1.5rem !important;
	}
	.result .container-fluid.pb-5{
		padding-bottom:1rem !important;
	}
	.result .row{
		margin:1rem .1rem !important;
		border-radius: .4rem;
		overflow: hidden;
	}
    .result-pic{
        margin:0rem;
    }
	.result-body .card-title{
		font-size:1.2rem;
	}
	.result-body .card-text{
		font-size:.6rem;
		margin-top:.1rem !important;
		line-height:1rem;
	}

    .result-body{

        padding:.5rem !important;

    }

    .card-text{

        padding-right:0rem !important;

    }

    .result-body .justify-content-start{

        margin-top:0rem !important;

        margin-bottom: 1rem;
		
		justify-content:center !important;

    }
	.cooper .card{
		margin-top:.5rem;
	}
	.cooper-img{
		height:auto;
	}
	
	.cooper .card-body{
		padding:.6rem;
	}

    .copy,.footer{

        display: none;

    }

    .footer-min{

        display:block;

        background-color: #f8f8f8;

        padding:1rem 0;

        color:#838383;

    }
	.list-pic .cooper-img{
		height:auto;
	}
	.lear-list .card-title{
		font-size:.8rem;
	}
	.lear-img{
		height:auto;
	}

}

@media (min-width:960px) and (max-width:1326px) { 



    .navbar-light .navbar-brand img:nth-child(1){

        display: none;

    }

    .navbar-light .navbar-brand img:nth-child(2){

        display: block;

    }

}



/* bar */

@media (max-width:540px)  and (max-width:1326px) { 

    #carouselExampleCaptions{

        display: none;

    }

    #carouselExampleCaptions2{

        display: block;

    }



}

/* 最小屏幕 */

@media (max-width:540px) { 
	.lear-view .media{
		display:flex;
		flex-direction:column;
		align-items: center;
		margin-top: 1rem;
	}
	.lear-view .media h5{
		text-align: center;
		padding-top: 1rem;
	}


    .navbar-light .navbar-brand{

        width:74%;

    }
	.line-height-1{
		font-size: .8rem;
		line-height: 1.5rem;
	}
    .mini-5{

        font-size:1.5rem !important;

    }
	
	 .study-list .study-li {
		flex-direction: column;
	  }
	  .study-list .study-li .study-info {
		padding: 0;
	  }
	  .study-list .study-li .study-info .study-time {
		margin-top: 0.4rem;
	  }
	  .study-list .study-li .study-pic {
		height: auto;
		width: 100%;
	  }
	  .study-list .study-li .study-info p{
		  margin-top:0;
	  }
	  .study-list .study-li .study-info a{
		  font-size:1.2rem;
			margin-top:.5rem;
	  }



}