@charset "utf-8";/* stylelint-disable selector-list-comma-newline-after*/html{position: relative;min-height: 100%;}
body{/* Margin bottom by footer height*/}
a{color:#333}
img{ border:none; max-width:100%;}
a:hover{color:#304274;text-decoration:none}

video{ display:block; width:100%;object-fit: fill;}

/*normal*/
.icon-fw{text-align:center;width:1.25em}
.iconfont{font-size:1em}
/*侧边栏颜色*/
.menu-side-item.active a{color:white}
.menu-side-item.active{background:#304274;border-color:#304274}
/*文章相关*/
#news_box{box-shadow: 0px 5px 5px #bbb;border-top: 4px solid #304274}
#news_title{font-size:24px;color:#792200}
#news_sub_title{color:#5d5d5d;border-bottom: 2px solid #ddd}
.news_content{line-height: 2;word-break:break-all}
.news_content a{color:#C40003}
.news_content a:hover{color:red}
.news_content img{max-width: 100%;height:auto}
#attach{border-top: 1px solid #ddd}

ul,li{ list-style:none;}

.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}

.headerbg{ background:#304274; padding:30px 0; position:relative;}
.logo{ float:left; width:250px;}
.name{	display: block;	text-align: right;	float: right;	padding-right: 30px; margin-top:10px; color: #fff;}
.chinese-name {	display: block;	font-size:30px;}
.english-name {	display: block;	color: #A8AA94; font-size:16px;	font-family: Arial, Tahoma, Verdana;}
#menu_bar{ border-bottom:#e7e7e7 1px solid;}

.lang{ color:#fff; position:absolute; right:20px; top:25px; height:24px; line-height:24px;}
.lang a{ color:#fff;}

.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}


/*
#navbarCollapse .active{background:red}
#sidemenu .active{background:red;border-color:#c80000}
#sidemenu .active a{color:white}
#pagenum_bar .active a{background:red;border-color:red;color:white}
#pagenum_bar a{color:red}*/


/*head*/
.search_input{border: 0;width:100%}
#search_button{width:100%;background: url(/images/iop3-search.png) no-repeat;border: none}
/*title*/#navbar{font-size:14px;color:#bfbfbf}
#navbar .navbar-brand{font-size:14px;color:#bfbfbf}
/*menu*/
.navbar-nav{ width:100%;}
.navbar-nav li{ width:12.5%; text-align:center; }
.menu_item{padding-left: 1rem;position: relative}
.menu_item:hover{}
.menu_item:hover a{color:#304274;}
.menu_item a{color:#777;line-height:65px}
.navbar-nav li.current a{color:#304274}
.menu_sub{margin:0 0 0 -1px;padding:0 0 5px 0;list-style:none;display:none;position:absolute;width:117px;background:rgba(255,255,255,1);z-index:99;left:0;top:36px;border-radius: 0 0 5px 5px;border-left:1px solid #762000;border-right:1px solid #762000;border-bottom:1px solid #762000}
.menu_sub li{line-height:36px;border-bottom:0px solid #762000;text-align:left;padding:0 10px;font-weight:normal;text-align:center}
.menu_sub li:hover{background:#eee}
.menu_sub a{font-weight: normal;color:#000}
#menu_hide_logo{display:none}
.fixed-top{ background:#304274;}
.menu_item_size_fix a{ color:#fff;}
.menu_item_size_fix a:hover{ color:#fff;}
.fixed-top .menu_item:hover a{color:#fff;}

.fixed-top .navbar-nav li.current a{color:#fff;}


.menu_icon{display:none;position:absolute; right:2%; top:20px;cursor: pointer}
.menu_icon span{background:#fff;display: block;width:25px;height:3px;margin-top:5px;}
.menu_icon span:first-child{margin-top:0;}

.idtzs{ position:relative;}
.idtzslist{ overflow:hidden; padding:0 20px;}


.idtzs .idtzsbtn a { width:30px; height:50px; position:absolute; top: 50%; margin-top:-25px; z-index:3;}
.idtzs .idtzsbtn a.idtzsprve{ left:0; background:url(../images/btn_prve.png) no-repeat center center #304274; }
.idtzs .idtzsbtn a.idtzsnext{ right:0; background:url(../images/btn_next.png) no-repeat center center #304274; }

.idtzs .idtzsjt{ position:absolute; width:100%; text-align:center; bottom:-12%; z-index:5; display:none;}
.idtzs .idtzsjt span{ display:inline-block; width:8px; height:8px; margin:0 5px; cursor:pointer; background-color: #ccc; border-radius:5px; }
.idtzs .idtzsjt span.swiper-pagination-bullet-active{ background:#304274;}

/*footer*/
.footerbg{width: 100%;height: auto; background: #304274; padding:20px 0;line-height: 2;}
.footer{ display: flex; display: -webkit-flex; align-items:center; justify-content:space-between;}
.footer a{color:white}
.footer p{margin:0}
.footerlogo{ width:220px; margin-right:30px;}
.footerlogo img{ max-width:100%; display:block;}
.footernav{ margin:0; padding:0; display:none;}
.footernav li{ display:inline-block; margin-right:15px;}
.footernav li a{ font-size:16px;}

.copyright{background: #2f2f2f; padding:20px 0; line-height: 25px; overflow: hidden; font-size:12px; text-align:center; color:#fff;}
.copyright a{ color:#fff;}

.dqwz{ font-size:14px; color:#666; padding:0 18px .5rem !important;}
.dqwz a{ color:#666;}

.team_list{ padding-left:0;}
.team_list li{ width:48%; float:left; margin:0 3% 3% 0;}
.team_list li:nth-child(2n){ margin-right:0;}
.team_list li a{ border:#ccc 1px solid; padding:10px; height:auto; overflow:hidden; display: flex; display: -webkit-flex; justify-content:space-between; align-items:center; border-radius: 5px;}
.team_list li a .teamimg{ width:30%;}
.team_list li a .teamimg img{ width:100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);}
.team_list li a .teamtext{ width:67%;}
.team_list li a .teamtext h3{ font-size:18px; color:#333; line-height:24px; height:24px; margin-bottom:0;} 
.team_list li a .teamtext span{ font-size:14px; color:#666; display:block; line-height:28px;} 
.team_list li a .teamtext p{ font-size:14px; color:#888;} 
.team_list li a:hover{ border:#304274 1px solid;}

/*分页样式开始*/
#pageabc{text-align:center;margin:30px 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;text-align:center;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:12px;color:#304274;padding:4px 12px;border:1px solid #304274;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center;}
#pageabc a:hover,#pageabc a.current{color:#fff;background-color:#083165;border:1px solid #304274;}
/*分页样式结束*/

.singleteam_head{ border:#ccc 1px solid; padding:20px; height:auto; overflow:hidden; display: flex; display: -webkit-flex; align-items:center; border-radius: 5px;}
.singleteam_head .singleteamimg{ width:160px; margin-right:30px;}
.singleteam_head .singleteamimg img{ width:100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);}
.singleteam_head .basic-info{ width:60%;}
.singleteam_head .basic-info p{ margin-bottom:0; line-height:26px;}


.singleteam_body{ padding-top:40px;}
.singleteam_body h3, .singleteam_body h4{ font-size:18px;}
.singleteam_body p{ margin:10px 0; color:#333;}
.singleteam_body ul{}
.singleteam_body ol{ padding-left:20px;}
.singleteam_body li{ list-style:disc;}

.shangxiapain{ border-top:#ccc 1px solid; padding-top:20px; color:#666; line-height:30px; font-size:14px;}
.shangxiapain a{ color:#666;}


.content {   position: relative;padding: 2rem;z-index: 999;}
.content li {  word-break: break-all;}
.left-slider{float: left;width: 60%;}
.left-slider img{ width: 100%;}

.right-slider{color: #fff;width:40%;height: 400px;float: left;background-color: #5D5D5D;padding: 20px;}
.right-slider h2{ border-bottom: 1px solid #dadada;padding-bottom: 5px;font-size: 21px;}
.right-slider p{margin-bottom: 22px;font-size: 15px;line-height: 24px;}

.my-carousel{border-radius: none; width: 100%;}
ul.slides{ padding:0; margin:0;}
.carousel-li{}
.carousel-li>a{color: #777;text-align: center;display: block;padding: 10px 0;}
.carousel-li>a:hover{color: #559bea;text-decoration: none;}
.carousel-li>a:focus{color: #559bea;}
#carousel li.flex-active-slide a{font-size: 16px;color: #559bea;}

.page-header { width:100%;
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
}
.page-header h3{font-size: 20px;}
.research-project-ul{padding: 0 2rem; margin:0;}
.research-project-ul>li{
	line-height: 30px; margin-bottom:10px;
	font-size: 15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	word-break: normal; height:auto; overflow:hidden; list-style:disc;
}
.resercehtext{width:47%; float:left;}
.researchimg{ width:48%; float:right;}

.h5-first-title,.h5-title {
    margin-bottom: 15px; font-size:14px;
}
.span-center {
    display: block;
    text-align: center;
    padding-top: 15px;
}.img-center {
    display: block;
    margin: 0 auto;
}

.yjylnrmleft{width:640px; padding-right:20px; float:left}
.yjylnrmleft h5{ font-size:16px;}
.yjylnrmleft p{ font-size:15px; color:#333; margin-top:20px;}
.yjylnrmleftright{ width:400px;}


.ruanjian{}
.rjlist{}
.rjlist ul{ padding:0; margin:0;}
.rjlist li{ border-bottom:#ccc 1px solid; margin-bottom:20px; padding-bottom:20px;}
.rjlist li a{ height:auto; overflow:hidden; display: flex; display: -webkit-flex; justify-content:space-between; align-items:center;}
.rjlist li a .rjimg{ width:28%;}
.rjlist li a .rjimg img{ width:100%; border-radius: 10px;}
.rjlist li a .rjtext{ width:68%;}
.rjlist li a .rjtext h3{ font-size:24px; color:#333;}
.rjlist li a .rjtext p{ font-size:16px; color:#777; margin:10px 0;}
.rjlist li a .rjtext span{ display:block; font-size:14px;  text-align:right; color:#777;}
.rjlist li a:hover .rjtext h3{color:#304274;}
.rjlist li a:hover .rjtext p{color:#333;}

.singletit{ font-size:24px; text-align:center;}
.date{ text-align:center; color:#666; padding:20px 0; border-bottom:#ccc 1px solid;}
.date span{ margin:0 10px;}

#news_box .no-gutters:nth-child(5n){ border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 1rem !important; margin-bottom: 1rem;}

#news_title{font-size:24px;color:#792200}
#news_sub_title{color:#5d5d5d;border-bottom: 2px solid #ddd}
.col-news-title a{ color:#333; font-size:14px;}
.news_content{line-height: 2;word-break:break-all}
.news_content a{color:#C40003}
.news_content a:hover{color:red}
.news_content img{max-width: 100%;height:auto}
#attach{border-top: 1px solid #ddd}

.aboutkc{ display:block;}
.aboutkc li{ list-style:disc;}
.aboutkc h4{ font-size:18px;}

.award-ol>li{line-height: 30px; font-size:14px; list-style:decimal;}


.lainxi {
    display: flex;
    justify-content: space-around;
    margin-bottom: 3rem;
}
.lianxi_part {
    text-align: center; color:#666; width:25%; float: left;
}.youx {
    margin-top: 10px;
    color: #999999;
    margin-bottom: 5px;
}

.jiaoliucon{ padding:0; width:100%;}
.jiaoliucon .no-gutters{ color:#666;}
.jiaoliucon .no-gutters a{ color:#666;}
.jiaoliucon .no-gutters a:hover{ color:#304274;}

@media only screen and (min-width: 576px){}
@media only screen and (min-width: 768px){
.menu_item_size{padding-left: 0em;padding-right: 0em}
.menu_item_size a{font-size:12px}
.menu_item_size_fix{padding-left: 0.11em;padding-right: 0.11em}
.menu_item_size_fix a{font-size:12px;padding-left:0em!important;padding-right: 0em!important}}
@media only screen and (min-width: 992px){
.menu_item_size a{font-size:1em}
.menu_item_size{padding-left: 0.51em;padding-right: 0.51em}
.menu_item_size_fix{padding-left: 0.8em;padding-right: 0.8em}
.menu_item_size_fix a{font-size:12px}}
@media only screen and (min-width: 1200px){
.menu_item_size{padding-left:0em;padding-right:0em}
.menu_item_size_fix{padding-left: 0.9em;padding-right: 0.9em}
.menu_item_size_fix a{font-size:1em}
}
@media(max-width:768px){
	.copyright{ padding:5%;}
	.name{ display:none;}
	.headerbg{ padding:0% 0;}
	.headerbg{ position:relative;}
	.menu_icon{ display:block;}
	
	.lang{ font-size:12px; right:60px; top:20px;}
	.fixed-top .lang{ display:none;}
	.fixed-top .navbar{ padding:5px 0;}
	#navbarCollapse{ }
	.logo{ width:200px;}
	.navbar-nav li{ width:100%; padding-left:0; text-align:left; line-height:40px}
	.navbar-nav{ padding:10px 0;}
	.menu_item a{ line-height:40px;}
	
	.navbar{ padding:0px 0; margin:0;}
	.navbar .menu_icon{ top:12px; display:none;}
	.fixed-top .navbar .menu_icon{ display:block;}
	
	.idtzs .idtzsbtn{ display:none;}
	.idtzs .idtzsjt{ display:block;}
	
	.idtzslist{ padding:0;}
	.idtzs .idtzsbtn a.idtzsprve{ left:-15px; }
	.idtzs .idtzsbtn a.idtzsnext{ right:-15px; }
	
	.container-my-bk{ padding-top:0 !important;}
	.footerlogo{ margin-right:10px;}
	.footernav li{ margin-right:5px;}
	.footernav li a{ font-size:14px;}
	
	.team_list li{ width:100%; float:none; margin:0 0 3% 0;}
	.team_list li:nth-child(2n){ margin-right:0;}
	
	.content{ padding:3%;}
	.left-slider, .right-slider, .resercehtext, .researchimg{ width:100%; float:none;}
	.right-slider{ height:426px; overflow:hidden; margin-top:20px;}
	
	#carousel li.flex-active-slide a{ font-size:14px;}
	.carousel-li > a{ font-size:14px;}
	
	.page-header{ margin-top:20px;}
	.research-project-ul{ padding:0 5%;}
	
	.researchimg{ margin-top:10px;}
	.researchimg img{ max-width:90%; margin:0 auto; display:block;}
	
	.rjlist li a{ display:block;}
	.rjlist li a .rjimg, .rjlist li a .rjtext{ width:100%;}
	.rjlist li a .rjtext{ margin-top:5%;}
	.rjlist li a .rjtext h3{ font-size:14px;}
	.rjlist li a .rjtext p{ font-size:12px;}
	.rjlist li a .rjtext span{ font-size:12px;}
	
	.singletit{ font-size:18px;}
	.singleteam_body{ padding-top:5%;}
	.date{ padding:10px 0;}
	.date span{ font-size:12px;}
	
	.col-news-title a{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.jiaoliucon{ padding:0;}
	
	.singleteam_body p{ font-size:14px; color:#666;}
	
	.lainxi {
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}
	.lianxi_part {
		width: 50%;
		margin-bottom: 1rem;
		font-size: 14px;
	}
	
	.singleteam_body h3, .singleteam_body h4 {
		font-size: 16px;
	}
	

	
}

.searchContainer{position: relative;}
.searchContainer .search{position: absolute;top: 0;right:0;width: 24px;height: 24px;background: #2f2f2f;border-radius: 50%;transition: all 0.5s;z-index: 4;}
.searchContainer .search:hover{cursor: pointer;}
.searchContainer .search::before{content: "";position: absolute;margin: auto;top: 12px;right: 0;bottom: 0;left: 12px;width: 5px;height: 2px;background: #bfbfbf;transform: rotate(45deg);transition: all .3s;}
.searchContainer .search::after{content: "";position: absolute;margin: auto;top: -2px;right: 0;bottom: 0;left: -2px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #bfbfbf;transition: all .3s;}
.searchContainer input{position: relative;width: 24px;height: 24px;outline: none;border: none;background: #2f2f2f;padding: 0 0px 0 10px;border-radius: 12px;box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2), 0 0 12px 0 rgba(255, 255, 255, 0.2);transition: all 0.5s;opacity: 0;z-index: 5;color: white;text-shadow: 0 0 5px white;font-size:12px;}
.searchContainer input:hover{cursor: pointer;}
.searchContainer input:focus{width: 170px;padding-right:24px;opacity: 1;cursor: text;background: white;color: #2f2f2f;}
.searchContainer input:focus~.search{background: white;z-index: 6;}
.searchContainer input:focus~.search::before{top: 0;left: 0;width: 12px;background: #2f2f2f;}
.searchContainer input:focus~.search::after{top: 0;left: 0;width: 12px;height: 2px;border: none;background: #2f2f2f;border-radius: 0%;transform: rotate(-45deg);}
.searchContainer input::placeholder{color: white;opacity: 0.5;font-weight: bolder;}
/*隐藏栏目*/
.cid19185{display:none}