@charset "utf-8";

.td-mobile-nav-toggle {
	display: none;
	position: relative;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
}

.td-mobile-nav-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	margin: 5px auto;
	background: #ff8790;
	border-radius: 1px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

body.td-mobile-nav-open .td-mobile-nav-toggle span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

body.td-mobile-nav-open .td-mobile-nav-toggle span:nth-child(2) {
	opacity: 0;
}

body.td-mobile-nav-open .td-mobile-nav-toggle span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 767px) {
	html,
	body {
		overflow-x: hidden;
		max-width: 100%;
	}

	.top {
		height: 56px;
	}

	#top,
	.header {
		width: 100% !important;
		height: auto !important;
		line-height: normal !important;
	}

	.navbar {
		padding-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		box-sizing: border-box;
	}

	.logo,
	.logo.fd {
		float: none !important;
		padding-top: 0 !important;
	}

	.logo img,
	.logo.fd img {
		float: none !important;
		height: 48px !important;
		max-height: 48px !important;
	}

	.td-mobile-nav-toggle {
		display: block;
	}

	.menu {
		float: none !important;
		display: none;
		width: 100%;
		order: 10;
		background: #fff;
		border-top: 1px solid #f0f0f0;
	}

	body.td-mobile-nav-open .menu {
		display: block;
	}

	.menu ul {
		width: 100%;
	}

	.menu li {
		float: none !important;
		padding-left: 0 !important;
		line-height: 44px !important;
		border-bottom: 1px solid #f5f5f5;
	}

	.menu li a {
		display: block;
		padding: 0 12px;
	}

	.callbacks_container,
	.callbacks_container .rslides,
	.callbacks_container .callbacks {
		max-height: 220px;
	}

	.cp_fl,
	.cpzx,
	.cpzx_nr,
	.xwzx,
	.xw_nr,
	.dr,
	.c1,
	.news_nr,
	.news_1,
	.guanyu,
	.g_bt,
	.yu_bt,
	.Box .content,
	.fzlc,
	.cp_ny {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.cp_fl {
		padding: 0 8px;
		text-align: center;
	}

	.cp_fl li {
		float: none;
		display: inline-block;
		width: 31%;
		padding-left: 0 !important;
		margin-bottom: 12px;
		vertical-align: top;
	}

	.cpzx_nr li {
		float: none !important;
		width: 100% !important;
		margin-bottom: 24px;
	}

	.cpzx_pic {
		text-align: center;
	}

	.cpzx_pic span {
		width: auto !important;
		max-width: 90%;
	}

	.cpzx_bt img,
	.xw_bt img {
		max-width: 240px !important;
		max-height: 80px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		border-radius: 0 !important;
	}

	.xw_nr li,
	.xw_nr span,
	.xw_l,
	.xw_2 {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		padding: 12px !important;
		box-sizing: border-box;
	}

	.xw_nr span.bank {
		width: 100% !important;
	}

	.news_nr {
		padding: 24px 12px 0 !important;
	}

	.news_nr li {
		float: none;
		margin-bottom: 24px;
	}

	.new_1 {
		float: none !important;
		width: 100% !important;
		margin: 0 0 16px !important;
		box-sizing: border-box;
	}

	.new_1 img {
		float: none !important;
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 auto 8px;
	}

	.new_1 span {
		float: none !important;
		width: auto !important;
		margin: 8px 12px !important;
	}

	.new_jj {
		margin-right: 0 !important;
	}

	.drwz {
		height: auto;
		line-height: 1.6;
		padding: 12px 0;
		margin: 12px 0;
	}

	.drwz_l,
	.drwz_r {
		float: none !important;
		width: 100%;
		text-align: left;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.drwz_l li {
		float: none;
		display: inline-block;
		padding: 0 10px 0 0;
	}

	.c1 {
		padding: 20px 12px !important;
	}

	.show_bt .s1 {
		font-size: 1.2rem !important;
		word-break: break-word;
	}

	.wm_b.font2 {
		font-size: 14px;
		line-height: 1.8;
	}

	.wm_b.font2 img {
		max-width: 100% !important;
		height: auto !important;
	}

	.pre-next {
		padding: 0 12px;
	}

	.news-prev,
	.news-next {
		margin-bottom: 8px;
		word-break: break-word;
	}

	.ban_yd,
	.ban_yd1 {
		height: 180px !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.gywm {
		height: auto !important;
		min-height: 280px;
		padding: 24px 12px;
	}

	.gy_nr {
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	.lxwm_1,
	.lxwm_2,
	.lxwm_3 {
		float: none !important;
		width: 100% !important;
		margin-bottom: 16px;
	}

	.foot {
		height: auto !important;
		padding: 24px 12px 32px !important;
	}

	.link {
		display: block !important;
	}

	.link li {
		display: block;
		margin: 4px 0;
	}

	.cp_top,
	.cp_l,
	.cp_r {
		width: 100% !important;
		float: none !important;
		padding: 12px !important;
		height: auto !important;
	}

	.cp_ny {
		width: calc(100% - 24px) !important;
		margin: 0 auto;
	}

	.cp_ny li {
		float: none;
		display: inline-block;
		margin-left: 0;
	}

	.yd_jz {
		width: 100% !important;
		padding: 40px 12px 0 !important;
		box-sizing: border-box;
	}

	.txt,
	.txt1,
	.txt2 {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.yu_right {
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		padding: 12px;
		box-sizing: border-box;
	}

	.pinzhi {
		float: none !important;
		width: 100% !important;
	}

	.pinzhi .pic {
		width: 100% !important;
		height: auto !important;
	}

	.g_r {
		width: 100% !important;
		margin: 20px 0 !important;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.g_n li {
		float: none;
		display: inline-block;
		padding: 0 12px;
	}

	.g_r iframe,
	.ueditor_baidumap {
		max-width: 100% !important;
		width: 100% !important;
		height: 240px !important;
	}

	.next1 a {
		margin: 2px;
	}
}
