@charset "utf-8";

html { -webkit-text-size-adjust: 100%; }
.content, .footer,
.top_t, .h_txt, .menu, .m_nav,
.news_con, .article-main, .detail-wrapper,
.cplist_c, .m_fanc, .wChoice,
.top_con, .SpreadContent {
	box-sizing: border-box;
	width: auto;
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.m_fanc { max-width: 1290px; }
img { max-width: 100%; height: auto; }

.m_btn { display: none; }

.ft_bar { display: none; }

.g_top { height: auto; }

.g_an { height: auto; }

.m_fanc dd { height: auto; min-height: 0; }

.faq li { height: auto; min-height: 34px; line-height: 22px; padding: 6px 0; }

.m_pro .prodes { height: 100%; }
.prodes p { height: auto; }

.detail { height: auto; padding-top: 15px; }
.detail-l { width: 52%; height: auto; }
.detail-img { width: 100% !important; height: auto !important; }

.detail-img img { width: auto; max-width: 100%; height: auto; display: block; }
.detail-img li { width: 100%; }
.detail-r { width: 46%; }

.g_pro { height: auto; padding-bottom: 20px; }

.m_pro { display: flex; flex-wrap: wrap; gap: 24px 30px; }
.m_pro:after { content: ""; display: block; clear: both; }
.m_pro dl {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: calc((100% - 60px) / 3);
	height: auto;
	margin: 0;
	overflow: hidden;
}
.m_pro dt { flex: none; }
.m_pro dt, .m_pro dt img { width: 100%; height: auto; }
.g_pro .m_pro dt img { aspect-ratio: 375 / 260; object-fit: cover; display: block; }
.m_pro dd { height: auto; min-height: 0; flex: none; }

.g_an { height: auto; }
.m_fanc { display: flex; flex-wrap: wrap; gap: 24px 18px; }
.m_fanc:after { content: ""; display: block; clear: both; }
.m_fanc dl {
	display: flex;
	flex-direction: column;
	width: calc((100% - 36px) / 3);
	margin: 0;
}
.m_fanc dt { flex: none; }
.m_fanc dt, .m_fanc dt img { width: 100%; height: auto; }
.g_an .m_fanc dt img { aspect-ratio: 380 / 180; object-fit: cover; display: block; }
.m_fanc dd { height: auto; min-height: 0; flex: 1; }

.dy { height: auto; padding-bottom: 20px; }
.dy:after { content: ""; display: block; clear: both; }
.news dt { height: auto; }
.news dt img { width: 100%; height: auto; }

.g_ys { height: auto; min-height: 1px; position: relative; }
.g_ys .content { position: relative; height: 1663px; }
.g_ys .m_gy { width: 46%; }
.ysimg1 { right: 0; }
.ysimg2, .ysimg3 { top: 58%; }
.ysimg4 { top: 86%; }
.ysimg5 { top: 103%; }
.m_ys2 { top: 43%; }
.m_ys3 { top: 43%; left: 50%; }
.m_ys4 { top: 89%; left: 50%; }
.m_ys5 { top: 113%; }
.g_ys .m_gy .yslist { position: relative; }

.g_ft { height: auto; }
.g_ft .content { padding-bottom: 20px; }
.g_ft .f_ftcon { height: auto; }

.g_ft .flogo { left: 15px; }
.g_ft .code { right: 15px; }

.leftp, .leftn, .rightp, .rightn,
.leftr, .leftrpj, .rightl { box-sizing: border-box; }
.leftn .n_info_con, .n_info_con, .n_info_con2 { width: auto; }
.maincont { width: auto; }
.detail-wrapper { width: auto; max-width: 1158px; }
.article-main { max-width: 1200px; }
.news_con { max-width: 1200px; }

.n_info_con img, .article-c img, .proinfo img,
#cntrBody img { max-width: 100% !important; height: auto !important; }

.main-c dt img { width: 100% !important; height: 100% !important; object-fit: cover; }
.main-c dt { aspect-ratio: 300 / 220; overflow: hidden; }

.cp > div { display: flex; flex-wrap: wrap; gap: 12px; }
.cp > div > dl {
	float: none;
	box-sizing: border-box;
	width: calc((100% - 36px) / 4);
	padding: 12px 6px 0;
	margin: 0;
}
.cp dt, .cp dt a { width: 100%; height: auto; }
.cp dt img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 220 / 188;
	object-fit: contain;
	box-sizing: border-box;
}
.n_info_con table, .article-c table, .proinfo table {
	max-width: 100%;
	display: block;
	overflow-x: auto;
}

