/*导航*/
.ky_nav_box{
	width: 100%;
	height: 10vh;	
	position: sticky;
	top: 0;
    background: #FFFFFF;
	z-index: 1000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	-moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
}
.ky_nav_box_index{
	position: fixed;
	top: 0;
    background: none;
}
.ky_nav_box_index_on{
    background: #FFFFFF;
    -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
}


.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_logo{
	width: auto;
	height: 100%;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.ky_nav_logo>a{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}

.ky_nav_logo img{
	width: auto;
	height: 50%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

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

.ky_nav_meun{
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    position: static;
}
.ky_nav_meun_tiem{
	width: auto;
	height: 100%;
    margin: 0 1.42rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ky_nav_meun_tiem>a{
    width: auto;
	height: auto;
	position: relative;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-family: opm;
    color: #000000;
    padding: 0.5rem 5px;
    
}


.ky_nav_meun_tiem>a:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    font-size: 0;
    background: var(--OneColor);
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ky_nav_meun_tiem:hover>a:after{
    transform: scaleX(1);
}
.ky_nav_meun_tiemon>a:after{
    transform: scaleX(1);
}



.ky_nav_meun_tiem:hover .ky_nav_meun_tiem_down{
    height: auto;
	overflow:inherit;
}
.ky_nav_meun_tiem:hover .ky_nav_meun_tiem_down_warp{
    opacity: 1;
    height: auto;
    padding: 4rem 0;
	margin-top:0;
}

.ky_nav_meun_tiem_down{
    position: absolute;
	left: 0;
    top: 100%;
    width: 100%;
    height: 0;
	overflow: hidden;
}
.ky_nav_meun_tiem_down_warp{
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #001d3d;
    margin-top:10px;
    -moz-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
    padding: 4rem 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}


.ky_nav_meun_nei{
	width: 1500px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 7%;
	flex-wrap: wrap;
	}
.ky_nav_meun_nei a{
	width:25%;
	padding-left:2.285rem;
	background:url(../images/people_11.png) no-repeat left;
	background-size:11px;
 
    font-size:1.428rem;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
}
.ky_nav_meun_nei a:hover{
    color: var(--OneColor);
}


.ky_nav_meun_nei_shu{
	    flex-direction: column;
    justify-content: flex-start;
	}
.ky_nav_meun_nei_shu a{
    display: block;
    text-align: left;
	line-height:3.285rem;
	width:100%;
}



.ky_nav_kai{
	margin-left:1.42rem;
}


/* Button 1 */

.toggle-button-cover
{
    display: table-cell;
    position: relative;
    width: 100px;
    height: 100%;
    box-sizing: border-box;
}

.button-cover
{
    height:  100%;
    background: #fff;
    border-radius: 4px;
}

.button-cover:before
{
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
	display:none;
}

.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button
{
    position: relative;
    top: 50%;
    width: 100px;
    height: 30px;
    overflow: hidden;
	border:1px solid #0c3f3e;
	    margin-top: -15px;
}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.button.b2
{
    border-radius: 20px;
}

.checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color: #fff;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 13 */
#button-13 .knobs:before, #button-13 .knobs:after, #button-13 .knobs span
{
    position: absolute;
    top: 7px;
    width: 60px;
    height: 16px;
    font-size: 14px;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    border-radius: 50%;
    transition: 0.3s ease all;
}

#button-13 .knobs:before, #button-13 .knobs:after
{
    color: #4e4e4e;
    z-index: 1;
}

#button-13 .knobs:before
{
    content: 'English';
    left: 4px;
}

#button-13 .knobs:after
{
	width:16px;
    content: 'China';
    right: 4px;
	color:rgba(255,255,255,0);
}

#button-13 .knobs span
{
    width: 16px;
    left: 74px;
    background-color: #0c3f3e;
    z-index: 2;
}

#button-13 .checkbox:checked + .knobs span
{
    left: 4px;
    background-color: #0c3f3e;
}
#button-13 .checkbox:checked + .knobs:after
{
	width: 60px;
    color:#0c3f3e;
}
#button-13 .checkbox:checked + .knobs:before
{
    color:rgba(255,255,255,0);
}
#button-13 .checkbox:checked ~ .layer
{
    background-color: #fff;
}




.head_search{
	height: 100%;
	position: relative;
	width: 1.25rem;
	margin-left: 2.84rem;
}
.head_search_1{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	
}
.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,.ky_phone_en,.head_nav_phone{
	display: none;
}




/*nbanner*/
.ky_nbanner{
    width: 100%;
    aspect-ratio: 1920/520;
    position: relative;
}
.ky_nbanner_img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    font-size: 0;
}
.ky_nbanner_img img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ky_nbanner_con{
    width: calc(var(--mainwidth) + 16vw);
	height: 100%;
	margin: 0 auto;
    display: flex;
        flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}
.ky_nbanner_con_left{
	width:auto;
	height:100%;
	 display: flex;
    flex-direction: column;
    justify-content: center;
	position:relative;
	z-index:2;
}


.ky_nbanner_con_cn{
    font-size: 4.285rem;
    color: #FFFFFF;
	padding-bottom:2.285rem;
	position:relative;
	/**/
}
.ky_nbanner_con_cnzi{font-family:impact;}
.ky_nbanner_con_cn:after {
    position: absolute;
    content: '';
    width: 10rem;
    height: 5px;
    font-size: 0;
    background:#b51423;
    left: 0;
    bottom: 0;
}
.ky_nbanner_con_right{
	width:65%;
	height:100%;
	 display: flex;
    flex-direction: column;
    justify-content: flex-end;
	position: absolute;
	right:0;
	
	}
.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{
    width: 100%;
    aspect-ratio: 985 / 485;
	
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: -15%;
    font-size: 0;
}
.ky_nbanner_con_right_img img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*footer*/
.ky_footer_box{
    width: 100%;
    height: auto;
    position: relative;
}


.ky_footer_top_warp{
	
	width:100%;
	height:16vh;
	background:#0c3f3e;
	}
.ky_footer_top{
	 width: 1200px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	}

.ky_footer_logo{
	width: auto;
	height: 100%;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.ky_footer_logo>a{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}

.ky_footer_logo img{
	width: auto;
	height: 50%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ky_footer_links{
	width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	}
.ky_footer_links_img{
	width:4.142rem;
	height:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
	margin-left:2rem;
	}
.ky_footer_links a{
	width:4.142rem;
	height:4.142rem;
	background:#fff;
	border-radius:50%;
	position:relative;
	cursor:pointer;
	}
	
.ky_footer_links a:hover .ky_footer_links_img_tu{
	opacity:1;
	z-index:2;
	top:-110px;
	}
	.ky_footer_links_img_tu{
		width:100px;
		height:100px;
		position:absolute;
		top:-100px;
		left:-50%;
		background:#fff;
		border-radius:4px;
		-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);
	
		-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity:0;
	z-index:-1;
		}	
		.ky_footer_links_img_tu img{
			width:100%;  height:100%;
			padding:5px;
			}
	
.ky_footer_links a img{
	width:100%;  height:100%;
	}
.ky_footer_bottom{
    width: 1200px;
    width: var(--mainwidth);
	height: 20vh;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	position:relative;
}
.ky_footer_mune{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.ky_footer_mune a{
	 font-family: opm;
    color: #000000;
	font-size:1.571rem;
	cursor:pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-left:4.285rem;
}
.ky_footer_mune a:nth-of-type(1){ margin-left:0;}
.ky_footer_mune a:hover{
    color: var(--OneColor);
}

.ky_footer_copyright{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
	 font-family: opm;
    color: #000000;
	font-size:1.571rem;
	}
.ky_footer_copyright span{
	padding:0px 2.142rem;
	}


.ky_footer_back{
	    position:absolute;
		right:-12.5%;
		-webkit-animation: shang 3s infinite;
	}

.ky_footer_back a{
	cursor: pointer;
	width:58px;
	height:58px;
	background:#093d3c;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.ky_footer_back a:hover{ background:#b41522;}
.ky_footer_back a img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	}

@keyframes shang
{
    0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(15px);
	}
	100% {
		transform: translateY(0px);
	}
}

.ky_map{
    width: 100%;
	height: auto;
	margin: 0 auto;
    padding-top:5.428rem;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.ky_map_con{
	 width: calc(var(--mainwidth) + 16vw);
	height: auto;
	margin: 0 auto;
    padding: 2.571rem 0;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	color: #000000;
	 font-size: 1.25rem;
	}

.ky_map_con a{
    color: #000000;
	 font-size: 1.25rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ky_map_con a:hover{
    color: var(--OneColor);
}
.ky_map_con span{
    font-size: 1.125rem;
    padding: 0 1.425rem;
    font-family: '宋体';
    font-weight: bold;
}


.mune_warp{
	width:100%;
	height:auto;
	padding:5.714rem 0;
	}
.mune{
	 width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	color: #000000;
	 font-size: 1.428rem;
	}
  .mune a{
    color: #000000;
	 font-size: 1.428rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
	position:relative;
	font-weight:bold;
}
 .mune a:after{
	 position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    font-size: 0;
    background: #a4afaf;
    left: 0;
    bottom: -4px;
    transform: scaleX(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	 }
  .mune a.mune_a:after{
	  transform: scaleX(1);
	  }
	   .mune a.mune_a{
	 color:#093d3c;
	  }
.mune a:hover:after{
    transform: scaleX(1);
}
.mune a:hover{
	color:#093d3c;
}

.mune span{
    padding: 0 2.571rem;
    font-family: '宋体';
    font-weight: bold;
}	

.director_warp{
	 width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	}

.director{
	width:100%;
	height:auto;
	padding-left:34%;
	}
.director_1{
	widht:100%;
	height:auto;
	font-size:0;
	margin-bottom:1.714rem;
	
	}
	.director_1 img{
		heith:1.714rem;
		width:auto;
		}
	.director_2{
		width:100%;
		height:auto;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-top:2rem;
		}	
		
	.director_3{
		width:100%;
		height:auto;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-top:2.285rem;
		}	
	.director_4{
		width:100%;
		height:auto;
		margin-top:2.285rem;
		padding-left:2rem;	
		}
.director_4_1 {
    width: 100%;
    height: auto;
    background: url(../images/people_24.jpg) no-repeat left 0.35rem;
    background-size: 1.142rem;
    padding-left: 2.285rem;
    font-size: 1.285rem;
    line-height: 1.857rem;
    color: #000;
    margin-bottom: 1rem;
}


.director_4 p{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2.285rem;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-bottom:1rem;
		}	

.current{
	 width: 1200px;
    width:calc(var(--mainwidth) + 16%);
	height: auto;
	margin: 0 auto;
	margin-top:20vh;
	padding-bottom:12vh;
	}		
.current_all{
	width:100%;
	height:auto;
	}	
.current_con{
	width:100%;
	height:auto;
	position:relative;
	min-height:80vh;
	display:flex;
	justify-content: flex-end;
	}	
	
.current_con:hover  .current_img img{
	transform: perspective(100px) translateZ(3px);
	}	
.current_img{
    width: 36%;
	height:auto;
    position: absolute;
    z-index: 0;
    left: 0;
    top: -5.428rem;
    font-size: 0;
	-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);
	overflow:hidden;
}
.current_img img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: perspective(100px) translateZ(0);
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}		
.current_right{
	width:72%;
	background:rgba(255,255,255,0.9);
	padding:5.428rem 10%; 
	min-height:80vh;
	z-index: 22;
	position:relative;
	-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);
	}
.current_1{
	color:#000;
	font-size:2.285rem;
	font-family:opb;
	}
.current_2{
	width:100%;
	height:auto;
	margin-top:2rem;
	font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
	}	


.current_xia{
	width:100%;
	position:relative;
 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-top:10vh;
	height:0px;
	overflow:hidden;
	}	
	
.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: 36%;
	height:auto;
    position: absolute;
    z-index: 2;
    right: 0;
    top:0;
    font-size: 0;
	-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);
	overflow:hidden;
}
.current_tu img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: perspective(100px) translateZ(0);
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}		
.current_nei{
	width:72%;
	padding:0 8%; 
	min-height:55vh;
	z-index: 22;
	position:relative;
	}
.current_nei_1{
	color:#000;
	font-size:2.285rem;
	font-family:opb;
	}
.current_nei_2{
	width:100%;
	height:auto;
	margin-top:7.572rem;
	font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		padding-right:10%;
		padding-bottom:5.714rem;
	}

.current_link{
	width:100%;
	height:auto;
	    display: flex;
    justify-content: center;
	margin-top:3.285rem;
	}
.current_link_a{ height:0px; overflow:hidden; margin-top:0;}	
.current_link a{
	cursor:pointer;
	font-size:1.428rem;
	    color:#fff;
		position:relative;
		height:4.285rem;
		display:flex;
		    flex-direction: column;
    justify-content: center;
	background:#093d3c;
	padding:0 1.714rem;
	}	

