* {
	box-sizing: border-box;
	outline: 0;
	/*-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;*/
	font-family: "microsoft yahei" !important;
}
.pagination>li>a, .pagination>li>span{
	color: #333;
}
/*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: #999;
	text-decoration: none!important;
	cursor: pointer
}

a:focus,a:hover {
	color: #e70;
	text-decoration: underline;
	-webkit-transition: 1s;
	transition: 1s
}

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

body header .nav_top {
	width: 100%;
	height: 6px;
	background: #f5ad66
}

.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
}

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 {
	float: right
}

body header .logo_title .logo_right div {
	margin-bottom: 20px;
	text-align: right
}

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;
	float: left;
	padding: 4px 18px;
	color: #777;
	line-height: 30px
}

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 {
	padding: 0;
	background: 0 0;
	color: #777;
	font-weight: 400;
	font-size: 1pc;
	line-height: 30px
}

body header .logo_title .logo_right ul li a:hover,body header .logo_title .logo_right ul li:hover a {
	color: #e70
}

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: 0 0;
	color: #e70
}

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 10px;
	background: #252525;
	color: #a0a0a0
}

body .footer .footer_name {
	float: left;
	margin-right: 110px
}

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

body .footer .footer_content {
	float: left;
	margin-bottom: 75pt;
	width: 50%
}

body .footer .footer_content div p {
	font-size: 14px;
	line-height: 25px
}

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

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

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: #e70;
	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 {
	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;
}

.nav-titI{
	width: initial !important;
	padding: 0 40px;
}

.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
	}
}