.cplist_c ul, ul.cplist_index {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cplist_c ul > li, ul.cplist_index > li {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	float: none;
	width: calc((100% - 48px) / 3);
	height: auto;
	margin: 0;
}
.cplist_c ul > li img, ul.cplist_index > li img {
	width: 100%;
	height: auto;
	display: block;
}
.cplist_c ul > li img { aspect-ratio: 374 / 300; object-fit: contain; }
.cplist_c ul > li span {
	width: auto;
	line-height: 24px;
	padding: 8px 10px 2px;
	font-size: 15px;
	box-sizing: border-box;
}
.cplist_c ul > li em { padding: 0 10px 4px; line-height: 22px; }
.cplist_c ul > li:last-child em { padding-bottom: 10px; }

ul.cplist_index > li { position: relative; }
ul.cplist_index > li span {
	left: 0;
	right: 0;
	width: auto;
	box-sizing: border-box;
	padding: 6px 4px;
	height: auto;
	line-height: 20px;
}

.fullSlide .bd li,
.fullSlide .bd li a { background-size: cover !important; background-position: center !important; }

@media (max-width: 1280px) {

	.m_nav li a { padding: 0 18px; }
	.m_nav li { padding-right: 0; }

	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a { height: 420px !important; }

	.m_pro dl { width: calc((100% - 60px) / 3); }
	.m_fanc dl { width: calc((100% - 36px) / 3); }

	.leftn { width: 74%; }
	.rightn { width: 24%; }
	.leftp { width: 76%; }
	.rightp { width: 22%; }
	.leftr, .leftrpj { width: 26%; margin-right: 3%; }
	.rightl { width: 71%; }
	.cplist_c { width: 100%; }
	.cplist_c ul, ul.cplist_index { gap: 20px; }
	.cplist_c ul > li, ul.cplist_index > li { width: calc((100% - 40px) / 3); }
	.detail-l, .detail-r { box-sizing: border-box; }
	.detail-l { width: 42%; }
	.detail-img, .detail-img img { width: 100%; height: auto; }
	.detail-r { width: 55%; }
	.main-c dt { width: 25%; }
	.main-c dt img { width: 100%; height: auto; }
	.main-c dd { width: 72%; }
	.wt_in dl { width: calc(25% - 30px); }
	.wt_in dt img { width: 100%; height: auto; }
	.pje dl, .hycase dl { width: 100%; height: auto; padding-bottom: 15px; }
	.pje dt, .pje dd, .hycase dt, .hycase dd { height: auto; }
	.pje dd, .hycase dd { padding-bottom: 10px; }
	.protil { width: 100%; }
	.news_top { width: 100%; }
	.news_img_rt { width: auto; margin-left: 10px; }
	.new_top_tit { width: auto; }
	dl.news_dl dd { width: auto; }
}

@media (max-width: 1200px) {

	.g_top { background: #fff !important; padding-top: 65px; }
	.top_t { display: none; }

	.h_txt {
		display: flex;
		align-items: center;
		height: auto;
		padding: 10px 12px;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9990;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
	}
	.h_txt .logo {
		order: -1;
		float: none !important;
		margin: 0 !important;
	}
	.h_txt .logo img { width: 110px; height: auto; }
	.h_txt .toptitle { display: none !important; }

	.h_txt p.fr {
		float: none !important;
		font-size: 0 !important;
		width: 42px;
		height: 42px;
		padding: 0 !important;
		margin: 0 0 0 auto;
		background: url(../images/h_tel.jpg) center / 38px 38px no-repeat !important;
	}
	.h_txt p.fr span { font-size: 0 !important; }
	.h_txt p.fr a { display: block; width: 100%; height: 100%; }

	.m_btn {
		display: block;
		margin-left: 4px;
		padding: 10px 10px;
		cursor: pointer;
		user-select: none;
		line-height: 1;
	}
	.m_btn:before {
		content: "";
		display: block;
		width: 22px;
		height: 2px;
		background: #333;
		box-shadow: 0 6px 0 #333, 0 -6px 0 #333;
	}
	.m_btn:after { content: none; }
	body.m_open .m_btn:before { background: none; box-shadow: none; }
	body.m_open .m_btn:after {
		content: "\00d7";
		display: block;
		color: #333;
		font-size: 28px;
		line-height: 22px;
		margin-top: -2px;
	}

	.top_c { height: auto !important; background: #fff !important; }

	body.m_open { overflow: hidden; }
	body.m_open .h_txt {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10001;
		background: #fff;
		border-bottom: 1px solid #f0f0f0;
		box-sizing: border-box;
	}
	body.m_open .top_c {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		z-index: 10000;
		background: #fff !important;
		padding-top: 88px;
		box-sizing: border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.m_open .m_nav li:first-child { border-top: none; }
	.m_nav {
		display: none;
		float: none;
		white-space: normal;
		width: 100%;
		height: auto;
		padding: 0;
		background: #fff;
		overflow: hidden;
	}
	body.m_open .m_nav { display: block; padding-bottom: 6px; }
	body.m_open .m_nav li {
		display: block;
		float: none;
		height: auto;
		padding: 0;
		border-top: 1px solid #f0f0f0;
	}
	body.m_open .m_nav li a {
		float: none;
		display: block;
		padding: 0 18px;
		height: 46px;
		line-height: 46px;
		color: #333;
		background: none;
		font-size: 15px;
	}
	body.m_open .m_nav li a:hover,
	body.m_open .m_nav .cur a { background: #f2f6fc; color: #0f60cd; }

	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a { height: 380px !important; }

	.ft_bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9998;
		display: flex;
		align-items: stretch;
		height: 58px;
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .14);
		box-sizing: border-box;
		font-family: "Microsoft Yahei", Arial, sans-serif;
	}
	.ft_bar a { display: flex; text-decoration: none; box-sizing: border-box; }

	.ftb_free {
		flex: 0 0 35%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #fff;
		color: #e22f22;
		padding: 0 4px;
	}
	.ftb_free .ftb_t {
		display: block;
		font-size: 15px;
		font-weight: 700;
		line-height: 21px;
		letter-spacing: .5px;
		padding-left: 20px;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e22f22'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 2.5 1.4 4.7 3.6 6.2L5 21l4-2.1c1 .3 2 .4 3 .4 5.5 0 10-3.6 10-8.3S17.5 3 12 3z'/%3E%3C/svg%3E") left center / 16px 16px no-repeat;
	}
	.ftb_free .ftb_s {
		display: block;
		font-size: 11px;
		line-height: 16px;
		margin-top: 2px;
		padding: 0 6px;
		border: 1px solid #e8a49e;
		border-radius: 9px;
		color: #e22f22;
		white-space: nowrap;
	}

	.ftb_call {
		flex: 1;
		flex-direction: column;
		justify-content: center;
		background: linear-gradient(90deg, #e8352b 0%, #f0492c 100%);
		border-radius: 26px 0 0 26px;
		margin-left: -6px;
		padding: 0 8px 0 20px;
		color: #fff;
		overflow: hidden;
	}
	.ftb_call .ftb_t {
		display: block;
		font-size: 12px;
		line-height: 17px;
		opacity: .95;
		padding-left: 24px;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E") 2px center / 17px 17px no-repeat;
		white-space: nowrap;
	}
	.ftb_call .ftb_s {
		display: block;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		letter-spacing: .5px;
		white-space: nowrap;
	}

	body { padding-bottom: 58px; }
	body.m_open .ft_bar { display: none; }
}

@media (max-width: 992px) {

	.fullSlide, .fullSlide .bd li, .fullSlide .bd a { height: 320px !important; }
	.fullSlide .bd li, .fullSlide .bd li a { height: 320px !important; }

	.m_pro dl { width: calc((100% - 30px) / 2); }
	.m_fanc dl { width: calc((100% - 18px) / 2); }

	.g_ys .content { height: auto; padding-bottom: 30px; }
	.ys_slider {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.ys_slider::-webkit-scrollbar { display: none; }
	.ys_slide {
		flex: 0 0 100%;
		box-sizing: border-box;
		scroll-snap-align: center;
		padding: 0 4px;
	}
	.ys_slide .m_gy {
		position: static !important;
		width: 100% !important;
		left: auto !important;
		top: auto !important;
		margin: 0 0 20px;
	}
	.ys_slide .ysimg1, .ys_slide .ysimg2, .ys_slide .ysimg3,
	.ys_slide .ysimg4, .ys_slide .ysimg5 {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto;
		max-width: 420px;
	}
	.ys_slide .ysimg1 img, .ys_slide .ysimg2 img, .ys_slide .ysimg3 img,
	.ys_slide .ysimg4 img, .ys_slide .ysimg5 img { width: 100%; height: auto; display: block; }
	.ys_dots { text-align: center; padding: 4px 0 2px; }
	.ys_dots i {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #d8d8d8;
		margin: 0 5px;
	}
	.ys_dots i.on { background: #0f60cd; }
	.g_ys .m_gy .yslist { padding-left: 0; }
	.g_ys .m_gy .yslist span {
		position: static;
		display: inline-block;
		font-size: 38px;
		line-height: 1;
		padding: 0 10px 0 0;
		vertical-align: -6px;
	}

	.news, .faq { width: 100%; float: none; margin-bottom: 35px; }

	.g_ft .f_ftcon { margin: 0; padding: 30px 0 10px; border: none; text-align: center; }
	.g_ft .flogo, .g_ft .code { position: static; }
	.g_ft .flogo { padding: 10px 0 0; text-align: center; }
	.g_ft .code { margin: 15px auto 0; text-align: center; padding-bottom: 30px; }
	.g_ft .code img { display: inline-block; width: 132px; height: auto; }

	.m_pro .prodes { display: none !important; }

	.leftn, .leftp, .rightn, .rightp,
	.leftr, .leftrpj, .rightl {
		width: 100% !important;
		float: none !important;
		margin: 0 0 25px !important;
	}
	.cplist_c ul, ul.cplist_index { gap: 18px; }
	.cplist_c ul > li, ul.cplist_index > li { width: calc((100% - 18px) / 2); }
	.detail-l, .detail-r { width: 100%; float: none; margin-bottom: 20px; }
	.main-c dl { height: auto; }
	.main-c dt, .main-c dd { width: 100%; float: none; }
	.main-c dd .newstitle a { width: auto; }
	.wt_in dl { width: calc(50% - 30px); }
	.pje dt, .hycase dt { width: 45%; }
	.pje dt img, .hycase dt img { width: 100%; height: auto; }
	.pje dd, .hycase dd { width: 50%; margin-left: 4%; }
	.topnews_con, .topname_con { width: auto; }
	.info_key { width: auto; }
	.info_b, .info_b2 { width: auto; }
	.comments dl dd { width: auto; }
	.club_pl_tab, .club_con, .club_con2, .club_con2_tit, .club_dl { width: auto; }
	.top_con { max-width: 100%; }
	.article-recommend { height: auto; }
	.article-txt p a { width: auto; }
	.faq li span { float: none; display: block; color: #888; }
}

@media (max-width: 640px) {

	body { font-size: 14px; }

	.h_txt { padding: 8px 12px; }
	.h_txt .logo img { width: 100px; }

	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a { height: 200px !important; }
	.fullSlide .prev, .fullSlide .next { display: none !important; }

	.g_pro .neibei a, .g_an .neibei a, .g_cc h2 a { font-size: 19px; }
	.g_ys .neibei { font-size: 20px; height: auto; padding-bottom: 10px; }
	.g_ys .neibei em { font-size: 15px; }
	.section-title .name { font-size: 22px; }

	.m_pro, .m_fanc { gap: 12px; }
	.m_pro dl, .m_fanc dl {
		width: calc((100% - 12px) / 2) !important;
		margin-right: 0 !important;
		margin-top: 0;
	}
	.m_pro dd { margin: 0 6px; padding: 10px 0; height: auto; }
	.m_pro dd a { font-size: 14px; }
	.m_pro dd em { font-size: 12px; padding-top: 2px; }
	.m_pro .prodes .destit { font-size: 15px; line-height: 40px; }
	.m_pro .prodes p { font-size: 12px; padding: 10px; margin-top: 6px; overflow: hidden; }
	.m_fanc dd { padding: 10px; }
	.m_fanc dd p { font-size: 12px; line-height: 20px; }
	.m_fanc dd p a { font-size: 14px; }

	.cplist_c ul, ul.cplist_index { gap: 12px; }
	.cplist_c ul > li, ul.cplist_index > li { width: calc((100% - 12px) / 2); }

	.cp > div { gap: 12px; }
	.cp > div > dl { width: calc((100% - 12px) / 2); }
	.cplist_c ul > li span { font-size: 13px; line-height: 20px; padding: 6px 6px 0; }
	.cplist_c ul > li em { font-size: 12px; line-height: 20px; padding: 0 6px 3px; }

	.g_ys .m_gy .yslist { font-size: 18px; padding-left: 0; }
	.g_ys .m_gy .yslist em { font-size: 15px; }
	.g_ys .m_gy p { font-size: 14px; line-height: 24px; }

	.g_ft .flogo { display: none; }
	.g_ft .code { margin: 18px auto 0; text-align: center; padding-bottom: 32px; }
	.g_ft .f_ftcon p { padding: 0 10px; line-height: 24px; font-size: 13px; }
	.g_ft .content { padding-bottom: 0; }

	.link_c a { padding: 0 10px 0 0; }

	.dl_2, .dl_6, .p_list_dl, .j_list_dl, .pj_index_dl, .pd_list_dl,
	.pd_list_dls, .n_info_tjcp dl, .pro_img li { box-sizing: border-box; }
	dl.dl_2, dl.dl_42, dl.dl_2s { width: 100%; }
	dl.dl_2 dt, dl.dl_2 dt img { width: 100%; }
	dl.dl_42 dd, dl.dl_2s dd { width: auto; height: auto; }
	.pje dt, .hycase dt, .pje dd, .hycase dd { width: 100% !important; margin-left: 0 !important; }
	.wt_in dl { width: 100%; margin-right: 0; }
	.protil li { width: 33.33%; }
	.protil li a { width: 100%; font-size: 13px; padding: 8px 0 0; }
	.protil { width: 100%; }
	.main-c dd .newstitle a { white-space: normal; }
	.cplist_c li span { width: auto; }
	.plc, .plc2, .pro_curmbs { white-space: normal; height: auto; line-height: 26px; padding: 6px 10px; }

	.plc, .plc2, .pro_curmbs, .curpos, .curmbs { display: none; }
	ul.news_ul li .a_2 { width: auto; }
	.searchpage, .search_con { width: auto; }
	.article-wrapper { width: auto; }
	.detail-img img { height: auto; }
	.bigimg, .probigshow { width: 100%; box-sizing: border-box; }
	.proviewbox { width: 100%; }
	.pleft, .pright, .prodbaseinfo_a { width: 100%; float: none; margin: 0; }
	.thumbporbox { width: 100%; }
	#probig_preview { display: none; }
	.ptgyl, .ptgyl2, .ptgyr, .ptgyr2, .gybt, .gybt2 { width: 100%; float: none; }
	.detail-wrapper { padding: 0 12px; }
	.formbox { width: auto; }
	.tabbox_a .tabcont .output { width: auto; }
	.ul_property li { width: 100%; }
	.news_random, .nrcs { width: auto; }
	.news_random li, .riti1_con ul li { width: 100%; }
}

@media (max-width: 400px) {
	.h_txt { padding: 6px 10px; }
	.g_top { padding-top: 58px; }
	.h_txt .logo img { width: 92px; }
	.h_txt p.fr { width: 38px; height: 38px; background-size: 34px 34px !important; }
	.m_btn { padding: 8px 6px; }
	.m_btn:before { width: 20px; }
	.m_pro dd a { font-size: 13px; }
}