.current_link a span{
	background:url(../images/People1_xia.png) no-repeat right;
	padding-right:4rem;
	  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	

.current_link a:hover span{
	padding-right:4.5rem;
	}


/*Contact*/
.contact_warp{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
	position:relative;
	}
.contact{
	width: 100%;
    height: auto;
	position:relative;
	height: calc(var(--mainwidth) * 348 / 1200);
	}
.contact_con{
	background:#eff3f2;
	width:33.75%;
	height:100%;
	padding:3rem 1.5rem;
	}
	.contact_1{
		width:100%;
		height:auto;
		display:flex;
		justify-content: space-between;
		margin-top:1rem;
		}
	.contact_1:nth-child(1){ margin-top:0;}	
	.contact_1_left{
		width:2.714rem;
		height:2.714rem;
		border-radius:50%;
		overflow:hidden;
		background:#0c3f3e;
		}	
	.contact_1_left img{
		width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	
		}
		
	.contact_1_img{
		width:calc(100% - 3.571rem);
		padding-right:4.285rem;
		font-size:1.285rem;
		line-height:2.714rem;
		font-family:open_r;
		}	
.contact_1:nth-child(3) .contact_1_img,.contact_1:nth-child(4) .contact_1_img{
	line-height:1.857rem;
	padding-top:0.25rem;
	}
.contact_img{
	position:absolute;
	bottom:-2.142rem;
	right:0;
    width: 69.5%;
	height:100%;
    font-size: 0;
    overflow: hidden;
}
.contact_img img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*About-OUR People 新4*/
.peoplefour_warp{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 10vh;
    padding-bottom: 12vh;
	}
.peoplefour{
	width:100%;
	height:auto;
	}
.peoplefour_tit{
	width:100%;
	font-size:2.285rem;
	color:#000;
	font-family:impact;
	}	
.peoplefour_all{
	width:100%;
	height:auto;
	margin-top:2.285rem;
	    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}	
.peoplefour_con{
	width:calc((100% - 3rem) / 3);
	height: calc(var(--mainwidth) * 0.3183 * 430 / 382);
	margin-right:1.5rem;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgb(0 0 0 / 8%);
    box-shadow: 0px 4px 35px 0 rgb(0 0 0 / 8%);
	border-top:4px solid #0c3f3e;
	padding:2.285rem;
	margin-top:1.5rem;
	}
.peoplefour_con:nth-child(3n){ margin-right:0;}
.peoplefour_con:nth-child(1),.peoplefour_con:nth-child(2),.peoplefour_con:nth-child(3){ margin-top:0;}
.peoplefour_con:hover .peoplefour_1{color:#093d3c;}


.peoplefour_1{
	width:100%;
	font-size:1.714rem;
	color:#000;
	line-height:2.142rem;
	height:4.284rem;
	overflow:hidden;
	font-family:opb;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

	}
.peoplefour_2{
	width:100%;
	font-size:1.285rem;
	color:#000;
	line-height:1.714rem;
	overflow:hidden;
	margin-top:1rem;
	font-family:open_r;
	}	
.peoplefour_3{
	width:100%;
	height:auto;
	margin-top:1.142rem;
	padding:0 2rem;
	}	
.peoplefour_3 p{
	display:flex;
	background:url(../images/people4_07.png) no-repeat left  0.75rem;
	padding-left:1.5rem;
	font-size:1.285rem;
	color:#000;
	line-height:1.857rem;
	margin-bottom:0.25rem;
	}


/*缺*/
.que_warp{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.que{
	width:100%;
	height:auto;
	}	
.que_xuan{
	width:100%;
	height:auto;
	margin-top:2rem;
	}	
.que_xuan select{
	font-size:1.571rem;
	color:#000;
	height:4rem;
	border:2px solid #0c3f3e;
	padding-left:1.5rem;
	width:23.57%;
	}	
.que_all{
	width:100%;
	height:auto;
	margin-top:1rem;
	}
.que_1{
	width:100%;
	    display: flex;
    justify-content: space-between;
	border-bottom:3px solid #0c3f3e;
	padding-bottom:1rem;
	}	
.que_1 div{ font-size:1.5rem; color:#000; line-height:1.714rem; font-weight:bold;}	
.que_1_1{ width:34%; padding-left:1.428rem;}
.que_1_2{ width:12.5%;}
.que_1_3{ width:14.5%;}
.que_1_4{ width:12.5%;}
.que_1_5{ width:11.66%;}
.que_1_6{ width:13.5%;}
.que_con{ width:100%; height:auto;border-bottom:3px solid #0c3f3e;}
.que_2{
	width:100%;
	    display: flex;
    justify-content: space-between;
	padding:1rem 0 2rem 0;
	}
.que_2:nth-child(2n){
	background:#eff3f2;
	}	
.que_2 div{ font-size:1.285rem; color:#000; line-height:1.857rem;}	
.que_2_1{ width:34%; padding:0 1.428rem;}
.que_2_2{ width:12.5%;}
.que_2_3{ width:14.5%;}
.que_2_4{ width:12.5%;}
.que_2_5{ width:11.66%; display:flex;justify-content:flex-start;}
.que_2_5 a{ cursor:pointer;margin-left:0.5rem;}
.que_2_5 a:nth-child(1){ margin-left:0;}
.que_2_5 a img{ width:1.857rem; height:1.857rem;object-fit: cover;
	object-position: center;}

.que_2_6{ width:13.5%; display:flex;justify-content:flex-start;}
.que_2_6 a{font-size:1.285rem; color:#000; background:url(../images/que_14.png) no-repeat left; padding-left:1.857rem;height:1.857rem; margin-left:1.5rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.que_2_6 a:nth-child(1){ margin-left:0;}
	.que_2_6 a:hover{ color:#b11422;}
	
.que_nei{ width:100%; height:auto; display: flex; justify-content: flex-end; margin-top:3rem;}	
.que_rong_1{ font-size:1.285rem; color:#000; line-height:2.714rem;}
.que_rong_1 span{ font-weight:bold;}
.que_rong_2 a{ display:block; color:#093d3c; font-size:1.285rem; line-height:2.714rem;  text-decoration:underline;  cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.que_rong_2 a:hover{ color:#b11422;}	


/*Terms of use and privacy*/
.privacy_warp{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.privacy{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	}
.privacy_left{
	font-size: 2.285rem;
    color: #000;
    font-family: impact;
	}	

.privacy_right{
	width:62.5%;
	}
.privacy_right .director_2{margin-top: 0;}	
.privacy_right .events_2_1{ width:30%;}
.privacy_rights p {
    width: 100%;
    height: auto;
    background: url(../images/people_24.jpg) no-repeat left 0.35rem;
    background-size: 1.142rem;
    padding-left: 2.285rem;
    font-size: 1.285rem;
    line-height: 1.857rem;
    color: #000;
    margin-bottom: 1rem;
}
.director_5{
	font-size:1.285rem;
	color:#000;
	font-family:opb;
	margin-top:3.571rem;
	}	
	
/*Announcement*/
.announcement{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	}	
.announcement_left{
	width:66.66%;
	}	
.announcement_all{
	width:100%;
	height:auto;
	}	
.announcement_con{
	width:100%;
	height:auto;
	margin-top:2.857rem;
	}	
.announcement_con a{
	display: flex;
    justify-content: space-between;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:2.857rem;
	cursor:pointer;
	}	
.announcement_con a:hover .announcement_img img{transform:  perspective(100px) translateZ(5px);}
.announcement_con a:hover .announcement_1{ color:#0c3f3e;}	
.announcement_con a:hover .announcement_3 span{ background:#0c3f3e; color:#fff;}	
	
.announcement_img{
	width:32.25%;
	height: calc(var(--mainwidth) * 0.2149785 * 170 / 257);
	font-size: 0px;
	overflow: hidden;
}
.announcement_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.announcement_you{ width:63.25%;}
.announcement_1{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:2rem;
	line-height:2.571rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#000;
	}	
.announcement_2{ padding:1.5rem 0;}
.announcement_2 span{
	display:block;
	background:url(../images/announcement_10.png) no-repeat left;
	background-size:1.428rem;
	font-size:1rem;
	color:#000;
	padding-left:2rem;
	}	
.announcement_3{
	width:100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	}
.announcement_3 span{
	font-size:1.285rem;
	color:#000;
	border-radius:5px;
	border:1px solid #0c3f3e;
	line-height:2rem;
	padding:0 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.page{
	width:100%;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top:2.857rem;
	}	
.page a{ cursor:pointer; font-size:1.571rem; color:#000;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; margin:0 1rem;}	
.page a.page_jian{ font-family:'宋体'; border-radius:50%; width:2.285rem; height:2.285rem; color:#fff; background:#0c3f3e; text-align:center; line-height:2.285rem;}	
.page a:hover,.page a.page_on{ color:#bb1c27;}
.page a.page_jian:hover{ background:#bb1c27; color:#fff;}

.announcement_right{ width:28.66%; padding-top:2.857rem;}
.announcement_search{ width:100%; position:relative; height:4.285rem;}
.announcement_search form{  height:4.285rem;}

.announcement_search_input{
    width: 100%;
    height: 100%;
	border:2px solid #0c3f3e;
    color: #0c3f3e;
    padding-left:1.5rem;
    font-size: 1rem;
	font-size:1.5rem;
}
.announcement_search a{ width:5.714rem; height:100%; position:absolute; top:0; right:0; display:flex;justify-content: center;
    align-items: center; }
.announcement_search a svg{ fill:#0c3f3e; width:50%;}
.announcement_mune{
	width:100%;
	height:auto;
	margin-top:2.857rem;
	}
.announcement_mune a{
	display:block;
	 width:100%;
	 font-size:1.428rem;
	 font-weight:bold;
	 height:3.428rem;
	 line-height:3.428rem;
	 background:#e4eaea;
	 cursor:pointer;
	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-bottom:0.5rem;
	padding-left:1.142rem;
	position:relative;
	color: #000000;
	}	
.announcement_mune a.announcement_mune_on{ background:#093d3c; color:#fff;}	
.announcement_mune a.announcement_mune_on:after{background:url(../images/announcement_18.png) no-repeat right;}	
.announcement_mune a:hover{ background:#093d3c; color:#fff;}	
.announcement_mune a:hover:after{background:url(../images/announcement_18.png) no-repeat right;}	
	
	
.announcement_mune a:after{
	content:'';
	position:absolute;
	top:0;
	right:1rem;
	height:100%;
	background:url(../images/announcement_22.png) no-repeat right;
	width:6px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	
	
/*Announcement details*/	
.ky_mapa {
    padding-top:0;
}
.announcement_details_tit{ font-size:2.571rem; color:#000;}

.announcement_details_come{
	width:100%;
	display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-top:1.5rem;
	font-size:1.142rem;
	color:#000;
	}	
.announcement_details_come span{
	font-size:1.285rem;
	color:#000;
	border-radius:5px;
	border:1px solid #0c3f3e;
	line-height:2rem;
	padding:0 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin:0 2rem;
	}	
.announcement_details_come a{ cursor:pointer;}
.announcement_details_nei{
	width:100%;
	height:auto;
	font-size:1.285rem;
	color:#000;
	line-height:2rem;
	margin:3.428rem 0;
	}
.announcement_details_con{
	width:100%;
	height:auto;
	font-size:1.285rem;
	color:#000;
	line-height:2rem;
	}
.announcement_details_con span{ font-weight:bolder;}	

/*New details*/
.new_details_come{
	width:100%;
	display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-top:2.285rem;
	font-size:1.142rem;
	color:#000;
	}	
.new_details_come span{
	font-size:1.285rem;
	color:#000;
	background:#efefef;
	line-height:2rem;
	padding:0 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin:0 0.25rem;
	}	
.new_details_come span:nth-child(1){ margin-left:1.5rem;}	
	
.new_details_come a{ cursor:pointer; margin-left:1.25rem;}

.new_details_con{
	width:100%;
	height:auto;
	font-size:1.285rem;
	color:#000;
	line-height:2rem;
	margin-top:2.714rem;
	}
.new_details_con img{ max-width:100%; height:auto;}	
.new_details_con span{ font-weight:bolder; display:block; font-size:1.857rem;}	
.new_details_con span.new_details_con_span{ font-weight:normal; text-align:center; font-size:1.142rem; line-height:1.5rem;}
.new_details_con a{ cursor:pointer; color:#07775e;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.new_details_con a:hover{ color:red;}

.tags{ width:100%; height:auto; margin-top:3.285rem;}
.tags_tit {
    width: 100%;
    font-size: 2.285rem;
    color: #000;
    font-family: impact;
}
	
.tags_come{
	width:100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
    flex-wrap: wrap;
	margin-top:1.5rem;
	}
.tags_come a{
	font-size:1.285rem;
	color:#000;
	border-radius:5px;
	border:1px solid #0c3f3e;
	line-height:2rem;
	padding:0 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-bottom:1.428rem;
	margin-right:0.714rem;
	cursor:pointer;
	}
.tags_come a:hover{ background:#0c3f3e; color:#fff;}

/*news*/
.news_con{
	width:100%;
	height:auto;
	margin-top:2.857rem;
	display: flex;
    justify-content: space-between;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:2.857rem;
	}	
.news_con:hover .news_img img{transform:  perspective(100px) translateZ(5px);}	
.news_con:hover .news_1 a{color:#0c3f3e;}	
.news_img{
	width:32.25%;
	height: calc(var(--mainwidth) * 0.2149785 * 170 / 257);
	font-size: 0px;
	overflow: hidden;
}
.news_img a{ display:block; width:100%; height:100%; cursor:pointer;}

.news_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	

.news_1{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:-0.5rem;
	
	}	
.news_1 a{ display:block;font-size:2rem;
	line-height:2.571rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#000; cursor:pointer;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	
	}


.news_come{
	width:100%;
	font-size:1.285rem;
	color:#000;
	line-height:1.714rem;
	margin-top:1rem;
	}	
	
	
.news_biao{
	width:100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	}
.news_biao a:hover{ background:#0c3f3e; color:#fff;}	
	
.news_biao a{
	font-size:1.285rem;
	color:#0c3f3e;
	border-radius:5px;
	border:1px solid #0c3f3e;
	line-height:2rem;
	padding:0 1rem;
	cursor:pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-right:0.714rem;
	}
	
/*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:31.82%;
	height:auto;
	margin-right:2.27%;
	margin-top:4rem;
	}	
.multimedia_con:nth-child(3n){ margin-right:0;}
.multimedia_con:nth-child(1),.multimedia_con:nth-child(2),.multimedia_con:nth-child(3){ margin-top:0;}
.multimedia_con a{ display:block; width:100%; height:100%;}	
.multimedia_con a:hover .multimedia_img img{transform:  perspective(100px) translateZ(5px);}
.multimedia_con a:hover .multimedia_bo{ opacity:0; top:10%;}
.multimedia_img{
	width:100%;
	height: calc(var(--mainwidth) * 0.3182 * 214 / 384);
	font-size: 0px;
	overflow: hidden;
	position:relative;
}

.multimedia_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.multimedia_bo{ width:100%; height:100%; position:absolute; top:0; left:0;  display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.multimedia_bo img{ width:5rem; height:5rem;}

.multimedia_1{
	width:100%;
	height:3.714rem;
	overflow:hidden;
	font-size:1.571rem;
	line-height:1.857rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#000;
	margin-top:2.285rem;
	}	
.multimedia_2{ font-size:1rem;  color:#000; display: flex;align-items: center; width:100%; height:3.855rem;}	
.multimedia_2 span{ margin:0 1.25rem;}
	.multimedia_3{
	width:100%;
	height:3.714rem;
	overflow:hidden;
	font-size:1.285rem;
	line-height:1.857rem;
	color:#000;
	}

.multimedia_phonecon{
	width:31.82%;
	height:auto;
	margin-right:2.27%;
	margin-top:4rem;
	}	
.multimedia_phonecon:nth-child(3n){ margin-right:0;}
.multimedia_phonecon:nth-child(1),.multimedia_phonecon:nth-child(2),.multimedia_phonecon:nth-child(3){ margin-top:0;}
.multimedia_phonecon a{ display:block; width:100%; height:100%;}	
.multimedia_phonecon a:hover .multimedia_img img{transform:  perspective(100px) translateZ(5px);}
.multimedia_phonecon a:hover .multimedia_bo{ opacity:0; top:10%;}


.multimedia_videos_warp{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.5);    display:none;}
.multimedia_videos{ width:var(--mainwidth); height:100%; margin:0 auto;  position:relative; display: flex;
    align-items: center;} 
.multimedia_videos_all{ width:100%; height:auto; position:relative;}	
.multimedia_videos_close{  position:absolute; top:0; width:4.285rem; height:4.285rem; border-radius:50%; background:#fff; right:-5.5rem;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; cursor:pointer;}
.multimedia_videos_close svg{ width:100%; height:100%; padding:24%; color:#000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.multimedia_videos_close:hover{ background:#b11422;}
.multimedia_videos_close:hover svg{ fill:#fff;}

.multimedia_videos_img{
	width:100%;
	height: calc(var(--mainwidth) * 867 / 1500);
	font-size: 0px;
	overflow: hidden;
}
.multimedia_videos_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*Multimedia-photo*/
.phone{
	width:100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	}
.phone_left{
	width:83%;
	height:auto;
	overflow:hidden;
	}
.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(var(--mainwidth) * 0.83 * 700 / 996);
	font-size: 0px;
	overflow: hidden;
}
.phone_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.phone_nei{ width:100%; height:auto; margin-top:2.571rem;}
.phone_1{ width:100%; font-size:1.857rem; color:#000;}
.phone_2{ font-size:1rem; color:#000; line-height:2rem;}
.phone_2 span{ padding:0 1rem;}
.phone_3{ width:85%; height:auto; font-size:1.285rem; line-height:2.142rem;}

.Photo_right{ width:17%; height: calc(var(--mainwidth) * 0.83 * 700 / 996); background:#e4eaea; overflow:hidden;}
.phone_prev,.phone_next{ width:100%; height:9%;display: flex;
    align-items: center;
    justify-content: center;}
.phone_next svg,.phone_prev svg{ fill:#b5303a; width:40px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.phone_next:hover svg,.phone_prev:hover svg{ fill:#0d423f;}

.phone_lun{
	width:100%; height:82%; overflow:hidden; position:relative;
	}

.Photo_tu{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	border-radius: 5px;
    display: flex;
    justify-content: center;
}
.Photo_tu img{
	width:77%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*publications*/
.publications_select{
	    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
	margin-bottom:6rem;
	}
.publications_select div:first-child{ width:20.5%;}	
.publications_xuan{ width:14.16%; height:4.285rem;}
.publications_xuan select {
    width: 100%;
    height: 100%;
    border: 2px solid #0c3f3e;
    color: #0c3f3e;
    padding-left: 1rem;
    font-size: 1.5rem;
}	
	

.publications_zhe{ width:17.5%; position:relative; height:4.285rem;}
.publications_zhe a{ width:4.714rem; height:100%; position:absolute; top:0; right:0; display:flex;justify-content: center;
    align-items: center; }
.publications_zhe a svg{ fill:#0c3f3e; width:45%;}

.publications_all{ width:100%; height:auto;
	margin-top:2.857rem; }
.publications_con{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	padding:3.285rem 0;
	background:#fff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	
.publications_con:hover{
	
	-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);
	}	
.publications_img{
	width:30%;
	height: calc(var(--mainwidth) * 0.3 * 295 / 360);
	font-size: 0px;
	overflow: hidden;
}
.publications_img a{ display:block; width:60.55%; height:100%; cursor:pointer; margin:0 auto; overflow:hidden;}
.publications_img a:hover img{transform:  perspective(100px) translateZ(2px);}
.publications_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.publications_you{ width:70%; padding-right:7.5%;}

.publications_1{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:-0.5rem;
	
	}	
.publications_1 a{ display:block;font-size:1.785rem;
	line-height:2.285rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#000; cursor:pointer; font-family:opb;}
.publications_1 a:hover{ color:#0c3f3e;}	

.publications_biao{
	width:100%;
	height:5rem;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	}
.publications_biao a:hover{ color:#b11422;}	
	
.publications_biao a{
	font-size:1.428rem;
	color:#093d3c;
	cursor:pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.publications_biao span{ padding:0 1rem;}	
.publications_biao a.publications_biao_img{ margin-left:1rem; padding-top:0.5rem;} 
	

.publications_come{
	width:100%;
	font-size:1.285rem;
	color:#000;
	line-height:1.714rem;
	margin-top:1rem;
	height:6.856rem;
	overflow:auto;
	}	
	
/*project*/	
.rojects_left{ width:25%;}
.rojects_right{ width:71.1%;}
.rojects_mune{
	width:100%;
	height:auto;
	margin-top:2.857rem;
	}
.projects_mune_1{ width:100%; height:auto; margin-bottom:0.714rem;}		

.projects_mune_1 a{
	display:block;
	 width:100%;
	 font-size:1.428rem;
	 font-weight:bold;
	 height:3.428rem;
	 line-height:3.428rem;
	 background:#e4eaea;
	 color:#093d3c;
	 cursor:pointer;
	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-bottom:0.5rem;
	padding-left:1.142rem;
	position:relative;
	}	
	
.projects_mune_1 a:after{
	content:'';
	position:absolute;
	top:0;
	right:1rem;
	height:100%;
	background:url(../images/announcement_22.png) no-repeat right;
	width:6px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	

	
.projects_mune_1 a:after{
	content:'';
	position:absolute;
	top:0;
	right:1rem;
	height:100%;
	background:url(../images/project_22.png) no-repeat right;
	width:9px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	


.projects_mune_1_on a{ background:#093d3c; color:#fff;}	
.projects_mune_1_on a:after{background:url(../images/project_07.png) no-repeat right;}	
.projects_mune_1_on .rojects_mune_all{ height:auto;}	
	
.rojects_mune_all{ width:100%; height:0; overflow:hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.rojects_mune_warp{ width:100%; height:auto;}
.rojects_mune_warp a{
	display:block;
	background:url(../images/project_11.jpg) no-repeat left;
	background-size:1rem;
	padding-left:2rem;
	font-size:1.285rem;
	color:#000;
	line-height:3.285rem;
	font-weight:normal;
	height:3.285rem;
	}
.rojects_mune_warp a:after{ display:none;}
.rojects_mune_warp a:hover{
	background:url(../images/project_14.jpg) no-repeat left;
	background-size:1rem;
	color:#093d3c;
	font-weight:bold;
	}
.rojects_mune_warp a.rojects_mune_warp_hover{
	background:url(../images/project_14.jpg) no-repeat left;
	background-size:1rem;
	color:#093d3c;
	font-weight:bold;
	}	
.rojects_mune_more{ width:100%; height:auto; margin-bottom:2rem;display: flex;
    align-items: center;
    justify-content: center;}	
.rojects_mune_more a{ padding:0 2rem; background:#093d3c; color:#fff; font-size:1.428rem;     display: flex; width:auto; font-weight:normal; height:3.285rem;
	}
.rojects_mune_more a:hover{ background:#b31423; color:#fff;}	
.rojects_mune_more a:after{ display:none;}		
.rojects_mune_more span{ font-size:2rem; margin-left:0.5rem;}

.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:2.857rem;
	display: flex;
    justify-content: space-between;
	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);
	}	
.projects_img{
	width:24.5%;
	height: calc(var(--mainwidth) * 0.711 * 0.245 * 158 / 208);
	font-size: 0px;
	overflow: hidden;
}
.projects_img a{ display:block; width:100%; height:100%; cursor:pointer;}
.projects_img a:hover img{transform:  perspective(100px) translateZ(5px);}
.projects_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.projects_you{ width:75.5%; height:calc(var(--mainwidth) * 0.711  * 0.245 * 158 / 208); padding:1.714rem 2rem 0 2rem;}
.projects_1{
	width:100%;
	height:auto;
	overflow:hidden;
	}	
.projects_1 a{ display:block;font-size:1.571rem;
	line-height:2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#0c3f3e; cursor:pointer; font-weight:bold;}
.projects_1 a:hover{ color:#0c3f3e;}	

.projects_2{
	width:100%;
	height:5rem;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	}
.projects_2 a:hover{ color:#b11422;}	
	
.projects_2 a{
	font-size:1.142rem;
	color:#093d3c;
	cursor:pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.projects_2 span{ padding:0 0.75rem;}		

/*project-details*/
.item_warp{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.item{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	}
.item_left{
	width:38%;
	
	}	
.item_left_height{
	width:100%; height:auto;
	background:#e4eaea;
	padding:2.285rem 1.857rem;
	}	
.item_1{ width:100%; height:auto;
	display: flex;
    justify-content: space-between; padding-bottom:1.5rem;}
.item_1_left{ width:1.857rem;font-size: 0px;}
.item_1_left img{ width:1.857rem; height:1.857rem;
	object-fit: cover;
	object-position: center;} 	
.item_1_right{ width:calc(100% - 3rem);}	
.item_1_1{ font-size:1.428rem; color:#000; font-weight:bold; line-height:1.857rem;}
.item_1_2{ font-size:1.571rem; color:#093d3c; font-weight:bold; line-height:2.142rem; margin-top:0.714rem;}	
	
	

.item_right{
	width:57.5%;
	}
.item_nei{ width:100%; height:auto; padding-bottom:2rem;}	
.item_tit{
	width:100%;
	font-size: 2.285rem;
    color: #000;
    font-family: impact;
	}

.monitore_warp{
	width: 100%;
    height: auto;
	background:#f7f7f7;
    position: relative;
	}
.monitore{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.monitore_mune{ width:100%;
	display: flex;
    justify-content: space-between; border-bottom:3px solid #e6f1ee;}
.monitore_mune a{ cursor:pointer; font-size:1.428rem; color:#000; font-weight:bold;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; height:5rem; display:flex;    align-items: center; position:relative;}
.monitore_mune a:after{
	position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    font-size: 0;
    background:#093d3c;
    left: 0;
	opacity:0;
    bottom: -3px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	
.monitore_mune a:hover{ color:#093d3c;}	
.monitore_mune a:hover:after{ opacity:1;}
.monitore_mune a.monitore_mune_on{ color:#093d3c;}	
.monitore_mune a.monitore_mune_on:after{ opacity:1;}

.monitore_all{ width:100%; margin-top:2.571rem; position:relative; height:auto;}
.monitore_lun{ width:100%; height:auto; overflow:hidden;}
.monitore_lun .stories_lun,.monitore_lun .stories_resources{ background:transparent;}

.monitore_con{
	width:100%;
	display: flex;
	height:32.85rem;
    justify-content: space-between;
	padding:3rem; background:#fff;
	}
.monitore_zuo{ width:22%; color:#000; font-weight:bold; font-size:1.428rem; line-height:2.285rem;}
.monitore_zuo span{ color:#093d3c;}

.monitore_you{ width:82%; padding-right:2%;}
.monitore_1{ width:100%; height:auto; font-size:1.285rem; line-height:1.857rem;}
.monitore_2{ width:100%; height:2.857rem; line-height:2.857rem; font-size:1.285rem; font-weight:bold; margin-top:2.714rem;}
.monitore_3{ width:100%; height:auto; margin-top:2rem;}
.monitore_3 a{ display:block; background:url(../images/project_details_48.png) no-repeat left;font-size:1.285rem; line-height:1.857rem; cursor:pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; padding-left:2.142rem; color:#000000;}
.monitore_3 a:hover{ color:#093d3c;}

.one{ width:100%; height:auto;}
.one_con{ width:100%; height:5.142rem; margin-top:1.428rem;}
.one_con:first-child{ margin-top:0;}
.one_con a{ display:block; width:100%; height:100%; line-height:5.142rem; padding:0 1.714rem; background:#fff url(../images/one_06.png) no-repeat 98%;}
.one_con a span{display: inline-block; background:url(../images/one_03.png) no-repeat left; font-size:1.428rem; color:#000; padding-left:3.571rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.one_con a:hover span{ color:#0d423f;}



.two{
	width:100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	}
.two_left{
	width:70%;
	height:auto;
	overflow:hidden;
	}
.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(var(--mainwidth) * 0.7 * 700 / 996);
	font-size: 0px;
	overflow: hidden;
}
.two_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.two_right{ width:30%; height: calc(var(--mainwidth) * 0.7 * 700 / 996); background:#e4eaea; overflow:hidden;}
.two_prev,.two_next{ width:100%; height:9%;display: flex;
    align-items: center;
    justify-content: center;}
.two_next svg,.two_prev svg{ fill:#b5303a; width:40px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.two_next:hover svg,.two_prev:hover svg{ fill:#0d423f;}

.two_lun{
	width:100%; height:82%; overflow:hidden; position:relative;
	}

.two_tu{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	border-radius: 5px;
    display: flex;
    justify-content: center;
}
.two_tu img{
	width:77%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}








/*project apply*/
.que_warp_apply{padding: 0 0 5.142rem 0;}
.apply{ width:100%; height:auto; margin-top:5.142rem;-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);}
.apply_con{ width:100%; height:auto;}
.apply_1{ width:100%; height:5.714rem; background:#e4eaea; padding:0 2rem; display:flex;align-items: center; font-size:1.571rem; color:#000; font-weight:bold; position:relative;}
.apply_1:after{
	position: absolute;
    content: '';
    width: 1.714rem;
    height: 100%;
    font-size: 0;
    background: url(../images/apply_08.png) no-repeat left;
	background-size:1.714rem;
    right: 2rem;
    bottom: 0;
	}
.apply_con:nth-child(2)	.apply_1{ background:#d8e0e0;}
.apply_con:nth-child(3)	.apply_1{ background:#c7d1d1;}
.apply_con:nth-child(4)	.apply_1{ background:#b7c6c5;}
.apply_con:nth-child(5)	.apply_1{ background:#a8b9b9;}

.apply_con_on .apply_1:after{
	background: url(../images/apply_07.png) no-repeat left;
	background-size:1.714rem;
	}
.apply_con_on .apply_all{ height:auto;}	
.apply_all{width:100%; height:0; overflow:hidden; background:#fff;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}	
.apply_nei{ width:100%; height:auto; display: flex;
    justify-content: space-between; padding:2rem;}
.apply_left{ width:56%;}
.apply_tit{ width:100%; height:auto; color:#093d3c; font-size:1.285rem; line-height:1.857rem;}		
.apply_come{
		width:100%;
		height:auto;
		margin-top:2.285rem;
		margin-left:2.714rem;
		}
	.apply_come p{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2.285rem;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-bottom:1rem;
		}

.apply_right{width:35%; }
.apply_links{ width:100%; height:auto; margin-top:1.285rem;}
.apply_links a{ display:block;font-size:1.285rem; color:#000; background:url(../images/que_14.png) no-repeat left 0.5rem; padding-left:1.857rem;height:auto; margin-left:1.5rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;line-height:1.857rem;}
.apply_links a:hover{ color:#b11422;}
.apply_titapply{ margin-top:2.857rem;}

/*Policy-dalogues-FPN1*/
.dalogues_warp{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 0 0 5.142rem 0;
    position: relative;
	}
.dalogues{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	}
.dalogues_left{ width:50%; background:#eff3f2; padding:2rem;}
.dalogues_tit {
    font-size: 2.285rem;
    color: #000;
    position: relative;
    font-family: impact;
}
.dalogues_1{
	width: 100%;
    height: auto;
    font-size: 1.285rem;
    line-height: 1.714rem;
    color: #000;
    margin-top: 1.714rem;
	}

.dalogues_right{ width:50%; background:#e4eaea; padding:2rem;}
.dalogues_right .director_2{ margin-top:1rem;}
.dalogues_right .dalogues_1{ margin-top:1rem;}
.dalogues_right_kong{ width:100%; height:28px;}
	.director_2 div{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2rem;
		font-size:1.285rem;
		line-height:1.714rem;
		color:#000;
		}
.director_2s p{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2rem;
		font-size:1.285rem;
		line-height:1.714rem;
		color:#000;
		}
.events_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	background:#eff3f2;
	padding:4.285rem 0;
	}

.events{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	}
.events_tit{ width:100%; font-size:1.857rem; color:#000; font-weight:bold; padding-bottom:2.285rem;}
.events_all{ width:calc(100% + 8rem); margin-left:-4rem; height:auto; background:#fff; padding:2.571rem 4rem 4rem 4rem;}
.events_con{ width:100%; height:7.142rem; border-bottom:1px solid rgba(0,0,0,0.5); padding-top:1.428rem;}	
.events_con:hover .events_1 a{ color:#093d3c;}
.events_1{ width:100%; font-size:1.285rem; font-weight:bold; color:#000; overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.events_1 a{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; color:#000;}	
	
.events_2{ width:100%; height:4rem; display:flex;justify-content: flex-start;
    align-items: center; font-size:1.142rem; color:#000;}	
.events_2_1{ background:url(../images/dalogues_07.png) no-repeat left; padding-left:32px; height:23px; width:22%;}
.events_2_2{ background:url(../images/dalogues_09.png) no-repeat left; padding-left:24px; width:23%;}
.events_2_3{ }
.events_2_3 a{ background:url(../images/dalogues_12.png) no-repeat left; padding-left:32px; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; color: #000000;}
.events_2_3 a:hover{ color:#b11422;}	

.stories_warp{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
    margin: 0 auto;
    padding: 40px 0 5.142rem 0;
    position: relative;
	}
.stories{
	width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
	}
.stories_mune{ width:100%;
	display: flex;
    justify-content:flex-start; border-bottom:3px solid #e6f1ee;}
.stories_mune a{ cursor:pointer; font-size:1.428rem; color:#000; font-weight:bold;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; height:5rem; display:flex;    align-items: center; position:relative; margin-right:5rem;}
.stories_mune a:after{
	position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    font-size: 0;
    background:#093d3c;
    left: 0;
	opacity:0;
    bottom: -3px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	
.stories_mune a:hover{ color:#093d3c;}	
.stories_mune a:hover:after{ opacity:1;}
.stories_mune a.stories_mune_on{ color:#093d3c;}	
.stories_mune a.stories_mune_on:after{ opacity:1;}

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

.stories_all{ width:100%; margin-top:3rem; position:relative; height:auto;}
.stories_yin{ width:100%; height:auto;}
.stories_yinon{ display:block;}

.stories_lun{ width:100%; height:100%; background:#fff; overflow:hidden;}
.stories_con{ width:100%; height:auto;}
.stories_con a{ display:block; width:100%; height:100%; color: #000000;}
.stories_con a:hover .stories_1 img{transform: scale(1.05);}
.stories_con a:hover .news_1{ color: #0066cc;}
.stories_1{
	width:100%;
	height: calc(var(--mainwidth) * 0.3 * 226 / 352);
	font-size: 0px;
	overflow: hidden;
}
.stories_1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.stories_2{ background:url(../images/announcement_10.png) no-repeat left; font-size:1rem; color:#000; padding-left:1.714rem; height:3.571rem; display:flex;  align-items: center; margin-top:1rem;}
.stories_2 span{ padding:0 1rem;}
.stories_3{ width:100%; height:auto; font-size:1.714rem; line-height:2.142rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.stories_resources{ width:100%; height:100%; background:#fff; overflow:hidden;}
.stories_con{ width:100%; height:auto;}
.stories_con a{ display:block; width:100%; height:100%;}
.stories_con a:hover .stories_resources_1 img{transform: scale(1.05);}
.stories_con a:hover .news_1{ color: #0066cc;}
.stories_resources_1{
	width:228px;
	height: 310px;
	font-size: 0px;
	overflow: hidden;
}
.stories_resources_1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.stories_resources_2{ width:100%; height:auto; font-size:1.285rem; line-height:1.714rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; margin-top:1.25rem;
}
.stories_resources_3{ font-size:1rem; color:#000; margin-top:1.5rem;}
.stories_resources_3 span{ padding:0 5px;}

/*Policy dalogues-WILD*/
.vision_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	background:#eff3f2;
	margin-top:-3rem;
	}

.vision{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	}
.vision_left{
	width:18.5%;
	aspect-ratio: 220 / 225;
	font-size: 0px;
	overflow: hidden;
}
.vision_left img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
	
.vision_right{ width:62.5%; display:flex; flex-direction: column;
    justify-content: center;}	
.vision_nei{font-size:1.857rem; color:#000; line-height:2.857rem; font-family: impact;}	
	
.objectives{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top:3.571rem;
	}
.objectives_all{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.objectives_con{ width:calc((100% - 2rem) / 2); height: calc(var(--mainwidth) * 170 / 1200);
	display:flex;
	justify-content: space-between; 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); 
	
	margin-right:2rem; 
	margin-top:2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.objectives_con:hover{ 
	-moz-box-shadow: 0px 4px 35px 0 rgba(9,61,60,0.4);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(9,61,60,0.4);
    box-shadow: 0px 4px 35px 0 rgba(9,61,60,0.4); 
}	
	.objectives_con:hover .objectives_1{ color:#093d3c;}

.objectives_con:nth-child(2n){ margin-right:0;}
.objectives_con:nth-child(1),.objectives_con:nth-child(2){ margin-top:0;}


.objectives_img{display:flex; flex-direction: column;
    justify-content: center; width:26%; height:100%;    align-items: center;}
.objectives_img_1 img{ width:auto; height:5.714rem;}	
	
.objectives_you{ width:84%; display:flex; flex-direction: column;
    justify-content: center; padding-right:2.571rem;}	
.objectives_1{ font-size:1.285rem; line-height:1.714rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}

.components{ width:100%;
	display:flex;
	justify-content: space-between;
	}
.components_left,.components_right{ width:50%;}	
.components_2{
		width:100%;
		height:auto;
		margin-top:2rem;
		padding-left:2rem;	
		}
	.components_2_1{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2.285rem;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-bottom:1rem;
		}
.components_2s p{
		width:100%;
		height:auto;
		background:url(../images/people_24.jpg) no-repeat left 0.35rem;
		background-size:1.142rem;
		padding-left:2.285rem;
		font-size:1.285rem;
		line-height:1.857rem;
		color:#000;
		margin-bottom:1rem;
		}
.stories_warpa{
	width: 100%;
	height: auto;
    margin: 0 auto;
    position: relative;
	background:#f7f7f7;
	margin-top:5rem;
	}
.stories_warpab{ margin-top:0;}	
.storiesa{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 3.428rem 0 5.142rem 0;
	}
.storiesa .stories_lun,.storiesa .stories_resources{ background:none;}

/*Capacity Building-AP-FECM*/
.capacity_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	background:#eff3f2;
	}

.capacity{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	}
.capacity_left{
	width:20.5%;
	aspect-ratio: 246 / 400;
	font-size: 0px;
	overflow: hidden;
}
.capacity_left img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
	
.capacity_right{ width:62.5%; display:flex; flex-direction: column;
    justify-content: center;}	
.capacity_nei{font-size:1.285rem; color:#000; line-height:1.857rem;}	
.capacity_nei a{ color:#093d3c; text-decoration:underline;}	

/*Policy dalogues-TIF*/
.objectivesa{ margin-top:-5rem;}
.policy{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.policy_con{ width:calc((100% - 8rem) / 3); height: auto;
	display:flex;
	flex-direction: column;
	 background:#eff3f2;
	margin-right:4rem; 
	margin-top:4rem;
	padding:2.857rem 3.285rem;
	}

.policy_con:nth-child(3n){ margin-right:0;}
.policy_con:nth-child(1),.policy_con:nth-child(2),.policy_con:nth-child(3){ margin-top:0;}


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

.policy_img{ width:100%; height:auto; text-align:center; font-size:0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.policy_img img{ width:auto; height:6.785rem;}	
	
.policy_nei{ font-size:1.285rem; line-height:1.714rem; height:auto;
    overflow: hidden; text-align:center; margin-top:2.285rem;}

.privacy_warpa{ padding-top:0;}
.director_5a{ margin-top:0;}

/*Policy dalogues-Supporting APEC-forestry dialogues*/
.director_2a{ margin-bottom:0;}
.privacy_warpa .director_2{ margin-top:0;}

.forestry_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom:6.785rem;
	}
.forestry_img{
	width:100%;
	aspect-ratio: 1920 / 500;
	font-size: 0px;
	overflow: hidden;
}
.forestry_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.forestry{
	width: 1500px;
    width: calc(var(--mainwidth) + 8rem);
	height: auto;
	margin: 0 auto;
	margin-top:-5.428rem;
	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 4rem 5.428rem 4rem;
	}
.forestry_all{ width:100%; height:auto; background:#fff; }
.forestry_con{ width:100%; height:auto; min-height:11.57rem; border-bottom:1px solid rgba(0,0,0,0.5); padding-top:1rem;}	
.forestry_con:hover .forestry_1 a{ color:#093d3c;}
.forestry_1{ width:100%; font-size:1.285rem; font-weight:bold; color:#000; overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis; line-height:2.857rem;}
.forestry_1 a{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; color:#000;}	
.forestry_2{ width:100%; height:auto; color:#093d3c; font-size:1.285rem; line-height:2.285rem;}	
.forestry_3{ width:100%; height:4.285rem; display:flex;justify-content: flex-start;
    align-items: center; font-size:1.285rem; color:#000;}	
.forestry_3_1{ background:url(../images/dalogues_07.png) no-repeat left; padding-left:32px; height:23px; width:24%;}
.forestry_3_2{ background:url(../images/forestry_14.png) no-repeat left; padding-left:24px; width:30%;}
.forestry_3_3{ margin-left:9%;}
.forestry_3_3 a{ background:url(../images/forestry_11.png) no-repeat left; padding-left:32px; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; color: #000000;}
.forestry_3_3 a:hover{ color:#b11422;}

.privacy_warp_bian{ width:100%; height:auto; position:relative;}
.privacy_warp_bian:after {
    position: absolute;
    content: '';
    width: 30%;
    height: 23.285%;
    font-size: 0;
    background: #e4eaea;
    left: 0;
    top: 0;
}
.privacy_warp_bian .privacy_warp{ position:relative; z-index:3; padding-top:7rem;}


/*Policy dalogues-GCA-FCM*/
.guided_warp{
	 width: 100%;
	height: auto;
	margin: 0 auto;
	background:#d7e0e0;
	}

.guided{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	}
.guided_left{
	width:30%;
	aspect-ratio: 364 / 477;
	font-size: 0px;
	overflow: hidden;
}
.guided_left img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
	
.guided_right{ width:62.5%; display:flex; flex-direction: column;
    justify-content: center;}	
.guided_1{font-size:1.285rem; color:#000; line-height:2.285rem; }	
.guided_right .director_4{ margin-top:1rem;}
.guided_right .director_4_1 span{
	    font-size: 1.285rem;
    line-height: 1.714rem;
	}

.fcm_warp{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	}

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

.fcm_all{ width:calc(100% + 8rem); height:auto; 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); margin-left:-4rem; margin-top:2.285rem; padding:0.857rem 4rem 2.285rem 4rem;}
.fcm_con{ width:100%; height:5rem; border-bottom:1px solid rgba(0,0,0,0.5); display:flex;justify-content: flex-start;
    align-items: center;}	
.fcm_con:hover .fcm_1{color:#b11422;}	
.fcm_1{ font-size:1.285rem; color:#000; font-weight:bold; width:24%;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.fcm_2{ background:url(../images/dalogues_07.png) no-repeat left; background-size:23px; min-height:23px; padding-left:32px; font-size:1.142rem; color:#000; width:30.5%;}
.fcm_3{background:url(../images/dalogues_09.png) no-repeat left; background-size:16px; min-height:23px; padding-left:32px; font-size:1.142rem; color:#000; width:35%;}

.fcm_4{}
.fcm_4 a{ background:url(../images/dalogues_12.png) no-repeat left; padding-left:32px; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; font-size:1.142rem; color: #000000;}
.fcm_4 a:hover{ color:#b11422;}	

.fcm_nei {
    width: 100%;
    height: auto;
    margin-top: 1.714rem;
	font-size:1.285rem;
	line-height:1.857rem;
}

/*GFN2-University President Forum*/
.university{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.university_con{ width:calc((100% - 72px) / 4); height: auto;
	display:flex;
	flex-direction: column;
	margin-right:24px; 
	margin-top:24px;
	}

.university_con:nth-child(4n){ margin-right:0;}
.university_con:nth-child(1),.university_con:nth-child(2),.university_con:nth-child(3),.university_con:nth-child(4){ margin-top:0;}
.university_con a{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	-moz-box-shadow: 0px 4px 15px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 15px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 15px 0 rgba(0,0,0,0.08);
	padding:2rem;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.university_con a:hover{
	-moz-box-shadow: 0px 4px 15px 0 rgba(13,66,63,0.4);
    -webkit-box-shadow: 0px 4px 15px 0 rgba(13,66,63,0.4);
    box-shadow: 0px 4px 15px 0 rgba(13,66,63,0.4);
	}	
.university_con a:hover .university_img{
	margin-top:-5px;
	}		

.university_img{ width:100%; height:9rem; text-align:center; font-size:0; background:#e9e9e9;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.university_img img{ width:100%; height:9rem;
	object-fit: cover;
	object-position: center;}	
	
.university_tit{ font-size:1.285rem; line-height:1.857rem; height:auto;
    overflow: hidden; text-align:center; margin-top:2rem;}

.privacytop{ margin-top:9vh;}
.privacytop .director_2{ margin-bottom:0;}

.fcm_con_university{    justify-content: space-between;}
.fcm_con_university .fcm_1{ width:34%;}
.fcm_con_university .fcm_2{ width:34%;}
.fcm_con_university .fcm_3{ width:29%;}
.fcm_con_university .fcm_4{ font-size:1.142rem;}

.guided_warp_university{ margin-top:0;}
.guided_university{ padding:4rem 0 0 0; margin-bottom:3rem;}
.fcm_warp_university{ padding-bottom:6.428rem;}
.fcm_warp_university .fcm_1{ width:34%;}
.fcm_warp_university .fcm_2{ width:23%;}
.fcm_warp_university .fcm_3{ width:18.5%;}

/*GFN1*/
.mission_warp{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
	}
.mission{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	aspect-ratio: 1500 / 500;
	}
.mission_con{ width:15%; height:100%; position:relative;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.mission_con:nth-child(2n){ margin-top:86px;}
.mission_con_on{ width:52%;}
.mission_con_on .mission_bg{ opacity:0;}
.mission_con_on .mission_nei{ opacity:1;-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;}
.mission_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.mission_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.mission_bg{ position:absolute; top:0;  left:0; width:100%; height:100%; color:#fff; font-size:2.571rem;    display: flex;
    align-items: center;
    justify-content: center;}
.mission_nei{ position:absolute; bottom:0; bottom:0; background:rgba(0,0,0,0.35); height:11.57rem;display: flex;
    align-items: center;
    justify-content: center; opacity:0;}
.mission_1{ padding: 0 3rem; color:#fff; font-size:1.285rem; line-height:1.857rem;}	

.programme_warp{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding:5.142rem 0;
    position: relative;
	}
.programme{
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-between;
	}
.programme_left{ width:65%; background:#f8f8f8; padding:4rem 4.571rem;}

.programme_right{ width:35%; background:#e4eaea; padding:4rem 3.285rem;}
.programme_right .director_2 div{ line-height:2.714rem;background: url(../images/people_24.jpg) no-repeat left 0.85rem;}
.programme_more{
	width:100%;
	height:auto;
	margin-top:-2rem;
	}	
.programme_more a{
	width:100%;
	cursor:pointer;
	font-size:1.285rem;
	    color:#000;
		position:relative;
		height:4rem;
		display:flex;
    justify-content: center;
	background:#fff;
	align-items: center;
	}	
.programme_more a:hover{ color:#b51423;}
.programme_more a:hover span{ padding-left:35px;}
.programme_more a span{
	background: url(../images/que_14.png) no-repeat left;
	padding-left:30px;
	  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	

/*About-OUR People 新*/
.ren {
    width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
}

.ren_all_on .ren_nei{ height:auto;}

.ren_all{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}

	
.ren_con{ width:23%; height: auto;
	display:flex;
	flex-direction: column;
	margin-right:2%; 
	margin-top:calc(var(--mainwidth) * 0.02);
	}

.ren_con:nth-child(4n){ margin-right:0;}
.ren_con:nth-child(1),.ren_con:nth-child(2),.ren_con:nth-child(3),.ren_con:nth-child(4){ margin-top:0;}

.ren_img{
	width:100%;
	height: calc(var(--mainwidth) * 0.23 * 360 / 275);
	font-size: 0px;
	overflow: hidden;
}
.ren_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ren_tit{ width:100%; font-size:1.428rem; color:#000; line-height:2.142rem; font-weight:bold; margin-top:1.5rem; background:url(../images/ren_35.png) no-repeat right;}
.ren_nei{ width:100%; height:0px;  overflow:hidden;}
.ren_1{ width:100%; font-size:1.428rem; color:#316c5a; line-height:2.142rem; font-weight:bold;}
.ren_2{ width:100%; height:auto; font-size:1.285rem; color:#000; line-height:1.857rem; margin-top:1rem;}
.ren_3{ width:100%; font-size:1.428rem; color:#000; line-height:2.142rem; font-weight:bold; margin-top:1.5rem; }


.ren_link{
	width:100%;
	height:auto;
	    display: flex;
    justify-content: center;
	margin-top:3.285rem;
	}
.ren_link_close{ height: 0; overflow:hidden; margin-top:0;}	
.ren_link a{
	cursor:pointer;
	font-size:1.428rem;
	    color:#fff;
		position:relative;
		height:4.285rem;
		display:flex;
		    flex-direction: column;
    justify-content: center;
	background:#093d3c;
	padding:0 1.714rem;
	}	

.ren_link a span{
	background:url(../images/People1_xia.png) no-repeat right;
	padding-right:4rem;
	  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}	

.ren_link a:hover span{
	padding-right:4.5rem;
	}


.members{
	 width: 1500px;
    width: var(--mainwidth);
    height: 0px;
	overflow:hidden;
    margin: 0 auto;
    position: relative;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	margin-bottom:10vh;
	
	}
	
.members_zhan{ height:auto; overflow:inherit;padding-top:3.285rem;}	
	
.members_con{ width:23.875%; height: auto;
	display:flex;
	flex-direction: column;
	margin-right:1.5%; 
	margin-top:calc(var(--mainwidth) * 0.015);
	-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);
	padding:1.5rem;
	}

.members_con:nth-child(4n){ margin-right:0;}
.members_con:nth-child(1),.members_con:nth-child(2),.members_con:nth-child(3),.members_con:nth-child(4){ margin-top:0;}
.members_con .ren_nei{ height:auto;}



/*About-OUR People 新2*/
.Persons_you{ width:100%; height:auto; text-align:right; font-size:1.285rem; color:#000; line-height:5.142rem;}
.Persons{ width:100%; height:auto; border-top:2px solid #093d3c; border-bottom:2px solid #093d3c;}
.Persons_con{ width:100%; height:auto;}
.Persons_con:nth-child(2n) .Persons_1{ background:#eff3f2;}

.Persons_con_on .Persons_1_5{background:url(../images/apply_07.png) no-repeat left;}
.Persons_con_on .Persons_2{height:auto; padding-bottom:20px;}

.Persons_1{ width:100%; height:62px; display:flex;justify-content:space-between; align-items: center; padding:0 1.5rem; font-size:1.285rem; color:#000; font-weight:bold;}	
	
.Persons_1_1{ width:20%;}

.Persons_1_5{ width:30px; background:url(../images/apply_08.png) no-repeat left; height:100%;}

.Persons_2{ width:100%; height:62px; overflow: hidden; padding:0 1.5rem;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; margin-top:-62px; padding:0 1.5rem;}
	
.Persons_2_top{ width:calc(80% - 30px); margin-left:20%; margin-right:30px; padding-bottom:20px;     overflow-x: auto;white-space: nowrap; height:auto; margin-top:-24px;}
.Persons_1_2{ display:inline-grid; width:33%;}
	
	
.Persons_1_2_yi{ width:100%;font-size:1.285rem; color:#000;font-weight:bold; height:62px; line-height:62px;}	
.Persons_1_2_er{ width:100%; height:auto; font-size:1.25rem; line-height:1.857rem; color:#093d3c;}

.Persons_1_2_1{ width:100%; height:auto; font-size:1.25rem; line-height:1.857rem; margin-top:0.5rem;white-space: normal;}

.Persons_1_2_2{ margin-top:1.428rem;}
.Persons_1_2_2 a{ font-size:1.285rem; color:#093d3c;  cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; white-space: normal;}
.Persons_1_2_2 a:hover{ color:#b11422;}


.Persons_more{ width:100%; height:auto; margin-bottom:2rem;display: flex;
    align-items: center;
    justify-content: center; margin-top:3.285rem;}	
.Persons_more a{ padding:0 2.571rem; background:#093d3c; color:#fff; font-size:1.428rem;     display: flex; align-items: center; width:auto; font-weight:normal; height:4rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.Persons_more a:hover{ background:#b31423; color:#fff;}	
.Persons_more a:after{ display:none;}		
.Persons_more span{ font-size:2rem; margin-left:0.5rem;}

/*CFN2*/
.privacya{ margin-top:5rem;}
.segment_warp{ width:100%; height:auto; background:#e4eaea; padding:5.714rem 0;}
.segment{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
	display: flex;
    justify-content: space-between;
	}
.segment_img{
	width:30.5%;
	height: calc(var(--mainwidth) * 0.305 * 752 / 366);
	font-size: 0px;
	overflow: hidden;
}
.segment_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}	
.segment_right{	width:62.5%; display: flex;
    flex-direction: column;
    justify-content: space-between;}
.director_2cfns.director_2 div{ margin-bottom:1.714rem;}	
	
.plan{ margin-top:5.142rem; width:100%; height: calc(var(--mainwidth) * 165 / 1200);}	
.plan a{ display:block; width:100%; height:100%; position:relative;}
.plan a:hover .plan_img img{transform:  perspective(100px) translateZ(5px);}


.plan_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.plan_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.plan_bg{ position:absolute; top:0; left:0; width:100%; height:100%;font-size: 2.285rem;
    color: #fff;
    font-family: impact; background:rgba(0,0,0,0.4);display: flex;
    justify-content: center;
    align-items: center;}	

.plan_dian{ width:58px; height:58px; border-radius:50%; overflow: hidden; background:#b11422; font-size:0; position:absolute; bottom:1.428rem; right:12%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}	
	
	
/*About-Our reach 新1*/
.reach{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	padding-bottom:2rem;
	padding-top:3.428rem;
	}	
.reach .director_5{ color:#093d3c;}	

.status{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	}

.status_tit{ width:100%; height:4rem; display:flex;justify-content:space-between; align-items: center; font-size:1.5rem; color:#000; font-weight:bold;border-bottom:2px solid #093d3c;}	
	
.status_tit_1{ width:25%; padding-left:1.5rem;}
.status_tit_2{ width:27.5%;}
.status_tit_3{ width:26%;}
.status_tit_4{ width:21%;}


.status_all{ width:100%; height:auto; border-bottom:2px solid #093d3c;}
.status_1{ width:100%; height:auto; padding:1rem 0; display:flex;justify-content:space-between; align-items: center; font-size:1.285rem; color:#000;}
.status_1:nth-child(2n){ background:#eff3f2;}
	
.agencies{
	width: 1500px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	margin-bottom:5rem;
	}
.agencies_mune{
	 width: 100%;
	height: auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	}
  .agencies_mune a{
    color: #000000;
	 font-size: 1.428rem;
	 line-height:1.714rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
	position:relative;
	font-weight:bold;
	width:25%;
	text-align:center;
}
 .agencies_mune a:after{
	 position: absolute;
    content: '';
    width: 1px;
    height: 20px;
    background: #000;
    left: 0;
    top: calc(50% - 10px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	 }
	 .agencies_mune a:nth-child(1):after { display:none;}
.agencies_mune a.agencies_mune_a{
	 color:#093d3c;
	 text-decoration:underline;
	  }

.agencies_mune a:hover{
	color:#093d3c;text-decoration:underline;
}	
.agencies_all{width:100%; height:auto; margin-top:3.571rem;} 	
.agencies_con{ width:100%; height:auto; display:none;}
.agencies_con_xian{ display:block;}
.agencies_nei{ padding:0 10%;}
.agencies_nei p {
    width: 100%;
    height: auto;
    background: url(../images/people_24.jpg) no-repeat left 0.35rem;
    background-size: 1.142rem;
    padding-left: 2.285rem;
    font-size: 1.285rem;
    line-height: 1.857rem;
    color: #000;
    margin-bottom: 1rem;
}
/*About-Our work 新1*/
.ourwork{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.ourwork_con{ width:calc((100% - 60px) / 3); height: auto;
	display:flex;
	flex-direction: column;
	 background:#eff3f2;
	margin-right:30px; 
	margin-top:30px;
	padding:2.857rem 2rem;
	}

.ourwork_con:nth-child(3n){ margin-right:0;}
.ourwork_con:nth-child(1),.ourwork_con:nth-child(2),.ourwork_con:nth-child(3){ margin-top:0;}

.ourwork_con:hover .ourwork_img{ transform: translateY(-5px);}
.ourwork_con:hover .ourwork_tit{ transform: translateY(-5px); color:#0d423f;}
.ourwork_con:hover .ourwork_nei{ transform: translateY(-5px);}


.ourwork_img{ width:100%; height:auto; text-align:center; font-size:0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.ourwork_img img{ width:auto; height:4.857rem;}	
	
.ourwork_tit{ width:100%; text-align:center; font-weight:bold; font-size:1.714rem; line-height:1.857rem; margin-top:3rem;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}	
.ourwork_nei{ font-size:1.285rem; line-height:1.714rem; height:auto;
    overflow: hidden; text-align:center; margin-top:1.714rem;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}

.focus{
	    width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 3.571rem;
	    display: flex;
    justify-content: space-between;
	padding-bottom:3rem;
	}
.focus_left{
	width:50%; position:relative;
	}
.focus_left:after {
    position: absolute;
    content: '';
    width: 634px;
    height: 296px;
    font-size: 0;
    background: url(../images/Ourwork_17.png) no-repeat center;
    left: -67px;
    bottom: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}		
.focus_mune{ width:100%; height:auto;display:flex;justify-content:flex-start; flex-wrap: wrap; margin-top:4.571rem;}	
.focus_1{ width:50%;display: flex;
    align-items: center; color:#093d3c; font-weight:bold; font-size:1.714rem; line-height:2rem; margin-bottom:2rem;}

.focus_right{ width:50%; background:#eff3f2; padding:3rem;    display: flex;
    flex-direction: column;
    justify-content: center;}
.focus_2{ font-size:1.285rem; line-height:1.857rem; color:#000;}

.director_7{width:100%; height:auto; margin-top:1rem;}
.director_7_1{
	width: 100%;
    height: auto;
    background: url(../images/people_24.jpg) no-repeat left;
    padding-left: 26px;
    font-size: 1.285rem;
    line-height: 2.857rem;
    color: #000; font-weight:bold;
	}
.director_7_2{ font-size:1.285rem; line-height:1.857rem; padding-left:26px;}
.reach_links{
	width:100%;display:flex;justify-content:flex-start; align-items: center; font-size:1.571rem; color:#093d3c; font-weight:bold; margin-top:2rem;
	}
.reach_links span{ margin-right:1.5rem;}	
.reach_links a{ margin-left:8px;display: block;
    width: 34px;
    height: 34px; cursor:pointer;}
	
	
/*Capacity Building-TTP*/
.director_biaoti {
    font-size: 1.571rem;
    color: #000;
	font-weight:bold;
	line-height:2.857rem;
}	
.director_biaoti span {
    font-size: 1.285rem;
    color: #093d3c;
	display:block;
	margin-top:0.714rem;
}		

.lectures_tit {
    font-size:1.571rem;
    color: #000;
    position: relative;
	font-weight:bold;
}
.lectures_1 {
    width: 100%;
    height: auto;
    font-size: 1.285rem;
    line-height: 1.714rem;
    color: #000;
    margin-top: 1rem;
}
.lectures_2{
	width: 100%;
    height: auto;
    font-size: 1.285rem;
    line-height: 1.857rem;
    color: #000;
    margin-top:1.5rem;
	}
.lectures_2 p {
    width: 100%;
    height: auto;
    background: url(../images/people_24.jpg) no-repeat left 0.35rem;
    background-size: 1.142rem;
    padding-left: 2rem;
    font-size: 1.285rem;
    line-height: 1.714rem;
    color: #000;
	 margin-top:1rem;
}
.lectures_2 .director_2 div{ margin-top:1rem;}
.mongolia_tit {
    width: 100%;
    font-size: 1.857rem;
    color: #000;
    font-weight: bold;
	line-height:50px;
    margin-bottom: 2.285rem;
	position:relative;
}
.mongolia_select{ position: absolute; top:-10px; right:0;}
.mongolia_select select{
	width: 155px;
    height: 50px;
    border: 2px solid #0c3f3e;
    color: #000;
    padding-left: 1rem;
    font-size: 1.5rem;
	background:#e4eaea;
	font-weight:normal;
	}
.mongolia_events .events_2_1{ width:23%;}	
.mongolia_events .events_2_2{ width:26%; margin-left: 0;}	
.mongolia_events .events_2_3{ margin-left: 0;}	
.mongolia_events .events_2_3 a{ margin-right:1rem;}		

.facilities{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	padding-top: 4.285rem;
	}	
.facilities_all{
	width: calc(100% + 8rem);
    margin-left: -4rem;
    height: auto;
	}	
.facilities_lun{ width:100%; height:auto;  overflow:hidden;}	
.facilities_con{ width:100%; height: calc(var(--mainwidth) * 517 / 1200);}	
.facilities_con a{display: flex;
    justify-content: space-between; width:100%; height:100%; overflow:hidden;}
.facilities_img{
	width:50%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.facilities_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	
.facilities_right{ width:50%; height:100%; background:#e4eaea; padding:3.428rem;}
.facilities_right .lectures_1{ margin-top:1.5rem;}

.facilities_lun .pagination_facilities{ 
	position: relative;
	width:100%;
	z-index:3;
	bottom:0;
	text-align: center; margin-top:2rem;
}
.facilities_lun .swiper-pagination-bullet { 
	display: inline-block; 
	width:16px; 
	height:16px; 
	background: #e6ebeb;
	border-radius:50px;
	border:2px solid #fff;
	margin:0 8px;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.facilities_lun .swiper-pagination-bullet-active{ 
	border:2px solid #b41522;
	background:#fff;
}	

/*Capacity Building-SANFRI-CAS1*/
.sanfri_wai{ width:100%; height:auto;}
.sanfri_wai .peoplefour_tit{
	width: 1200px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-bottom:2rem;
	}

.sanfri_warp{
	 width: 100%;
	margin: 0 auto;
	    height: calc(100vw * 478 / 100vw);
		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: 1500px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	position:relative;
	z-index:2;
	}
.sanfri_left{
	width:29.16%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
}
.sanfri_left img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
	
.sanfri_right{ width:62.5%; display:flex; flex-direction: column;
    justify-content: center;}
.sanfri_right .director_4{margin-top: 1.5rem;}
.sanfri_right .director_4_1{margin-bottom: 0.75rem;}

.scholar{
	    width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.scholar_mune{
	 width: 100%;
	height: auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	}
  .scholar_mune a{
    color: #000000;
	 font-size: 1.428rem;
	 line-height:1.714rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
	position:relative;
	font-weight:bold;
	width:25%;
	text-align:center;
}
 .scholar_mune a:after{
	 position: absolute;
    content: '';
    width: 1px;
    height: 20px;
    background: #000;
    left: 0;
    top: calc(50% - 10px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	 }
	 .scholar_mune a:nth-child(1):after { display:none;}
.scholar_mune a.scholar_mune_a{
	 color:#093d3c;
	 text-decoration:underline;
	  }

.scholar_mune a:hover{
	color:#093d3c;text-decoration:underline;
}

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

.support{ width:100%; height:auto;display: flex;
    justify-content: flex-end;
    position: relative;
	min-height:calc(var(--mainwidth) * 0.3333 * 268 / 400 + 2.285rem);
	}
.support_img{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:33.33%;
	height: calc(var(--mainwidth) * 0.3333 * 268 / 400);
	font-size: 0px;
	overflow: hidden;
}
.support_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.support_right{
	width:74.16%;
	height:auto;
	background:#e4eaea;
	margin-top:2.285rem;
	padding:26px 65px 54px 120px;
	}
.support_tit{
	width:100%; color:#000; font-weight:bold; font-size:1.428rem; line-height:2.857rem;
	}	
.support_come{
	width:100%;
	height:auto;
	font-size:1.285rem;
	color:#000;
	line-height:1.714rem;
	margin-top:0.5rem;
	}	
.expert{ width:100%; height:auto; margin-top:4rem;}
.expert_con{
	width:100%;
	height:auto;
	border-top:2px solid #093d3c;
	border-bottom:2px solid #093d3c;
	}	
.expert_con .fcm_con:nth-child(2n){
	background:#eff3f2;
	
	}
.expert_con .fcm_con{ border-bottom:none; padding:0 20px;}
.expert_con .fcm_con .fcm_1{ font-weight:normal; width:27.5%;}
.expert_con .fcm_con .fcm_2{ width:29.5%;}
.expert_con .fcm_con .fcm_3{ width:23%;}
.expert_con .fcm_con .fcm_4{}

.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: 98%;
    height: auto;
    background: #e4eaea;
    margin-top: 2.285rem;
	display: flex;
    justify-content: space-between;
	padding:50px 40px;
}
.team_left{ padding-top:250px; width:52%;}
.team_left .director_4{ padding-left:0;}

.team_right{ width:45%;}
.team_right .director_4{ padding-left:0;}
.team_right .support_tita{ margin-top:3rem;}
.team_down{ width:100%; height:auto; margin-top:2rem;}
.team_down a {
    background: url(../images/dalogues_12.png) no-repeat left;
    padding-left: 32px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 1.285rem;
	color: #000000;
}
.team_down a:hover{ color:#b11422;}


.seed_three{
	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_three_1{ padding-left:1.5rem; width:17.5%;}
.seed_three_2{ width:27.5%;}
.seed_three_3{ width:17%;}
.seed_three_4{ width:38%;}



.seed_all{ width:100%; height:auto; border-bottom:2px solid #093d3c;}
.seed_all .seed_2:nth-child(2n){
    background: #eff3f2;
}
.seed_2{
	width:100%; display:flex;justify-content: flex-start;  font-size:1.285rem; color:#000; line-height:1.857rem; padding:28px 0;
	}
.seed_2_1{ padding-left:1.5rem; width:17.5%; font-weight:bold;}
.seed_2_2{ width:27.5%;}
.seed_2_3{ width:17%;}
.seed_2_4{ width:38%;}

/*Capacity Building-ASP*/
.host_warp {
    width: 100%;
    margin: 0 auto;
    height: calc(100vw * 554 / 100vw);
    position: relative;
	background:#eff3f2;
}
.host{
	width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	overflow:hidden;
	}
.host_lun{ width:100%; height:100%; position:relative;}
.host_lun .pagination_host{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:2.714rem;
	text-align: right;
	left:inherit;
	right:0;
}
.host_lun .swiper-pagination-bullet { 
	display: inline-block; 
	width:16px; 
	height:16px; 
	background: #fff;
	border-radius:50px;
	border:2px solid #eff3f2;
	margin-left:1rem;
	margin-right:0;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.host_lun .swiper-pagination-bullet-active{ 
	border:2px solid #b41522;
	background:#eff3f2;
}	

.host_con{ width:100%; display:flex; justify-content: space-between;    height: 100%}	
.host_img{
	width:50%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.host_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.host_right{
	width:46%; padding-top:2.857rem;
	}
.host_1{ width:100%; height:auto; margin-top:1.5rem;}	
.host_1_1{ width:100%; background:url(../images/host_10.png) no-repeat left; color:#000000; font-size:1.285rem; padding-left:38px; font-weight:bold;}
.host_1_2{ width:100%; height:auto; color:#000000; font-size:1.285rem; line-height:1.857rem; margin-top:1rem; padding-left:38px;}

.host_2{width:100%; color:#000000; font-size:1.285rem; font-weight:bold;  margin-top:25px;}
.host_3{ width:100%; background:url(../images/host_13.png) no-repeat left; color:#000000; font-size:1.285rem; padding-left:38px; line-height:38px; margin-top:1rem;}
.host_4{ width:100%; background:url(../images/host_15.png) no-repeat left; color:#000000; font-size:1.285rem; padding-left:38px; line-height:38px; }
.host_5{ width:100%; background:url(../images/host_18.png) no-repeat left; color:#000000; font-size:1.285rem; padding-left:38px; line-height:38px; }

.features{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative; display:flex; justify-content: space-between;
	}
.features_left{
	width:55%;
	}	
.features_tit{ font-weight:bold; color:#000; font-size:1.285rem;}

.features_right{ width:42.5%;}
.city_1{ width:100%; height:auto; font-size:1.285rem; color:#000; line-height:25px; padding-left:90px; margin-top:1rem; position:relative;}
.city_1:after{
		position: absolute;
    content: '';
    width: 13px;
    height: 2px;
    font-size: 0;
    background: #58774e;
    left: 65px;
    top: 12px;
	}
	
.city_2 {
    width: 100%;
    height: auto;
    font-size: 1.285rem;
    line-height: 26px;
    color: #000;
    margin-top: 2rem;
	padding-left:20px;
	position:relative;
	margin-bottom:30px;
}
.city_2:after{
		position: absolute;
    content: '*';
    width: 13px;
    height: 26px;
	line-height:26px;
    font-size: 18px; 
    left: 0 ;
    top: 0;
	color:#316c5a;
	}
	.city_3 {
    width: 100%;
    height: auto;
    font-size: 1.285rem;
    line-height: 26px;
    color: #316c5a; margin-top:1rem;
}
.level{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 3.428rem 0 5.142rem 0;
    position: relative;
	}
.level_1{
	width:100%; border-bottom:2px solid #093d3c; display:flex;justify-content: flex-start; align-items: center; font-size:1.5rem; color:#000; font-weight:bold; padding-bottom:1rem;
	}
.level_1_1{ width:17%;}
.level_1_2{ width:20%;}
.level_1_3{ width:8%;}
.level_1_4{ width:17%;}
.level_1_5{ width:12%;}
.level_1_6{ width:13%;}
.level_1_7{ }


.level_all{ width:100%; height:auto; border-bottom:2px solid #093d3c;}
.level_all .level_2:nth-child(2n){
    background: #eff3f2;
}
.level_2{
	width:100%; display:flex;justify-content: flex-start;  font-size:1.285rem; color:#000; height:4.285rem; line-height:20px;
	}
.level_2 div{
	display: flex;
    flex-direction: column;
    justify-content: center;
	}	
	    
.level_2 .level_1_1{ padding-left:15px;}

.pic{
	width: 1200px;
    width: var(--mainwidth);
    height: calc(var(--mainwidth) * 425 / 1200);
    margin: 0 auto;
	overflow:hidden;
	}
.pic_lun{ width:100%; height:100%; position:relative;}
.pic_lun .pagination_pic{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:28px;
	text-align: right;
	left:inherit;
	right:36px;
}
.pic_lun .swiper-pagination-bullet { 
	display: inline-block; 
	width:14px; 
	height:14px; 
	background: #fff;
	border-radius:50px;
	border:2px solid rgba(0,0,0,0);
	margin-left:1rem;
	margin-right:0;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.pic_lun .swiper-pagination-bullet-active{ 
	border:2px solid #b41522;
	background: none;
}	

.pic_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position:relative;
}
.pic_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pic_img_bg{
	width:100%;
	height:80%;
	position:absolute;
	bottom:0;
	left:0;
	background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	}

.pic_tit {
    width: 100%;
    font-size: 1.857rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 3.285rem;
	position:relative;
}
.pic_select{ position: absolute; top:-10px; right:0;}
.pic_select select{
	width: 155px;
    height: 50px;
    border: 2px solid #0c3f3e;
    color: #000;
    padding-left: 1rem;
    font-size: 1.5rem;
	background:#fff;
	font-weight:normal;
	margin-left:1rem;
	}

.network {
    width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
	margin-bottom:5rem;
}
.pic_tit_share{ position:absolute; top:0; right:0;display: flex;
    justify-content: space-between;
align-items: center;}
.pic_tit_share a{ cursor:pointer; margin-left:12px;}

.network_all{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.network_con{ width:calc((100% - 84px) / 4); height: auto;
	display:flex;
	flex-direction: column;
	 background:#eff3f2;
	margin-right:28px; 
	margin-top:28px;
	padding:40px 32px;
	}

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

.network_con:hover .network_img{ margin-top:-5px;}
.network_con:hover .network_tit{ color:#0d423f;}


.network_img{ width:100%; height:auto; text-align:center; font-size:0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.network_img img{ width:auto; height:59px;}	
	
.network_tit{ font-size:1.571rem; line-height:2rem; height:auto;
    overflow: hidden; text-align:center; margin-top:20px; font-weight:bold;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}

/*About-OUR ORGANIZATION新2*/
.history_warp{
	width: 100%;
    height:  auto;
    position: relative;
    background: #eff3f2;
	padding:90px 0;
	overflow:hidden;
	}
.history{
	width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	}
.history_all{
	width:125%; height:auto; position:relative; margin-left:-12.5%; margin-top:30px;
	}
.history_year{
	    width: 100%;
    font-size:100px;
    color: #093d3c;
    font-family: impact;
	line-height:170px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	}	
.history_lun{ width:calc(100% + 48px); margin-left:-24px; height:auto; position:relative; min-height:674px;}
	


.history_con{ width:100%; height:100%;display: flex; justify-content: space-between; position:relative;}
.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:calc((100% - var(--mainwidth)) / 2);
	width:335px;
	padding-top:170px;
	position:relative;
	 z-index:2;
	 padding-right:2rem;
	}	
.history_left .director_4 {
    width: 100%;
    height: 430px;
    margin-top: 2.285rem;
    padding-left: 2rem;
    overflow-y: auto;
}
	
.history_right{
	width:calc((100% - var(--mainwidth)) / 2 + 865px); margin-top:-64px; position:relative; z-index:2;
	}	
.history_top{ width:100%; height:572px; position:relative;  padding-right:24px;}	
.history_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position:relative;
	z-index:3;
}
.history_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.history_1{
	width:100%;
	height: 100%;
	background:#c9d4d4;
	position:absolute;
	left:24px;
	bottom:-18px;
	}
.history_2{ width:277px; height:99px; background:url(../images/about_07.png) no-repeat center; position:absolute; z-index:4; top:0; right:-100px; font-size:46px; font-weight:bold; font-family:segoeprb; text-align:center; line-height:89px;transform:rotate(30deg);}	
.history_come{ width:815px; padding:0 25px; font-size:20px; color:#000; line-height:30px; margin-top:60px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    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: 58px;
    height: 58px;
    border-radius: 50%;
    background: #b11422;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-left:6px;
}
.history_btn a img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	}
.history_btn a:hover{
    background: #093d3c;
}




.values{
	width:100%; height:auto;
	    display: flex;
    justify-content: flex-start;
    margin-top: 2rem;
    flex-wrap: wrap;
	}
.values_con{ width:calc((100% - 84px) / 4); height: auto;
	margin-right:28px; 
	margin-top:28px;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.values_con:hover{transform: translateY(-10px);}
.values_con:nth-child(4n){ margin-right:0;}
.values_con:nth-child(1),.values_con:nth-child(2),.values_con:nth-child(3),.values_con:nth-child(4){ margin-top:0;}


.values_img{ width:110px; height:110px; background:#fff; border-radius:50%;  margin:0 auto;display: flex;
    justify-content: center;
    align-items: center; position:relative; z-index:2;}
.values_img img{ width:68%; height:auto;}	
	
.values_tit{ font-size:1.571rem; line-height:2rem; height:auto;
    overflow: hidden; text-align:center; font-weight:bold; background:#e8efed; margin-top:-55px;  height:190px; padding-top:10px;display: flex;
    justify-content: center;
    align-items: center;}
	
	
/*index*/
.big{ width:100%; height:90vh; position:relative; overflow:hidden; z-index:3;}
.big .pagination_big{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:12%;
	text-align: left;
	left:calc((100vw - var(--mainwidth)) / 2);
	
}
.big .swiper-pagination-bullet { 
	display: inline-block; 
	width:14px; 
	height:14px; 
	background: #fff;
	border-radius:50px;
	border:2px solid rgba(0,0,0,0);
	margin-left:0;
	margin-right:10px;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.big .swiper-pagination-bullet-active{ 
	border:2px solid #b41522;
	background: none;
}	

.big_con{ width:100%; height:100%; position:relative; overflow:hidden;}
.big_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
}
.big_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.big_nei{
	width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	position:relative;
	z-index:2;
	}
.big_1{
	width: 100%;
    font-size: 6.928rem;
    color: #fff;
    font-family: impact;
	line-height:7.142rem;
	padding-top:25%;
	}

.big_2{ width:100%; height:auto; margin-top:50px;display: flex;
    align-items: center;}	
.big_2 a{ padding:0 72px; border-radius:5px; background:#b31423; color:#fff; font-size:18px;     display: flex; align-items: center; width:auto; font-weight:normal; height:4rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.big_2 a:hover{ background:#093d3c; color:#fff;}	
.big_2 a:after{ display:none;}		
.big_2 span{ font-size:18px; font-family:'宋体'; margin-left:0.5rem;}


.active_warp{ width:100%; height:auto; position:relative; z-index:3;
	padding:76px 0 65px 0; background:#fff;}
.active{
	width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	position:relative;
	z-index:2;
	}
.active_all{
	width:100%;
	height:auto;
	display:flex;
	    justify-content: space-between;
		margin-top:24px;
	}	
.active_left{
	width:838px;
	height:auto;
	}	
.active_con{ width:100%; height:auto;display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;}	
.active_rong{ width:408px; height:auto; margin-right:22px; margin-top:48px;}	
.active_rong:nth-child(2n){ margin-right:0;}
.active_rong:nth-child(1),.active_rong:nth-child(2){ margin-top:0;}
.active_rong a{ display:block; width:100%; height:100%;}
.active_rong a:hover .active_img img{transform:  perspective(100px) translateZ(5px);}
.active_rong a:hover .active_nei{ color:#316c5a;}
.active_img{
	width:100%;
	height: 197px;
	font-size: 0px;
	overflow: hidden;
	border-radius: 5px;
}
.active_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.active_come{
	width:100%;
	background:url(../images/index_17.png) no-repeat left;
	font-size:1rem;
	color:#000;
	padding-left:28px;
	line-height:62px;
	margin-top:10px;
	}
.active_come span{ padding:0 14px;}
.active_nei{
	width:100%;
	height:78px;
	font-size:22px;
	color:#000;
	line-height:26px;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}

.active_right{ width:calc(100% - 860px);}
.active_biao{ width:100%; height:197px;}
.active_biao a{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.active_biao img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.active_shu{
	width:100%; height:545px;    display: flex;
    justify-content: space-between;
    flex-direction: column;
	}
.active_yi{
	width:100%;
	height:calc(100% / 3);
	
	}

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

.active_yi a{
	width:100%;
	height:100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
	border-bottom:1px solid rgba(0,0,0,0.1);
	}
.active_yi a .active_come{ margin-top:0;}
.active_yi a:hover .active_nei{ color:#316c5a;}
.restor_warp{ width:100%; height:calc(100vw * 900 / 1920); position:relative; overflow:hidden; z-index:3;}
.restor_warp:after{
	position: absolute;
    content: '';
    width: 45.57%;
    height: 100%;
    font-size: 0;
    background: #093d3c;
    left: 0;
    bottom: 0;
	}
.restor_warp:before{
	position: absolute;
    content: '';
    width: 54.43%;
    height: 100%;
    font-size: 0;
    background: #e4eaea;
    right: 0;
    bottom: 0;
	}
.restor{
	width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	position:relative;
	z-index:2;
	}

.restor .Publications_tit{ color:#fff;}
.restor_lun{ width:100%; height:100%; position:relative;}
.restor_lun .pagination_restor{ 
	position: absolute;
	width:100%;
	z-index:3;
	bottom:20px;
	text-align: center;
	left:0;
}
.restor_lun .swiper-pagination-bullet { 
	display: inline-block; 
	width:14px; 
	height:14px; 
	background: #fff;
	border-radius:50px;
	border:2px solid rgba(0,0,0,0);
	margin-left:5px;
	margin-right:5px;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.restor_lun .swiper-pagination-bullet-active{ 
	border:2px solid #b41522;
	background: none;
}	


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


.action{
	width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	padding:76px 0 65px 0;
	}
.action_all{ width:100%; height:auto; margin-top:24px; display:flex;justify-content:space-between;}
.action_left{
	width:65.5%;
	}
.action_top{ width:100%; height:258px;}
.action_top a{ display: flex; width:100%; height:100%; background:#1b2c43; 
    flex-direction: column;
    justify-content: center; padding:0 45px; overflow:hidden;}
.action_top_1{ color:#fff; font-size:22px; line-height:31px;}
.action_bottom{ width:100%; margin-top:28px; display:flex;justify-content:space-between;}
.action_bottom_left{ width:392px; height:258px;}
.action_bottom_left a{ display:block; width:100%; height:100%; position:relative;}
.action_bottom_left a:hover .action_bottom_img img{transform:  perspective(100px) translateZ(5px);}
.action_bottom_left a:hover .action_bottom_tit:before{ background:rgba(255,255,255,0.3);}

.action_bottom_img{
	width:100%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
	position:relative;
}
.action_bottom_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}	


.action_bottom_tit{ position:absolute; width:100%; height:auto; bottom:0; left:0; padding:10px 30px; font-size:22px; line-height:32px; text-align:center; color:#fff; overflow:hidden; min-height:82px;}	
.action_bottom_tit span{  position:relative; z-index:3;}
.action_bottom_tit_1{
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    font-size: 0;
    left: 0;
    bottom: 0;
	z-index:1;
    filter: blur(5px);
	}
.action_bottom_tit:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    font-size: 0;
    background: rgba(27,44,67,0.5);
    left: 0;
    bottom: 0;
	z-index:2;
	
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}

.action_bottom_right{ width:calc(100%  - 420px); height:258px;}
.action_bottom_right a{ display:block; width:100%; height:100%; position:relative;}
.action_bottom_right a:hover .action_bottom_img img{transform:  perspective(100px) translateZ(5px);}
.action_bottom_right a:hover .action_bottom_tit:before{ background:rgba(255,255,255,0.3);}

.action_right{ width:calc(100%  - 65.5% - 28px); height:544px;}
.action_right a{ display:block; width:100%; height:100%; position:relative;}
.action_right a:hover .action_bottom_img img{transform:  perspective(100px) translateZ(5px);}
.action_right a:hover .action_bottom_tit:before{ background:rgba(255,255,255,0.3);}

.action_xia{
	    width: 100%;
    height: auto;
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
	}
.action_zuo{
	width: 392px;
    height: 258px;
	}
.action_zuo a{ display:block; width:100%; height:100%; position:relative;}
.action_zuo a:hover .action_bottom_img img{transform:  perspective(100px) translateZ(5px);}
.action_zuo a:hover .action_bottom_tit:before{ background:rgba(255,255,255,0.3);}



.action_you{ width:calc(100% - 420px); height:258px;}
.action_you a{ display:block; width:100%; height:100%; position:relative;}

.action_you a:hover .action_bottom_img img{transform:  perspective(100px) translateZ(5px);}
.action_you a:hover .action_bottom_tit:before{ background:rgba(255,255,255,0.3);}



.tools_warp{ width:100%; height: auto; position:relative; z-index:3; padding:76px 0 65px 0; background:linear-gradient(to bottom, #f9f9f9, #fff);}
.tools{
	 width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	position:relative;
	z-index:2;
	}
.tools_all{ width:100%; margin-top:24px;
height: calc(var(--mainwidth) * 540 / 1200);

 display:flex;justify-content:space-between;}
.tools_left{ width:60.5%; height:100%; position:relative;}
.tools_con{ width:100%; height:100%;}
.tools_con_none{ display:none;}
.tools_con a{ display: block; width:100%; height:100%; position:relative;}	
.tools_con_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.tools_con_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.tools_con_bg{ width:100%; height:80%; position:absolute; bottom:0; left:0; background:linear-gradient(to top, rgba(9,61,60,0.72), rgba(0,0,0,0));}
.tools_con_nei{ position:absolute; bottom:60px; left:0; padding:0 40px;}
.tools_con_nei_1{ font-size:1.857rem; color:#fff; line-height:2.571rem; width:76%;}
.tools_con_nei_2{ position:absolute; bottom:0; right:2rem; width:4rem; height:4rem; border-radius:50%; background:#b41522; font-size:0;}
.tools_con_nei_2 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	}
	
.tools_yin{ position:absolute; top:0; left:0; width:100%; height:100%;}
.tools_yin_con{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:-1;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}	

.tools_yin_con_xian{ opacity:1; z-index:2;}

.tools_yin_con a{ display: block; width:100%; height:100%; position:relative;}	
	
.tools_right{ width:39.5%; height:100%}
.tools_mune{ width:100%; height:100%;}
.tools_mune a{ display:flex; height:calc(100% / 3); width:100%; position:relative;}
.tools_mune a:nth-child(2) .tools_mune_tit{ background:#d4dddd;}
.tools_mune a:nth-child(3) .tools_mune_tit{ background:#c1cdcd;}

.tools_mune a.tools_mune_on .tools_mune_img{
	;-moz-box-shadow: 0px 4px 15px 0 rgba(9,61,60,0.6);
    -webkit-box-shadow: 0px 4px 15px 0 rgba(9,61,60,0.6);
    box-shadow: 0px 4px 15px 0 rgba(9,61,60,0.6);
	}

.tools_mune_tit{ width:calc(100% - 54px); height:100%; font-size:26px; color:#093d3c;font-family: impact; padding-left:36px;display: flex;
    align-items: center; background:#e4eaea; position:relative;
}

.tools_mune_img{ width:108px; height:108px; background:#fff; border-radius:50%;-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); top:calc(50% - 54px); position:absolute; right:0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}



.global_warp{ width:100%; height:100vh; position:relative; background:url(../images/index_64.jpg) no-repeat center; background-size:104%; background-attachment: fixed; background-position:center;}
.global_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position:absolute;
	left:0;
	top:0;
}


.global_img_2 {
	width:100%; height:3.855rem; position:absolute; top:0; left:0;
    transform:rotate(180deg);

}

.global_img_3 {
	width:100%; height:3.855rem; position:absolute; bottom:0; left:0;


}
	

.global_img_1{ 
width:100%; height:54px; 
}







.global_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.global{
	 width: 1200px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
	position:relative;
	z-index:2;
	    display: flex;
    flex-direction: column;
    justify-content: center;
	}
.global_1{ width:100%; height:auto; text-align:center; font-size:0;}	
.global_1 img{ width:7.857rem;} 
.global_2 {
    width: 100%;
    font-size: 3.571rem;
    color: #fff;
    font-family: impact;
	margin-top:2.285rem;
	text-align:center;
}	
.global_3{ width:100%; height:auto; text-align:center; font-size:1.571rem; color:#fff; line-height:2.571rem; margin-top:1.714rem;}


.global_4{ width:100%; height:auto; margin-top:3.142rem;display: flex;
    align-items: center;
    justify-content: center; margin-top:3.285rem;}	
.global_4 a{ padding:0 5.142rem; border-radius:5px; background:#b31423; color:#fff; font-size:1.428rem;     display: flex; align-items: center; width:auto; font-weight:normal; height:4rem; cursor:pointer;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	}
.global_4 a:hover{ background:#093d3c; color:#fff;}	
.global_4 a:after{ display:none;}		
.global_4 span{ font-size:2rem; margin-left:0.5rem;}


.Publications{
	    width: 1200px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 60px 0 56px 0;
    position: relative;
	}
.Publications_tit {
    width: 100%;
    font-size: 50px;
    color: #000;
    font-family: impact;
}	
.Publications .stories_all{ margin-top:40px;}
/*视频弹框*/
.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;
}
@media screen and (max-width:1599px)and (min-width:1440px){
.big_1{    padding-top: 14%;}
.restor_img {
    width: 800px;
    right: -5.5%;
}
.global_img_2,.global_img_3{ height:44px;} 
.ky_footer_back { right: -7.5%;}
.ky_nbanner_con{width: calc(var(--mainwidth) + 6vw);}
.ky_nbanner_con_right{ width:60%;}
.ky_map_con{width: calc(var(--mainwidth) + 6vw);}
.history_all {
    width: 100%;
    margin-left: 0;
}
.history_year{ font-size:76px; left: -60px;}
.history_btn {right: -30px;    height: 46px;}
.history_btn a {
    width: 46px;
    height: 46px;
}
.history_btn a{ margin-left:3px;}
.current{width: calc(var(--mainwidth) + 6%);}
.host_warp{    height: calc(100vw * 560 / 100vw);}
.host_1{ margin-top:10px;}
.host_2{ margin-top:15px;}

}
	
@media screen and (max-width:1439px)and (min-width:1200px){
.history_year{ font-size:84px;}
.host_1{ margin-top:10px;}
.host_2{ margin-top:15px;}
.big_1{    padding-top: 14%;}
.global_img_3,.global_img_2{ height: 3.5rem;}

}
@media screen and (max-width:1199px)and (min-width:1024px){
	
}