@media screen and (max-width:1023px)and (min-width:300px)
{
.ky_nav_box{
	height: 7vh;	
}

.ky_nav{
	width: 96%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
    position: static;
}


.ky_nav_main{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: static;
}

.ky_nav_meun{
	display:none;
}

.ky_nav_kai{ display:none;}
.ky_phone_en{ display:block;}
.ky_phone_en a{ font-size:18px;}

.head_search{
	width: 20px;
	margin-left: 1rem;
	margin-right: 38px;
}
.head_search_1{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	
}
.head_search_1 img{ width:100%; height:auto;}
.head_search_1 svg{
	width: 100%;
	height: auto;
	fill:#000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.head_search:hover .head_search_1{ display: none;}
.head_search:hover .nav_menu_search_main{
	 z-index: 5;
    opacity: 1;
}

.nav_menu_search_main{
    position: absolute;
    height: 3rem;
    border-radius: 3rem;
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #0c3f3e;
    top: calc(50% - 1.5rem);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
    opacity: 0;
    transform: translateX(1.8rem);
	width: 360px;
	right: 1rem;
}
.nav_menu_search_main_on{
    z-index: 5;
    opacity: 1;
}

.nav_menu_search_main form{
  	width: 100%;
	height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.nav_menu_search_subbtn{
    font-size: 0;
    cursor: pointer;
}
.nav_menu_search_subbtn_svg{
    width: 1.8rem;
    height: 1.8rem;
    fill:#0c3f3e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_menu_search_main span{
    font-size: 0;
    cursor: pointer;
}
.nav_menu_search_main span svg{
    width: 1.5rem;
    height: 1.5rem;
    fill:#0c3f3e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_menu_search_main span:hover svg{
    fill:#0c3f3e;
}

.nav_menu_search_main input{
    width: calc(95% - 1.8rem);
    height: 90%;
    color: rgba(0,0,0,0.5);
    padding-left: 0.5rem;
    border: 0;
    font-size: 1rem;
}




.menubtn{
		width: 30px;
		height: 26px;
		position: absolute;
		right:2%;
		top: calc(50% - 13px);
		z-index: 2;
		padding: 5px;
	display: block;
	cursor:pointer;
	
	}
	/* nav-icon-5 */
	.nav-icon-5{  width: 30px; z-index: 20;  height:26px; position: absolute;  cursor: pointer; }
	.nav-icon-5 span{  background-color:#000;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:20px; margin-left: 5px;  height: 2px;  transition-duration: 500ms}
	.nav-icon-5 span:nth-child(1){  top:5px;  left: 0px;}
	.nav-icon-5 span:nth-child(2){  top:12px;  left: 0; 	}
	.nav-icon-5 span:nth-child(3){  bottom:5px;  left: 0px;}
	.nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 11.5px;}
	.nav-icon-5.open span:nth-child(2){  opacity:0;}
	.nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 11.5px;}

	.head_nav_phone{
		display: block;
		width: 100%;
		height: calc(100% - 7vh);
		position: fixed;
		top: 7vh;
		background: #fff;
		opacity: 1;
		right:-100%;
		z-index: -9;
		box-shadow: 0 0 25px rgb(0 0 0 / 10%);
		-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
	

	.head_nav_1{
		width:100%;
		height: auto;
		padding: 0 4%;
    
	}
	.head_nav_1:first-child .head_nav_phone_1_1{ border-top: none;}
	
	.head_nav_phone_1_1{
		width:100%;
		height: 54px;
		position: relative;
		font-size: 16px;
		color: #000;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #ddd;
		padding: 0px 5%;
		font-weight: bold;
	}

	.head_nav_phone_1_1 a{color: #000;}	
	.head_nav_1_2{ width:100%; height: auto; overflow:hidden; display:none;padding: 0px 5%; padding-bottom:10px;}
	.head_nav_1_2 a{
		display:block;
		width:100%;
		height: auto;
		position: relative;
		font-size: 14px;
		color: #333;
		line-height:24px;
		font-weight:bold;
		padding: 5px 0;
		}
	

/*nbanner*/
.ky_nbanner{
            aspect-ratio: auto;
        padding: 5vh 0;
		        display: flex;
        flex-direction: column;
        justify-content: center;
}
.ky_nbanner_con{
    width: 96vw;
	height: 100%;
	margin: 0 auto;
    display: flex;
        flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
}
.ky_nbanner_con_left{
	width:100%;
	height:auto;
	 display: flex;
    flex-direction: column;
    justify-content: center;
	position:relative;
	z-index:2;
}


.ky_nbanner_con_cn{
    font-size: 2.5rem;
	padding-bottom:1rem;

}
.ky_nbanner_con_cn:after {
    width: 7rem;
    height: 3px;
}
.ky_nbanner_con_right{
	width:100%;
	height:auto;
	 display: flex;
    flex-direction: column;
    justify-content: center;
	position:relative;
	right:0;
	margin-top:2rem;
	}
.ky_nbanner_con_links{ width:100%; height:auto; position:absolute; top:10%; right:0;display: flex;justify-content: flex-end;    align-items: center;}	
.ky_nbanner_con_links a{ cursor:pointer; margin-left:2rem;}

	
.ky_nbanner_con_right_img{
    position: relative;
}


/*footer*/

.ky_footer_top_warp{
	height:auto;
	padding:2vh 0;
	}
.ky_footer_top{
	 width: 96vw;
	display: flex;
    flex-direction: column;
    justify-content:center;
	}

.ky_footer_logo{
	width: 100%;
	height: auto;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: enter;
}
.ky_footer_logo>a{
	height: 6vh;
}
.ky_footer_logo img{
	height: 100%;
}
.ky_footer_links{
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content:center;
	margin-top:2vh;
	}
.ky_footer_links_img{
	width:4rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
	}
.ky_footer_links a{
	width:4rem;
	height:4rem;
	}
	
.ky_footer_links a:hover .ky_footer_links_img_tu{
	opacity:1;
	z-index:2;
	top:-65px;
	}
	.ky_footer_links_img_tu{
		width:60px;
		height:60px;
		position:absolute;
		top:-60px;
		}	
		.ky_footer_links_img_tu img{
			padding:3px;
			}
	
.ky_footer_bottom{
    width: 96vw;
	height: auto;
     flex-direction: column;
    justify-content:center;
	padding:2vh 0;
	
}
.ky_footer_mune{
	width:100%;
    justify-content: center;
}
.ky_footer_mune a{
	font-size:1.35rem;
	margin-left:1.5rem;
}


.ky_footer_copyright{
    justify-content: center;
	font-size:1.35rem;
	flex-direction: column;
	text-align:center;
	}
.ky_footer_copyright span{
	padding:0px 0;
	}


.ky_footer_back{
		right:-0.5%;
	}

.ky_footer_back a{
	width:30px;
	height:30px;
	}



.ky_map{
    padding-top:1rem;
}
.ky_map_con{
	 width: 96vw;
    padding: 1.571rem 0;
	    flex-direction: row;
		flex-wrap: wrap;
	}

.ky_map_con span{
    padding: 0 0.5rem;
}


.mune_warp{
	padding:2rem 0;
	}
.mune{
	 width: 96vw;
	 font-size: 16px;  
	     flex-wrap: wrap;
	}
  .mune a{
	 font-size: 16px;
	 width:40%;
	 text-align:center;
	 
	 margin:0px 1rem;
	 margin-bottom:10px;
}


.mune span{
    padding: 0 1rem; display:none;
}	

.director_warp{
	 width: 96vw;
	}

.director{
	padding-left:0;
	}
.director_1{
	widht:100%;
	height:auto;
	font-size:0;
	margin-bottom:1rem;
	
	}
	.director_1 img{
		height:1.2rem;
		}

	

.current{
	 width: 96vw;
	margin-top:4vh;
	padding-bottom:4vh;
	}		
	
.current_con{
	min-height: inherit;
	display:flex;
	justify-content: center;
	flex-direction: column;
	}	
	
	
.current_img{
    width: 100%;
	height:auto;
    position: relative;
    top: 0;
}
	
.current_right{
	width:100%;
	padding:2rem 5%;
	margin-top:-10vh; 
	}
.current_1{
	font-size:2rem;
	}

.current_xia{
	margin-top:4vh;
	}	
	
.current_xia_click{
	height:auto;
	overflow:inherit;
	}	
	
.current_xia:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:90%;
	background:#f1f7f5;
	height:calc(100% - 6.428rem);
	}	
	.current_xia:hover  .current_tu img{
	transform: perspective(100px) translateZ(3px);
	}
.current_tu{
    width: 100%;
    position: relative;
	overflow:hidden;
}
	
.current_xia{ display:flex;flex-direction: column-reverse;justify-content: center;}	
	
.current_nei{
	width:100%;
	padding:2rem 5%;
	margin-top:-10vh;  
	min-height:auto;
	    background: rgba(255, 255, 255, 0.9);
	}
.current_nei_1{
	font-size:2rem;
	}
.current_nei_2{
	margin-top:2rem;
	font-size:1.285rem;
		padding-right:0%;
		padding-bottom:0;
	}

.current_link{
	width:100%;
	height:auto;
	    display: flex;
    justify-content: center;
	margin-top:3.285rem;
	}
.current_link a{
	font-size:1.3rem;
	}	



/*Contact*/
.contact_warp{
	width: 96vw;
    padding: 2rem 0 3rem 0;
	position:relative;
	}
.contact{
	width: 100%;
    height: auto;
	position:relative;
	height: auto;
	}
.contact_con{
	width:100%;
	height:100%;
	padding:2rem 1.5rem;
	}
.contact_img{
	position:relative;
	bottom:0;
	right:0;
    width: 100%;
	height:100%;
    font-size: 0;
    overflow: hidden;
}


/*About-OUR People 新4*/
.peoplefour_warp{
	width: 96vw;
    margin-top: 4vh;
    padding-bottom: 3vh;
	}

.peoplefour_tit{
	font-size:2rem;
	}	
.peoplefour_all{
	margin-top:2rem;
	}	
.peoplefour_con{
	width:100%;
	margin-right:0;
	padding:2rem;
	margin-top:1rem;
	height:auto;
	}
.peoplefour_con:nth-child(2),.peoplefour_con:nth-child(3){ margin-top:1rem;}


/*缺*/
.que_warp{
	width: 96vw;
    padding: 2rem 0 3rem 0;
	}
	
.que_xuan select{
	width:50%;
	}	
.que_all{
	width:100%;
	height:auto;
	margin-top:1rem;
	        overflow-x: auto;
	}
.que_1{
	width:1200px;
	border-bottom:2px solid #0c3f3e;
	}	
.que_con{ width:100%; height:auto;border-bottom:2px solid #0c3f3e;}
.que_2{
	width:1200px;
	}
.que_2:nth-child(2n){
	background:#eff3f2;
	}


/*Terms of use and privacy*/
.privacy_warp{
	width: 96vw;
    padding: 2rem 0 3rem 0;
	}
.privacy{
    justify-content:center;
	        flex-direction: column;
	}
.privacy_left{
	font-size: 2rem;
	}	

.privacy_right{
	width:100%;
	margin-top:2rem;
	}
	
	
/*Announcement*/
.announcement{
	flex-direction: column;

    justify-content:center;
	}	
.announcement_left{
	width:100%;
	}	
.announcement_con{
	margin-top:2rem;
	}	
.announcement_con a{
	display: flex;
    justify-content: center;
	flex-direction: column;
	padding-bottom:2rem;
	}	

	
.announcement_img{
	width:100%;
	height: calc(96vw * 170 / 257);
}

.announcement_you{ width:100%; margin-top:2rem;}
.announcement_1{
	font-size:1.75rem;
	line-height:2.25rem;
	}	

.page a{ margin:0 8px;}	


.announcement_right{ width:100%; padding-top:2.857rem;}

	
/*Announcement details*/	
.announcement_details_tit{ font-size:2rem;}

.announcement_details_nei{
	margin:2rem 0;
	}


/*New details*/
.tags_come a{
	margin-bottom:1rem;
	}

/*news*/
.news_con{
	margin-top:2rem;
	display: flex;
    justify-content: center;
	padding-bottom:2rem;
	flex-direction: column;
	}	
	
.news_img{
	width:100%;
	height: calc(96vw * 170 / 257);
}

.news_1{
	margin-top:0;
	
	}	
.news_1 a{ font-size:1.75rem;
	line-height:2rem;
	
	}

	
/*Multimedia*/
.multimedia {
    width: 100%;
    height: auto;
	margin-top:2rem;
}	
.multimedia_all{
	width:100%;
	height:auto;
    display: flex;
        justify-content: flex-start;
    flex-wrap: wrap;
	margin-bottom:2rem;
	}
.multimedia_con{
	width:100%;
	margin-right:0;
	margin-top:2rem;
	}	
.multimedia_con:nth-child(3n){ margin-right:0;}
.multimedia_con:nth-child(2n){ margin-right:0;}
.multimedia_con:nth-child(2),.multimedia_con:nth-child(3){ margin-top:2rem;}
.multimedia_img{
	width:100%;
	height: calc(96vw * 214 / 384);
}

.multimedia_bo img{ width:5rem; height:5rem;}

.multimedia_1{
	margin-top:1.75rem;
	}	

.multimedia_phonecon{
	width:100%;
	height:auto;
	margin-right:0;
	margin-top:2rem;
	}	
.multimedia_phonecon:nth-child(2),.multimedia_phonecon:nth-child(3){ margin-top:2rem;}


.multimedia_videos{ width:96vw; height:100%; margin:0 auto;  position:relative; display: flex;
    align-items: center;} 
	
.multimedia_videos_close{  position:absolute; top:0; width:3rem; height:3rem;  right:0;}
.multimedia_videos_close svg{  padding:20%; }


.multimedia_videos_img{
	width:100%;
	height: calc(96vw * 867 / 1500);
}


/*Multimedia-photo*/
.phone{
	justify-content:center;
	        flex-direction: column;
	}
.phone_left{
	width:100%;
	}
.Photo_all{ width:100%; height:auto; position:relative;}
.phone_con{ width:100%; height:auto; display:none;}
.phone_con_on{ display:block;}
.phone_img{
	width:100%;
	height: calc(96vw * 700 / 996);
}

.phone_nei{  margin-top:2rem;}


.Photo_right{ width:100%; height: 100%; background:#e4eaea; overflow:hidden; margin-top:3rem;        display: flex;
        justify-content: space-between; padding:1vh 0;        align-items: center;}
.phone_prev,.phone_next{ width:15%; height:100%;}
.phone_next svg,.phone_prev svg{ 
	transform:rotate(-90deg);
	}	

.phone_lun{
	width:70%; height:100%;
	}
.Photo_tu img{
	width:100%;
}

/*publications*/
.publications_select{
	    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
	        flex-wrap: wrap;
	margin-bottom:2rem;
	}
.publications_select div:first-child{ width:49%;}	
.publications_xuan{ width:49%; height:4.285rem; margin-bottom:1rem;}

	

.publications_zhe{ width:49%;}


.publications_all{ width:100%; height:auto;
	margin-top:2rem; }
	
.publications_con{
	width:100%;
	height:auto;
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	padding:2rem 0;
	}	
	
.publications_img{
	width:100%;
	height: auto;
}
.publications_img a{ display:block; width:40%; height:100%; cursor:pointer; margin:0 auto; overflow:hidden;}

.publications_you{ width:100%; padding-right:4%; padding-left:4%; margin-top:2rem;}


.publications_biao{
	width:100%;
	height: auto;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding:1rem 0;
	}

.publications_biao span{ padding:0 8px;}	
 
	

/*project*/	
.rojects_left{ width:100%;}
.rojects_right{ width:100%;}
.rojects_mune{
	margin-top:2rem;
	}

	
.projects_come{ width:100%; height:auto; font-size:1.285rem; line-height:2rem; background:#e3eaea; padding:2rem 2.571rem;}
.projects_con{
	width:100%;
	height:auto;
	margin-top:1rem;
	display: flex;
    justify-content:center;
	flex-direction: column;
	padding:2rem 1rem;
	}	
.projects_img{
	width:100%;
	height:auto;
}

.projects_img img{
	width:100%;
	height: auto;
}	
.projects_you{ width:100%; height:auto; padding:1.714rem 0 0 0;}
	

/*project-details*/
.item_warp{
	width: 96vw;
    padding: 2rem 0 3rem 0;
    position: relative;
	}
.item{
    justify-content: center;
	        flex-direction: column;
	}
.item_left{
	width:100%;
	
	}	


.item_right{
	width:100%; margin-top:2rem;
	}
.item_nei{ width:100%; height:auto; padding-bottom:2rem;}	
.item_tit{
	width:100%;
	font-size: 2rem;
	}


.monitore{
	width: 96vw;
    padding: 2rem 0 3rem 0;
	}
.monitore_mune{ width:100%;
	display: flex;
    justify-content: space-between; border-bottom:2px solid #e6f1ee;        flex-wrap: wrap;}
.monitore_mune a{ width:50%; cursor:pointer; font-size:1.25rem;  height:auto; display:flex;    align-items: baseline; margin-bottom:1rem;}
.monitore_mune a:after{
	display:none;
	}	


.monitore_all{ width:100%; margin-top:2.571rem; position:relative; height:auto;}
.monitore_lun{ width:100%; height:auto; overflow:hidden;}
.monitore_con{
	height:auto;
     flex-wrap: wrap;
	padding:2rem; background:#fff;
	}
.monitore_zuo{ width:100%; color:#000; font-weight:bold; font-size:1.428rem; line-height:2.285rem;}


.monitore_you{ width:100%; padding-right:0; margin-top:3rem;}




.two{
	 flex-wrap: wrap;
	}
.two_left{
	width:100%;
	}
.two_all{ width:100%; height:auto; position:relative;}
.two_con{ width:100%; height:auto; display:none;}
.two_con_on{ display:block;}
.two_img{
	width:100%;
	height: calc(96vw * 700 / 996);
}

.two_right{ width:100%; height: auto; padding:1vh 0;display: flex;
    align-items: center;
    justify-content: center;}
	
.two_prev,.two_next{ width:15%; height:9%;}
.two_next svg,.two_prev svg{ transform:rotate(-90deg);}


.two_lun{
	width:70%; height:auto; overflow:hidden; position:relative;
	}


.two_tu img{
	width:100%;
}








/*project apply*/
.que_warp_apply{padding: 0 0 3rem 0;}
.apply{ width:100%; height:auto; margin-top:2rem;        overflow-x: auto;}
.apply_con{ width:1200px; height:auto;}
.apply_titapply{ margin-top:2rem;}


/*Policy-dalogues-FPN1*/
.dalogues_warp{
	width: 96vw;
    padding: 0 0 3rem 0;
	}
.dalogues{
	        flex-wrap: wrap;
	}
.dalogues_left{ width:100%; }
.dalogues_tit {
    font-size: 2rem;
}


.dalogues_right{ width:100%; }

.events_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	background:#eff3f2;
	padding:2rem 0;
	}

.events{
	width: 96vw;
	}

.events_all{ width:100%; margin-left:0; padding:1rem 2rem;overflow-x: auto;}
.events_con{ width:1200px; height:7.142rem; border-bottom:1px solid rgba(0,0,0,0.5); padding-top:1.428rem;}	


.stories_warp{
	width: 96vw;
    padding: 20px 0 3rem 0;
    position: relative;
	}
.stories{
	width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
	}
.stories_mune a{ margin-right:2rem;}


.id_case_bsw{ width:100%; margin-top:2rem; position:relative; height:auto}

.stories_all{ width:100%; margin-top:2rem; position:relative; height:auto;}



.stories_1{
	width:100%;
	height: calc(96vw * 226 / 352);
	font-size: 0px;
	overflow: hidden;
}

.stories_2{  padding-left:2.5rem; }



.stories_resources_1{
	width:50%;
	height: auto;
}
.stories_resources_1 img{
	width:100%;
	height: auto;
}


/*Policy dalogues-WILD*/
.vision_warp{
	margin-top:2rem;
	}

.vision{
	width: 96vw;
	flex-wrap: wrap;
	padding:2rem 1.5rem;
	}
.vision_left{
	width:100%;
	aspect-ratio:auto;
	font-size: 0px;
	overflow: hidden;
	text-align:center;
}
.vision_left img{
	width:50%;
	height:auto;
}
	
.vision_right{ width:100%; margin-top:2rem;}

	
.objectives{
	width: 96vw;
	margin-top:2rem;
	}
.objectives_all{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
    flex-wrap: wrap;
	}
.objectives_con{ width:calc((100% - 1rem) / 2); height: auto;
	flex-wrap: wrap; 
	margin-right:1rem; 
	margin-top:1rem;
	padding:2rem;
	}


.objectives_img{display:flex; flex-direction: column;
    justify-content: center; width:100%; height:auto;    align-items: center;}
.objectives_img_1 img{ width:auto; height:4rem;}	
	
.objectives_you{ width:100%;  padding-right:0; margin-top:1.5rem;}	


.components{ flex-wrap: wrap; 
	}
.components_left,.components_right{ width:100%;}	

.stories_warpa{
	margin-top:3rem;
	}

.storiesa{
	width: 96vw;
    padding: 2rem 0 3rem 0;
	}


/*Capacity Building-AP-FECM*/

.capacity{
	width: 96vw;
	 flex-wrap: wrap;
	 padding:2rem 1rem;
	}
.capacity_left{
	width:100%;
	aspect-ratio:auto;
	font-size: 0px;
	overflow: hidden;
	text-align:center;
}
.capacity_left img{
	width:50%;
	height:auto;
}
	
.capacity_right{ width:100%; margin-top:2rem;}		

/*Policy dalogues-TIF*/
.objectivesa{ margin-top:2rem;}
.policy{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.policy_con{ width:100%;
	margin-right:0; 
	margin-top:1rem;
	padding:2rem 3rem;
	}
.policy_con:nth-child(2),.policy_con:nth-child(3){ margin-top:1rem;}


.policy_con:hover .policy_img{ margin-top:-10px;}

.policy_img img{ width:auto; height:5.785rem;}	
	

/*Policy dalogues-Supporting APEC-forestry dialogues*/


.forestry_warp{
	padding-bottom:3rem;
	}
.forestry_img{
	width:100%;
	aspect-ratio: 1200 / 500;
}

.forestry{
	width: 96vw;
	margin-top:-3rem;
	background:#fff;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
	position:relative;
	z-index:2;
	padding:1.714rem 2rem 3rem 2rem;        overflow-y: auto;
	}
.forestry_all{ width:1200px; height:auto; background:#fff; }


.privacy_warp_bian{ width:100%; height:auto; position:relative;}
.privacy_warp_bian:after {
   display:none;
}
.privacy_warp_bian .privacy_warp{ position:relative; z-index:3; padding-top:2rem;}


/*Policy dalogues-GCA-FCM*/


.guided{
	width: 96vw;
	flex-wrap: wrap;
	}
.guided_left{
	width:100%;
	aspect-ratio:auto;
	font-size: 0px;
	overflow: hidden;
}
.guided_left img{
	width:100%;
	height:atuo;
}
	
.guided_right{ width:100%; margin-top:2rem;}

.fcm_warp{
	width: 96vw;
	}

.fcm_tit{ width:100%; font-weight:bold; font-size:1.285rem; color:#000; line-height:4.285rem; padding-top:2rem;}


.fcm_all{ width:96vw;  margin-left:0; margin-top:2rem; padding:0.857rem 2rem 1.5rem 2rem;overflow-x: auto;}
.fcm_con{ width:1200px;}	


/*GFN2-University President Forum*/

.university_con{ width:calc((100% - 15px) / 2); height: auto;
	display:flex;
	flex-direction: column;
	margin-right:15px; 
	margin-top:15px;
	}

.university_con:nth-child(2n){ margin-right:0;}
.university_con:nth-child(3),.university_con:nth-child(4){ margin-top:15px;}


.privacytop{ margin-top:4vh;}



/*GFN1*/
.mission_warp{
	width: 96vw;
	}
.mission{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	aspect-ratio: 1200 / 500;
	}
.mission_con{ width:15%; height:100%;}
.mission_con:nth-child(2n){ margin-top:20px;}
.mission_con_on{ width:52%;}

.mission_nei{ height:100%;}
.mission_1{ padding: 0 1rem; color:#fff; font-size:1.285rem; line-height:1.857rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}	

.programme_warp{
	width: 96vw;
    padding:3rem 0;
    position: relative;
	}
.programme{
	flex-direction: column;
	}
.programme_left{ width:100%;  padding:2rem 1.5rem;}

.programme_right{ width:100%; background:#e4eaea; padding:2rem 1.5rem;}

/*About-OUR People 新*/
.ren {
    width: 96vw;
}

	
.ren_con{ width:49%;
	margin-right:2%; 
	margin-top:calc(96vw * 0.02);
	}

.ren_con:nth-child(2n){ margin-right:0;}
.ren_con:nth-child(3),.ren_con:nth-child(4){ margin-top:calc(96vw * 0.02);}

.ren_img{
	width:100%;
	height: calc(96vw * 0.49 * 360 / 275);
}



.members{
	 width: 96vw;
	margin-bottom:5vh;
	
	}
	
.members_zhan{ height:auto; overflow:inherit;padding-top:3.285rem;}	
	
.members_con{ width:49%; 
	margin-right:2%; 
	margin-top:calc(96vw * 0.015);
	}

.members_con:nth-child(2n){ margin-right:0;}
.members_con:nth-child(3),.members_con:nth-child(4){ margin-top:calc(96vw * 0.015);}




/*About-OUR People 新2*/
.Persons{ width:100%; height:auto; border-top:2px solid #093d3c; border-bottom:2px solid #093d3c; overflow:auto;}
.Persons_con{ width:1200px; height:auto;}



/*CFN2*/
.privacya{ margin-top:3rem;}
.segment_warp{ width:100%; height:auto; background:#e4eaea; padding:3rem 0;}
.segment{
	width: 96vw;
        flex-direction: column;
	}
.segment_img{
	display:none;
}

.segment_right{	width:100%; }

	
.plan{ margin-top:3rem; height: calc(var(--mainwidth) * 165 / 1200);}	


.plan_bg{ position:absolute; top:0; left:0; width:100%; height:100%;font-size: 2rem; padding:0 2rem;
}	

.plan_dian{ width:38px; height:38px; bottom:1.428rem; right:4%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}	
.plan_dian img{ width:100%; height:100%;}	

	
/*About-Our reach 新1*/
.reach{
	width: 96vw;
	}	


.status{
	width: 96vw; overflow-x:auto;
	}

.status_tit{ width:1200px; }	
	
.status_tit_1{ width:25%; padding-left:1.5rem;}

.status_all{ width:1200px; }

	
.agencies{
	width: 96vw;
	margin-bottom:3rem;
	}
.agencies_mune{
	 width: 100%;
	height: auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;        flex-wrap: wrap;
	}
  .agencies_mune a{
	width:50%; margin-bottom:1.5rem;
}

	 .agencies_mune a:nth-child(1):after,.agencies_mune a:nth-child(3):after { display:none;}


.agencies_all{margin-top:2rem;} 	


/*About-Our work 新1*/
.ourwork{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.ourwork_con{ width:100%;
	margin-right:0; 
	margin-top:15px;
	padding:1.5rem 2rem;
	}

.ourwork_con:nth-child(2),.ourwork_con:nth-child(3){ margin-top:15px;}
.ourwork_tit{  margin-top:1.5rem;}	


.focus{
	    width: 96vw;
    margin-top:2rem;
	    display: flex;
    justify-content: space-between;
	padding-bottom:3rem;
	flex-wrap: wrap;
	}
.focus_left{
	width:100%; position:relative;
	}
.focus_left:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 296px;
    font-size: 0;
    background: url(../images/Ourwork_17.png) no-repeat center;
	background-size:100% auto;
    left: -0;
    bottom: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}		


.focus_right{ width:100%; padding:2rem;}



	
/*Capacity Building-TTP*/

.mongolia_select{ position: absolute; top:0px; right:0;}
	

.facilities{
	width: 96vw;
	padding-top: 2.285rem;
	}	
.facilities_all{
	width: 100%;
    margin-left: 0;
    height: auto;
	}	
.facilities_lun{ width:100%; height:auto;  overflow:hidden;}	
.facilities_con{ width:100%; height:auto;}	
.facilities_con a{flex-wrap: wrap;}
.facilities_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.facilities_img img{
	width:100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.facilities_right{ width:100%; height:auto; background:#e4eaea; padding:1.5rem;}



/*Capacity Building-SANFRI-CAS1*/
.sanfri_wai{ width:100%; height:auto;}
.sanfri_wai .peoplefour_tit{
	width: 96vw;
	}

.sanfri_warp{
	 width: 100%;
	margin: 0 auto;
	    height: auto;
		position:relative;
	}
.sanfri_bg{ width:100%; height:100%; position:absolute; top:0; background:#fff;}
.sanfri_bg img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	opacity:0.1;
}

.sanfri{
	width: 96vw;
	height: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	}
.sanfri_left{
	width:100%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
}

	
.sanfri_right{ width:100%; padding:1.5rem;}

.scholar{
	    width: 96vw;
    padding: 2rem 0 3rem 0;
    position: relative;
	}

  .scholar_mune a{
	 font-size: 1.25rem;
}



.scholar_all{ width:100%; height:auto; margin-top:30px;}
.scholar_con{ width:100%; height:auto; display:none;}
.scholar_con_xian{ display:block;}

.support{ flex-wrap: wrap;
	min-height:auto;
	}
.support_img{
	position: relative;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height: calc(96vw * 268 / 400);
}

.support_right{
	width:100%;
	margin-top:0rem;
	padding:20px;
	}

	
.expert{ width:100%; height:auto; margin-top:4rem;overflow-x: auto;}
.expert_con{
	width:100%;
	height:auto;
	border-top:2px solid #093d3c;
	border-bottom:2px solid #093d3c;
	}	


.support_right .director_4{ margin-top:1.5rem;}
.support_comea{ margin-top:1.5rem;}

.seed{
    width: 100%;
    height: auto;
    border-top: 2px solid #093d3c;
    border-bottom: 2px solid #093d3c;
}
.seed_one{
	width:100%; border-bottom:2px solid #093d3c; display:flex;justify-content: flex-start; align-items: center; font-size:1.714rem; color:#000; font-weight:bold; padding-bottom:1rem;
	}
.seed_one_1{ padding-left:1.5rem; width:45%;}
.seed_one_2{ width:41%;}

.seed_all{ width:100%; height:auto; border-bottom:2px solid #093d3c;}
.seed_all .seed_1:nth-child(2n){
    background: #eff3f2;
}
.seed_1{
	width:100%; display:flex;justify-content: flex-start;  font-size:1.285rem; color:#000; line-height:1.857rem; padding:18px 0;
	}
.seed_1_1{ padding-left:1.5rem; width:45%; padding-right:80px;}
.seed_1_2{ width:41%; padding-right:100px;}



.team {
    width:100%;
    margin-top: 0;
	flex-direction: column;
	padding:20px;
}
.team_left{ padding-top:0; width:100%;}

.team_right{ width:100%;}



.seed_three{
	width:1200px;
	}

.seed_all{ width:1200px; }




/*Capacity Building-ASP*/
.host_warp {
    height:auto;
}
.host{
	width: 96vw;
	}
.host_lun{ width:100%; height:100%; position:relative;}

.host_con{         flex-direction: column;}	
.host_img{
	width:100%;
	height: auto;
	font-size: 0px;
	overflow: hidden;
}

.host_right{
	width:100%; padding:2rem; padding-bottom:5rem;
	}

.features{
	width: 96vw;
    padding: 2rem 0 3rem 0;
    position: relative; flex-direction: column;
	}
.features_left{
	width:100%;
	}	


.features_right{ width:100%;}

.level{
	width: 96vw;
    padding: 2rem 0 3rem 0;
    flex-direction: column;
	}
.level_1{
	width:1200px; 
	}



.level_all{ width:1200px; height:auto; border-bottom:2px solid #093d3c;}


.pic{
	width: 96vw;
    height: calc(96vw * 425 / 1000);
    margin: 0 auto;
	overflow:hidden;
	}

.pic_lun .pagination_pic{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:18px;
	text-align: right;
	left:inherit;
	right:18px;
}


.pic_tit {
    width: 100%;
    font-size: 1.857rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 3.285rem;
	position:relative;
}
.pic_select{ position:  relative; top:0px; right:0; margin-top:1.5rem;}
.pic_select select{
	width: 48%;

	margin-left:0; margin-right:1%;
	}

.network {
    width: 96vw;
	margin-bottom:3rem;
}
.pic_tit_share{ position: relative; top:0; right:0;display: flex;
    justify-content:flex-start;
align-items: center; margin-top:1.5rem;}



.network_con{ width:calc((100% - 15px) / 2); height: auto;
	display:flex;
	flex-direction: column;
	 background:#eff3f2;
	margin-right:15px; 
	margin-top:15px;
	padding:20px 16px;
	}

.network_con:nth-child(2n){ margin-right:0;}
.network_con:nth-child(3),.network_con:nth-child(4){ margin-top:15px;}




/*About-OUR ORGANIZATION新2*/
.history_warp{
	width: 100%;
    height:  auto;
    position: relative;
    background: #eff3f2;
	padding:40px 0;
	overflow:hidden;
	}
.history{
	width: 96vw;
	}
.history_all{
	width:100%; height:auto; position:relative; margin-left:0%; margin-top:30px;
	}
.history_year{
	    width: 100%;
    font-size:50px;
    color: #093d3c;
    font-family: impact;
	line-height:70px;
	position: relative;
	}	
.history_lun{ width:100%; margin-left:0; height:auto; position:relative; min-height:674px;}
	
.history_lun .swiper-slide{ display:none;}
.history_lun .swiper-slide-active{ display:block;}


.history_con{ width:100%; height:100%;display: flex; justify-content: space-between; position:relative; flex-direction: column;}
.history_con:after{
	position: absolute;
    content: '';
    width: 1152px;
    height: 674px;
    font-size: 0;
    background: #fff;
    left: calc((100% - var(--mainwidth)) / 2);
    top: 0;
	}
.history_left{
	margin-left:0;
	width:100%;
	padding-top:10px;
	position:relative;
	 z-index:2;
	 padding-right:0;
	}	
.history_right{
	width:100%; margin-top:20px; position:relative; z-index:2;
	}	
.history_top{ width:100%; height:auto; position:relative;  padding-right:0;}	

.history_1{
	width:100%;
	height: 100%;
	background:#c9d4d4;
	position: relative;
	left:0;
	bottom:0;
	}
.history_2{ display:none;}	
.history_come{ width:100%; padding:0 15px; font-size:18px; color:#000; line-height:26px; margin-top:20px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
}	

.history_btn{ position:absolute; bottom:0; right:0;    width: 100%;
    height: 58px;
    display: flex;
    justify-content: end; z-index:5;}
.history_btn a{
    width: 38px;
    height: 38px;
}





.values{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.values_con{ width:calc((100% - 15px) / 2); height: auto;
	margin-right:15px; 
	margin-top:15px;
	}

.values_con:nth-child(2n){ margin-right:0;}
.values_con:nth-child(3),.values_con:nth-child(4){ margin-top:15px;}


.values_img{ width:100px; height:100px;}	
	
.values_tit{ font-size:1.571rem; line-height:2rem;
    overflow: hidden; text-align:center; font-weight:bold; background:#e8efed; margin-top:-55px;  height:190px; padding-top:10px;display: flex;
    }
	
	
/*index*/
.big{ width:100%; height:30vh; }
.big .pagination_big{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:4%;
	text-align: left;
	left:2vw;
	
}
.big .swiper-pagination-bullet { 
	display: inline-block; 
	width:10px; 
	height:10px; 
}



.big_nei{
	width: 96vw;
	}
.big_1{
	width: 100%;
    font-size: 2.5rem;
    color: #fff;
    font-family: impact;
	line-height:3rem;
	padding-top:15%;
	}

.big_2{ width:100%; height:auto; margin-top:20px;display: flex;
    align-items: center;}	
.big_2 a{ padding:0 42px; font-size:16px; height:3.5rem; 
	}
	
.big_2 span{ font-size:16px; font-family:'宋体'; margin-left:0.5rem;}


.active_warp{ 
	padding:26px 0 25px 0; background:#fff;}
.active{
	width: 96vw;
	}
.active_all{
	flex-direction: column;
		margin-top:24px;
	}	
.active_left{
	width:100%;
	height:auto;
	}	

.active_rong{ width:100%; height:auto; margin-right:0; margin-top:20px;}	
.active_rong:nth-child(2){ margin-top:20px;}

.active_come{
	margin-top:0;
	}
.active_nei{
	font-size:18px;
	}

.active_right{ width:100%;}
.active_shu{
	width:100%; height:auto;    display: flex;
    justify-content: space-between;
    flex-direction: column;
	}
.active_yi{
	width:100%;
	height:auto;
	
	}

.active_yi:nth-child(1) a{justify-content: flex-start; padding-top:0px;}



.restor_warp{ width:100%; height:26vh;}

.restor{
	width: 96vw;
	}


.restor_lun .pagination_restor{ 
	bottom:10px;
}
.restor_lun .swiper-pagination-bullet { 
	display: inline-block; 
	width:10px; 
	height:10px; 
}



.restor_con{
	width:100%;
	height:100%;
	position:relative;
	}
.restor_img{ width:100%; height:100%;}	
.restor_img img{ width:100%; height:100%;object-fit: cover;
	object-position: center;}	




.action{
	width: 96vw;
	padding:26px 0 25px 0;
	}
.action_all{ flex-direction: column;}
.action_left{
	width:100%;
	}
.action_top{ width:100%; height:258px;}
.action_top a{  padding:0 25px; overflow:hidden;}
.action_top_1{ color:#fff; font-size:18px; line-height:26px;}
.action_bottom{ width:100%; margin-top:18px; flex-direction: column;}
.action_bottom_left{ width:100%; height:258px;}


.action_bottom_tit{  font-size:18px; line-height:26px; min-height:82px;}	


.action_bottom_right{ width:100%; height:258px; margin-top:18px;}

.action_right{ width:100%; height:258px;margin-top:18px;}


.action_xia{
    margin-top: 18px;
    flex-direction: column;
	}
.action_zuo{
	width: 100%;
    height: 258px;
	}




.action_you{ width:100%; height:258px;  margin-top:18px;}


.tools_warp{  padding:26px 0 25px 0;}
.tools{
	 width: 96vw;
	}
.tools_all{ width:100%; margin-top:24px;flex-direction: column;
height:auto;
}
.tools_left{ width:100%; height:290px; position:relative;}
.tools_con{ width:100%; height:100%;}


.tools_con_nei{ position:absolute; bottom:20px; left:0; padding:0 20px;}
.tools_con_nei_1{ font-size:18px; color:#fff; line-height:26px; width:76%;}




.tools_right{ width:100%; height:100%}
.tools_mune{ width:100%; height:100%; display:flex; justify-content: space-between;}
.tools_mune a{ display:flex; height:100%; width:calc(100% / 3); position:relative;        flex-direction: column-reverse;
        justify-content: center; background:#e4eaea; padding:20px 0;}

.tools_mune a:nth-child(2){ background:#d4dddd;}
.tools_mune a:nth-child(3){ background:#c1cdcd;}

.tools_mune_tit{ width:100%; height:auto; font-size:18px;  padding-left:0; text-align:center; margin-top:10px;
}

.tools_mune_img{ width:50px; height:50px; top:0; position: relative; right:0; margin:0 auto;}
.tools_mune_img img{ width:100%; height:100%;}


	.global_warp{ width:100%; height: auto; padding:5vh 0;    background-size: auto 100%;}
	.global_img_2 {
		width:100%; height:12px; 
	}
	
	.global_img_3 {
		width:100%; height:12px; position:absolute; bottom:0; left:0;
	}
		
	
	.global_img_1{ 
	width:100%; height:12px; 
	 --vamtam-fg-layer-bg-color:  #fff;
		--vamtam-fg-layer-mask-image:url(../images/cap-3-2.svg);
		--vamtam-fg-layer-mask-size: cover;
		--vamtam-fg-layer-mask-position: bottom center;
	}
	
	.global{
		 width: 96vw;
		}
	.global_1{ width:100%; height:auto; text-align:center; font-size:0;}	
	.global_1 img{ width:5rem;} 
	.global_2 {
		font-size: 2rem;
	}	
	.global_3{ font-size:1.25rem; line-height:1.571rem; margin-top:1.714rem;}
	
	
	.global_4{  margin-top:2rem;display:}	
	.global_4 a{ padding:0 3rem; font-size:1.25rem;  height:3rem; 
		}	
	.global_4 span{ font-size:1.5rem; margin-left:0.5rem;}


	.Publications{
			width: 96vw;
		padding: 20px 0 26px 0;
		}
	.Publications_tit {
		font-size: 26px;
	}	
	.Publications .stories_all{ margin-top:20px;}


/*视频弹框*/
.videolayer{
	width:100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	top: 0vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: scale(0);
}
.videolayer_con{
	width:45%;
	height: auto;
	margin: 0px auto;
	font-size: 0px;
	position: relative;
}
.videolayer_con_video{
	width:100%;
	height: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scale(0);
}
.videolayer_btn{
	width:35px;
	height: 35px;
	position: absolute;
	background-color: #1f52a2;
	border-radius: 50%;
	background-image: url("../images/video_close.png");
	background-size: 40% 40%;
	background-repeat: no-repeat;
	background-position: center;
	right: -18px;
	top: -18px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}


	
}