@font-face {
    font-family: 'SourceHanSans'; /* 定义字体名称 */
    src: url('./SourceHanSansCN-Normal.otf') format('opentype'); /* 指定字体文件路径 */
    font-weight: normal;
    font-style: normal;
}
* {
	box-sizing: border-box;
	outline: 0;
	/*-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;*/
	font-family: 'SourceHanSans', sans-serif !important;
}
.pagination>li>a, .pagination>li>span{
	color: #333;
}

.bottom-img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33%;
    /* height: 590px; */
}
/*img{
	max-width: 100%;
}*/

.about_content .about_box .about_lesson dl:hover,.about_content .about_box .about_lesson dl {
    /*background: #F08D5C;*/
    transition: 0s !important; 
    -moz-transition: 0s !important;
    -webkit-transition: 0s !important; 
    -o-transition: 0s !important; ;
}

/*.about_content .about_box .btnhtn .btn{*/
/*	margin-top: 0 !important;*/
/*	margin-bottom: 20px !important;*/
/*}*/

.about_content img{
	/* width: initial !important;
	max-width: 100% !important; */
	/* margin: auto; */
	/* border-radius: 10px; */
}
.about_content .about_box{
	padding-bottom: 0 !important;
}
p {
	margin: 0
}

.clearfix {
	clear: both!important
}

ul li {
	list-style: none
}

a {
	color: #ffffff;
	text-decoration: none!important;
	cursor: pointer
}

/* a:focus,a:hover {
	color: #e70;
	text-decoration: underline;
	-webkit-transition: 1s;
	transition: 1s
} */
/* 分页样式 */
.pages {
    text-align: center;
    padding: 30px 0;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages li{
    display: inline-block;
}
.pages a,
.pages span {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 3px;
    transition: all 0.3s;
}

.pages a:hover {
    border-color: #F10E1E;
    color: #F10E1E;
}

.pages .active span{
    background: #F10E1E;
    border-color: #F10E1E;
    color: #fff;
}

.pages span.disabled {
    background: #f5f5f5;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}

body {
	font-family: '寰蒋闆呴粦'
}

body header .nav_top {
	width: 100%;
	height: 6px;
	background: #f5ad66
}
.p-top-bottom-100{
	padding: 100px 0;
}
.about_content .about_box .program_title{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

body header .nav_top p {
	width: 40%;
	height: 6px;
	background: #e70
}

body header .nav_top p:nth-of-type(1) {
	float: left;
	width: 40%;
	background: #e70
}

body header .nav_top p:nth-of-type(2) {
	float: right;
	width: 10%;
	background: #f8c999
}

body header .logo_title {
	/* margin-top: 22px; */
	/* margin-bottom: 25px */
}

body header .logo_title .logo_image {
	/* float: left; */
	/* margin-top: 22px;
	margin-right: 10px; */
	display: flex;
	align-items: center;
	padding: 30px 0;
	background-color: #ffffff !important;
}
.logo_image a{
	width: 48%;
}
.nav-logo{
	width: 100%;
	margin-right: 30px !important;
}
.acea-row{
	display: flex;
	/* align-items: center; */
}
.items-center{
	align-items: center;
}
.items-top{
	align-items: start;
}
.items-end{
	align-items: flex-end;

}
.justify-content-between{
	justify-content: space-between;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt50{
	margin-top: 50px;
}
.mt100{
	margin-top: 100px;
}
.seach-box{
	overflow: hidden;
	width: 212px;
	height: 35px;
	background: #FFFFFF;
	border-radius: 18px;
	border: 2px solid #F7704E;
}
.seach-box input {
	padding: 2px 15px;
	border: none;
	/* background: #fce4cc; */
	/* color: #e4b587; */
	font-size: 14px;
	line-height: 30px
}
.icon-sousuo{
	color: #FA6640;
	font-size: 40px;
}
.theme-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 83px;
	height: 35px;
	background: linear-gradient(100deg, #F10E1E, #FB8243);
	border-radius: 18px;
	color: #FFFFFF;
	font-size: 20px;
	margin-left: 12px;
}
.right{
	margin-right: 0;
}
.tel-box{
	margin-left: 5rem;
}
.tel-txt{
	font-weight: bold;
	font-size: 26px;
	color: #FA6640;
}
.tel-sub{
	font-weight: 400;
	font-size: 15px;
	color: #FA6640;
}
.nav-bg{
	width: 100%;
	height: 50px;
	background: linear-gradient(100deg, #F40017, #F99272);
	color: #FFFFFF;
	display: flex;
}
.nav-box{
	width: 75vw;
	/* background-color: #999; */
	display: flex;
	justify-content: space-between;
}
.nav_a:hover{
    color: #F10E1E !important;
}
body header .logo_title .logo_name {
	float: left
}

body header .logo_title .logo_name p {
	margin: 6px 0 0;
	/* border-top: 1px solid #f5f5f5;
	color: #e70; */
	font-size: 9pt;
	line-height: 24px
}


body header .logo_title .logo_right div input {
	padding: 4px 15px;
	border: none;
	background: #fce4cc;
	color: #e4b587;
	font-size: 14px;
	line-height: 30px
}

body header .logo_title .logo_right div input::-webkit-input-placeholder {
	color: #e4b587;
	font-size: 14px;
	line-height: 30px
}

body header .logo_title .logo_right div input:-moz-placeholder,body header .logo_title .logo_right div input::-moz-placeholder {
	color: #e4b587;
	font-size: 14px;
	line-height: 30px
}

body header .logo_title .logo_right div input:-ms-input-placeholder {
	color: #e4b587;
	font-size: 14px;
	line-height: 30px
}

body header .logo_title .logo_right div a {
	display: inline-block;
	margin-left: 1px;
	/*padding: 4px 10px;*/
	/*background: #fce4cc;*/
	vertical-align: middle;
	line-height: 30px
}

body header .logo_title .logo_right div a i {
	color: #e4b587;
	line-height: 30px
}

body header .logo_title .logo_right ul li {
	position: relative;
	/*width: 120px;*/
	width: 100%;
	text-align: center;
	height: 50px;
	/* background-color: #e4b587; */
	/* float: left; */
	/* padding: 4px 18px; */
	color: #ffffff;
	line-height: 50px
}
.logo_right ul li:hover{
	background: #ffffff;
}
.logo_right ul .active{
	background: #ffffff;
}
/* body header .logo_title .logo_right ul li:nth-last-child(2) {
	margin-left: 34px;
	background: #e70;
	font-weight: 700
}

body header .logo_title .logo_right ul li:nth-last-child(2) a i {
	margin-left: 4px;
	vertical-align: middle;
	font-size: 21px;
	line-height: 0
}

body header .logo_title .logo_right ul li:nth-last-child(2) a {
	color: #fff
} */

body header .logo_title .logo_right ul li a {
    /*width: 120px;*/
    width: 100%;
    height: 45px;
	padding: 0;
	background: 0 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 1pc;
	line-height: 45px
}
body header .logo_title .logo_right ul li .nav_a:hover{
    color: #F10E1E !important;
}
body header .logo_title .logo_right ul li a:hover,body header .logo_title .logo_right ul li:hover a {
	color: #F10E1E 
}

body header .logo_title .logo_right ul li:hover:after {
	/* position: absolute;
	top: -8px;
	right: 18px;
	left: 18px;
	height: 3px;
	background: #e70;
	content: '';
	-webkit-transition: 1s;
	transition: 1s */
}

/* body header .logo_title .logo_right ul li:hover:nth-last-child(2) {
	background: #e70;
	font-weight: 700
}

body header .logo_title .logo_right ul li:hover:nth-last-child(2) a i {
	margin-left: 4px;
	vertical-align: middle;
	font-size: 21px;
	line-height: 0
}

body header .logo_title .logo_right ul li:hover:nth-last-child(2) a {
	color: #fff
}

body header .logo_title .logo_right ul li:hover:nth-last-child(2):after {
	display: none
} */

body header .logo_title .logo_right ul .active {
	/*color: #e70*/
}

body header .logo_title .logo_right ul .active a {
	background-color: #ffffff;
	color: #F10E1E
}

/*body header .logo_title .logo_right ul .active:after {*/
/*	position: absolute;*/
/*	top: -8px;*/
/*	right: 18px;*/
/*	left: 18px;*/
/*	height: 3px;*/
/*	background: #e70;*/
/*	content: ''*/
/*}*/

body .footer {
	padding: 70px 0 100px;
	background: url('../images/bottom-bg.png') no-repeat center center;
    background-size: cover;
    width: 100%; /* 确保宽度为100% */
    box-sizing: border-box; /* 确保内外边距计算正确 */
	color: #ffffff;
	position: relative;
}
.bottom-huayi{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
body .footer .footer_name {
	/*float: left;*/
	/*margin-right: 200px*/
}

body .footer .footer_name img:nth-of-type(1) {
	margin-right: 10px
}

body .footer .footer_content {
	/*float: left;*/
	/*margin-bottom: 75pt;*/
	/*width: 50%*/
}
.footer_right{
    display: flex;
    flex-direction: column;
}
.icon-box{
	margin-top: 20px;
}
body .footer .footer_content div p {
	font-size: 14px;
	line-height: 30px;
	opacity: 0.8
}
.footer_title{
	font-size: 25px;
}
/* body .footer .footer_content div p:nth-of-type(1) {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 1pc;
	line-height: 25px
} */

body .footer .footer_content div p a {
	color: #ffffff
}

body .footer .footer_content div p a:hover {
	/* color: #e70 */
}

body .footer .footer_input {
	float: right
}

body .footer .footer_input p:nth-of-type(1) {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 1pc;
	line-height: 25px
}

body .footer .footer_input div {
	margin-bottom: 20px
}

body .footer .footer_input div input {
	padding: 6px 10px;
	border: none;
	color: #a0a0a0;
	line-height: 24px
}

body .footer .footer_input div a {
	display: inline-block;
	padding: 6px 10px;
	background: #e70;
	color: #fff;
	line-height: 24px
}

body .footer .footer_bottom {
	width: fit-content;
	/* text-align: center; */
	/* padding: 20px 0;
	border-top: 1px solid #dcdcdc */
}

body .footer .footer_bottom div {
	color: #a0a0a0;
	text-align: center;
	font-size: 14px;
	line-height: 24px
}

body .footer .footer_bottom div:nth-of-type(1) {
	text-align: left
}

body .footer .footer_bottom div:nth-of-type(3) {
	text-align: right
}

.pagination>li:first-child>a, .pagination>li:first-child>span{
	margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e70;;
    border-color: #e70;;
}

.pagination>li>a, .pagination>li>span{
	margin-left: 5px;
}

/*.about_content .about_box .btnhtn .btn{
	margin-bottom: 0 !important;
}*/

.nav_menu_wh{
	/* display: inline-block; */
}

.nav-about{
	text-align: center;
}
.font-weight{
	font-weight: bold;
}
.nav-titI{
	width: initial !important;
	/* padding: 0 60px; */
}

.year_title{
	font-size: 22px !important;
	font-weight: bold !important;
}

.news_details div p{
	margin-bottom: 0 !important;
}

.year_left{
	float: left !important;
	width: 100% !important;
	max-width: 408px !important;
}

.year_right{
	float: right !important;
	width: 100% !important;
	max-width: 742px !important;
}

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

	.year_left{
		float: none !important;
		width: 100% !important;
		max-width: 408px !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.year_right{
		float: none !important;
		width: 100% !important;
		max-width: 742px !important;
		padding: 20px;
	}

	body header .logo_title .logo_image {
		width: 20%
	}

	body header .logo_title .logo_image img {
		/* width: 100% */
	}

	body header .logo_title .logo_right ul li {
		margin-top: 4px;
		padding: 0 7px
	}

	body header .logo_title .logo_right ul li a {
		font-size: 14px;
		line-height: 20px
	}

	body header .logo_title .logo_right ul li:nth-last-child(2) {
		margin-left: 0
	}

	body header .logo_title .logo_right ul .active:after {
		right: 10px;
		left: 10px
	}

	body header .logo_title .logo_right div {
		margin-bottom: 10px;
		width: 100%
	}

	body header .logo_title .logo_right div input {
		padding: 3px 15px;
		border: none;
		background: #fce4cc;
		color: #e4b587;
		font-size: 14px;
		line-height: 20px
	}

	body header .logo_title .logo_right div a {
		padding: 3px 15px;
		line-height: 20px
	}

	body header .logo_title .logo_right div a i {
		line-height: 20px
	}

	body .footer .footer_name {
		margin: 0;
		width: 100%;
		text-align: center
	}

	body .footer .footer_content {
		margin-top: 20px;
		margin-bottom: 20px;
		width: 100%;
		text-align: center
	}

	body .footer .footer_content div {
		height: 200px
	}

	body .footer .footer_input {
		width: 100%;
		text-align: center
	}
}

@media screen and (min-width:769px) {
	.dropdown{
		display: none;
	}
}

.intro_bottom {
	margin-bottom: 30px;
}

@media screen and (max-width:768px) {
	body header .logo_title .logo_image {
		margin: 0;
		width: 40%
	}
	
	#map{
		height: 350px !important;
	}
	
	.about_content .about_box .about_lesson dl{
		float: none;
		max-width: none;
		width: 100% !important;
	}
	
	.about_content img{
		width: 100% !important;
		max-width: none !important;
	}
	
	.row{
		margin-left: 0;
		margin-right: 0;
	}
	
	.about_content .about_box .intro_intro p:nth-of-type(2), .about_content .about_box .intro_intro p:nth-of-type(3){
		margin-top: 20px !important;
	}
	
	.program_content .container dl{
		width: 100% !important;
		border-bottom: 1px solid #ddd;
	}
	
	.program_content .container dl dt a{
		width: 30% !important;
		float: left;
	}
	
	.nav-about{
		height: initial !important;
	}
	
	.about_box .nav-about a:nth-last-child(1), .about_box .nav-about a:nth-of-type(1){
		display: block !important;
	}
	
	body header .logo_title .logo_image img {
		width: 100%
	}

	body header .logo_title .logo_right {
		width: 50%;
		text-align: center
	}

	body header .logo_title .logo_right ul {
		width: 50%
	}

	body .footer .footer_content,body .footer .footer_input,body .footer .footer_name {
		width: 100%;
		text-align: center
	}

	body header .logo_title .logo_right ul li:nth-last-child(2) {
		margin-left: 0;
		background: #e70;
		font-weight: 700
	}

	body .footer .footer_name {
		display: none;
		margin: 0
	}

	body .footer .footer_content {
		display: none
	}

	body .footer .footer_input p {
		width: 50%
	}

	body .footer .footer_input div {
		float: left;
		width: 50%
	}

	body .footer .footer_input div:nth-of-type(2) {
		margin-top: -20px
	}

	body .footer .footer_input div:last-of-type(1) {
		clear: both
	}

	body .footer_bottom div {
		width: 100%;
		text-align: center!important
	}
}

@media screen and (width:768px) {
	body .index_index .donate_his div {
		padding-left: 4%;
		border-right: 1px solid #dcdcdc
	}
}

@media screen and (max-width:510px) {
	body header .logo_title .logo_image {
		margin-top: 10px;
		width: 45%
	}

	body header .logo_title .logo_image img {
		width: 100%
	}

	body header .logo_title .logo_right ul li {
		margin-top: 5px;
		padding: 0 4px
	}

	body header .logo_title .logo_right ul li:nth-last-child(2) {
		margin-left: 0
	}

	body header .logo_title .logo_right ul li a {
		line-height: 20px
	}

	body header .logo_title .logo_right ul .active:after {
		top: -2px;
		left: 10px
	}

	body header .logo_title .logo_right div {
		margin-bottom: 0;
		width: 100%
	}

	body header .logo_title .logo_right div input {
		padding: 3px 4px;
		width: 72%;
		border: none;
		background: #fce4cc;
		color: #e4b587;
		font-size: 14px;
		line-height: 20px
	}

	body header .logo_title .logo_right div a {
		padding: 2px 10px;
		vertical-align: initial;
		line-height: 20px
	}

	body header .logo_title .logo_right div a i {
		line-height: 20px
	}
}

@media screen and (max-width:480px) {
	body .footer {
		padding: 20px 0
	}

	body .footer .footer_input div input {
		padding: 6px 0;
		width: 66%;
		border: none;
		color: #a0a0a0;
		line-height: 24px
	}

	body .footer .footer_input div input::-webkit-input-placeholder {
		color: #e4b587;
		font-size: 10px
	}

	body .footer .footer_input div input:-moz-placeholder,body .footer .footer_input div input::-moz-placeholder {
		color: #e4b587;
		font-size: 10px
	}

	body .footer .footer_input div input:-ms-input-placeholder {
		color: #e4b587;
		font-size: 10px
	}

	body .footer .footer_input div a {
		vertical-align: initial
	}

	body header .logo_title .logo_image {
		margin-top: 10px;
		width: 45%
	}

	body header .logo_title .logo_image img {
		width: 100%
	}

	body header .logo_title .logo_right ul li {
		margin-top: 5px;
		padding: 0 4px
	}

	body header .logo_title .logo_right ul li:nth-last-child(2) {
		margin-left: 0
	}

	body header .logo_title .logo_right ul li a {
		line-height: 20px
	}

	body header .logo_title .logo_right ul .active:after {
		top: -2px;
		left: 10px
	}

	body header .logo_title .logo_right div {
		margin-bottom: 0;
		width: 100%
	}

	body header .logo_title .logo_right div input {
		padding: 3px 4px;
		width: 72%;
		border: none;
		background: #fce4cc;
		color: #e4b587;
		font-size: 14px;
		line-height: 20px
	}

	body header .logo_title .logo_right div a {
		padding: 2px 10px;
		vertical-align: initial;
		line-height: 20px
	}

	body header .logo_title .logo_right div a i {
		line-height: 20px
	}
}