/*
* @Author: Sun Jijing
* @Date:   2026-01-19 15:30:38
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2026-01-20 14:59:32
*/

/* 专题开始 */
.zt_banner { width: 100%; }
.zt_banner img { display: block; width: 100%; }

/* 模块 */
.module_tit { width: 480px; height: 70px; border-radius: 35px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: linear-gradient(to bottom, #ff8234, #ff653a); margin-bottom: 55px; }
.module_tit span { font-size: 30px; font-weight: bold; color: #fff; padding: 0 30px; }
.module_tit::before, .module_tit::after { content: ''; display: block; width: 95px; height: 12px; background: url(zt_tit_before.png) no-repeat; }
.module_tit::after { transform: rotate(180deg); }

.module_sub_tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; }
.module_sub_tit span::before, .module_sub_tit span::after { content: ''; display: inline-block; }
.module_sub_tit span { font-size: 20px; font-weight: bold; color: #333; display: inline-flex; align-items: center; }
.module_sub_tit span::before { width: 20px; height: 21px; background: url(module_tit_before.png) no-repeat; margin-right: 10px; }
.module_sub_tit span::after { width: 44px; height: 12px; background: url(module_tit_after.png) no-repeat; margin-left: 10px; }
.module_sub_tit .more { font-size: 14px; color: #666; }

/* 专题导航 */
.zt_nav { height: 80px; background: #bd1b2d; }
.zt_nav_list { display: flex; align-items: center; height: 100%; }
.zt_nav_list li { flex: auto; height: 100%; }
.zt_nav_list li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 24px; color: #ffefa9; }
.zt_nav_list li img { margin-right: 10px; }
.zt_nav_list li:hover { background: #ff6a39; }

/* 专题内容 */
.zt_bg { width: 100%; background: url(con_bg.jpg) no-repeat center top; background-size: cover; }
.zt_con { border-top: 1px solid transparent; }

.zt_rdzx { margin-top: 36px; margin-bottom: 25px; }
.zt_rdzx_L { width: 578px; padding: 60px 0; background: url(phone_bg.png) no-repeat center; background-size: cover; border-radius: 10px; }
.zt_rdzx_L * { text-align: center; }
.zt_rdzx_L .tit a{ font-size: 36px; font-weight: bold; color: #bd1b2d; text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff; }
.zt_rdzx_L .tips { font-size: 18px; line-height: 3em; color: #fff; }
.zt_rdzx_L .but a { display: inline-flex; align-items: center; justify-content: center; width: 128px; height: 40px; text-align: center; line-height: 40px; border-radius: 6px; background: #bd1b2d; font-size: 16px; color: #fff; margin: 0 15px; }
.zt_rdzx_L .but a img { margin-right: 5px; }
.zt_rdzx_R { width: 582px; }

.zt_news_list li { height: 48px; line-height: 48px; padding: 0 20px; border-radius: 6px; background: rgba(250,194,129,.2); margin-bottom: 8px; }
.zt_news_list li a { display: block; padding-left: 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.zt_news_list li a::before { content: ''; display: block; width: 6px; height: 6px; background: #ff6639; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  }
.zt_news_list li:hover { background: #fac281; }
.zt_rdzx_R .more { display: flex; align-items: center; justify-content: center; }
.zt_rdzx_R .more a { font-size: 14px; color: #333; flex-shrink: 0; padding: 0 20px; }
.zt_rdzx_R .more::before, .zt_rdzx_R .more::after { content: ''; display: block; width: 50%; height: 1px; background: #bd1b2d; }

/* 供暖价格 */
.zt_gnjg { background: #fff; }

.zt_gnjg_area01 { padding: 48px 32px; background: url(gnjg_bg.png) no-repeat center bottom; background-size: 100%; }
.select_box { display: inline-flex; align-items: center; position: relative; margin-right: 45px; }
.select_box * { font-size: 16px; color: #333; }
.select_box .select_btn { width: 410px; height: 48px; line-height: 48px; padding: 0 15px; border-radius: 6px; border: 1px solid #eee; background: #fff; position: relative; }
.select_box .select_btn::after { content: ''; display: block; width: 0; height: 0; border-width: 8px; border-color: #333 transparent transparent; border-style: solid; position: absolute; right: 15px; top: 22px; }
#sel_t { position: absolute; top: 50px; left: 80px; background: #fff; border-radius: 6px; width: 440px; display: none; }
#sel_t li { padding: 0 15px; font-size: 14px; line-height: 2em; cursor: pointer; }
#txt_area { width: 326px; height: 48px; padding: 0 15px; background: #fff; border: 1px solid #eee; border-radius: 6px; }
.btn_box { margin-right: 0; text-align: center; margin-top: 50px; width: 100%; justify-content: center; }
.btn_box a { display: inline-block; width: 138px; height: 40px; line-height: 40px; border-radius: 48px; text-align: center; background: #fff; margin: 0 25px; box-shadow: 0 0 2px #eee; font-size: 16px; color: #333; }
.btn_box a.js { background: linear-gradient(to bottom, #ff8234, #ff653a); color: #fff; }

.zt_gnjg_area02, .zt_gnjg_area03 { margin: 30px 40px; }
.zt_gnjg_area02 { padding-bottom: 30px; border-bottom: 1px solid #eee; }
.sfjg_img img { height: 355px; }

.tipsTxt { margin-top: 10px; padding-left: 90px; height: 74px; background: #fde8cf url(tips_tit.png) no-repeat left center; background-size: auto 100%; }
.tipsTxt p { padding: 15px 25px; font-size: 14px; line-height: 1.6em; }

.zt_trqPrice .row { margin-bottom: 32px; }
.zt_trqPrice .row .fl { width: 630px; }
.zt_trqPrice .row .txt { width: 480px; }
.zt_trqPrice .row .title { height: 34px; background: #ff872e; font-size: 14px; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; }
.zt_trqPrice .row .title::before, .zt_trqPrice .row .title::after { content: ''; display: inline-block; width: 140px; height: 2px; background: #fff; margin: 0 15px; }
.zt_trqPrice .row .con { padding: 15px; background: #fde8cf; }
.zt_trqPrice .row .con * { font-size: 14px; line-height: 22px; }
.zt_trqPrice .row2 img { height: 154px; }
.zt_trqPrice .tips { display: flex; margin-top: 16px; background: #fde8cf; height: 56px; align-items: center; }
.zt_trqPrice .tips .tit { width: 40px; line-height: 56px; text-align: center; flex-shrink: 0; font-size: 14px; font-weight: bold; background: #ff872e; color: #fff; }
.zt_trqPrice .tips .con { padding: 0 20px; }
.zt_trqPrice .em { font-size: 14px; color: #bd1b2d; line-height: 45px; margin-top: 20px; border-top: 1px solid #eee; }

/* 供暖业务办理 */
.zt_gnyw_area01 { margin-bottom: 25px; }
.zt_gnyw_area01 .item { width: 588px; background: #fff; border-radius: 10px; overflow: hidden; }
.zt_gnyw_area01 .item .title { display: flex; justify-content: center; align-items: center; height: 82px; text-align: center; line-height: 82px; font-size: 24px; color: #fff; background: linear-gradient(to right, #df3200, #bd1b2d); }
.zt_gnyw_area01 .item .title img { vertical-align: middle; margin-right: 10px; }
.zt_gnyw_area01 .item .con { padding: 25px; }
.zt_gnyw_area01 .item .top .tit { font-size: 24px; color: #fd512b; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.zt_gnyw_area01 .item .top .tit::before, .zt_gnyw_area01 .item .top .tit::after { content: ''; display: block; width: 95px; height: 12px; background: url(zt_titC_before.png) no-repeat; margin: 0 10px; }
.zt_gnyw_area01 .item .top .tit::after { transform: rotate(180deg); }
.hetong_list li { height: 52px; line-height: 52px; border-bottom: 1px dashed #ccc; }
.hetong_list li:last-child { border-bottom: 0; }
.hetong_list li a { padding-left: 20px; font-size: 16px; color: #333; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.hetong_list li a::before { content: ''; display: block; width: 6px; height: 6px; background: #ff6639; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.zt_gnyw_area01 .item .center { margin-top: 45px; margin-bottom: 40px; }
.zt_gnyw_area01 .item .center * { font-size: 14px; color: #e5353d; line-height: 24px; }
.zt_gnyw_area01 .item .center .tit { font-weight: bold; color: #333; }
.zt_gnyw_area01 .item .bottom { text-align: center; }
.zt_gnyw_area01 .item .bottom a { display: inline-block; width: 138px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; margin: 0 24px; font-size: 16px; }
.zt_gnyw_area01 .item .bottom a:hover, .zt_gnyw_area01 .item .bottom a:nth-child(1) { background: #ff7746; border-color: #ff7746; color: #fff; }
.slideTxtBox .tab_hd { display: flex; justify-content: center; padding-bottom: 35px; }
.slideTxtBox .tab_hd span { display: inline-block; width: 116px; height: 48px; text-align: center; line-height: 48px; background: #eee; margin: 0 8px; border-radius: 6px; cursor: pointer; font-size: 16px; color: #333; position: relative; }
.slideTxtBox .tab_hd span.on { background: #bd1b2d; color: #fff; }
.slideTxtBox .tab_hd span::after { content: ''; display: none; border-style: solid; border-width: 15px; border-color: transparent transparent #fef1e2; position: absolute; bottom: -36px; left: 50%; margin-left: -15px; }
.slideTxtBox .tab_hd span.on::after { display: block; }
.slideTxtBox .tab_bd { padding: 20px 30px; background: #fef1e2; border-radius: 10px; }
.slideTxtBox .tab_bd .txt { height: 200px; overflow-y: auto; }
.slideTxtBox .tab_bd .txt p { font-size: 16px; line-height: 24px; color: #333; }

.zhinan { margin-top: 34px; border-radius: 6px; background: #f5f5f5 }
.zhinan a { height: 50px; display: block; padding: 0 25px; background: url(more_icon.png) no-repeat 95% center; display: flex; align-items: center; font-size: 16px; color: #333; }
.zhinan img { margin-right: 10px; }

.zt_gnyw_area02 { margin-bottom: 45px; }
.zt_gnyw_area02 .left { width: 655px; border-radius: 10px; background: #fff; padding: 25px; }
.zt_gnyw_area02 .right { width: 482px; }
.zt_gnyw_area02 .right .item { padding: 25px; background: #fff; border-radius: 10px; }
.zt_gnyw_area02 .right .item:nth-child(1) { margin-bottom: 15px; background: #fff url(icon04_bg.png) no-repeat right bottom; }
.zt_gnyw_area02 .right .item:nth-child(2) { background: #fff url(icon05_bg.png) no-repeat right bottom; }
.zt_gnyw_area02 .right .item .tit { display: flex; align-items: center; padding: 0 20px; margin-bottom: 25px; font-size: 20px; font-weight: bold; color: #333; }
.zt_gnyw_area02 .right .item .tit img { margin-right: 10px; }
.zt_gnyw_area02 .right .list { padding: 0 40px; }
.zt_gnyw_area02 .right .list li { height: 36px; line-height: 36px; border-bottom: 1px solid transparent; }
.zt_gnyw_area02 .right .list li:hover { border-color: #bd1b2d; }
.zt_gnyw_area02 .right .list li a { padding-left: 20px; font-size: 16px; color: #333; position: relative; }
.zt_gnyw_area02 .right .list li a::before { content: ''; display: block; width: 6px; height: 6px; background: #ff6639; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.zt_gnyw_area02 .right .item:nth-child(1) .list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.zt_gnyw_area02 .right .item:nth-child(1) .list li { width: 40%; }

/* 常见问题 */
.cjwt_tab { background: #fff url(cjwt_bg.png) no-repeat right bottom; display: flex; }
.cjwt_tab_hd { width: 168px; flex-shrink: 0; background: #cb2519; border-radius: 0 24px 24px 0; padding: 24px 0; }
.cjwt_tab_hd ul li { height: 36px; line-height: 36px; cursor: pointer; padding-left: 20px; color: #fff; font-size: 16px; }
.cjwt_tab_hd ul li.on { background: #ffa219; }
.cjwt_tab_bd { width: 100%; }
.cjwt_tab_bd .item { padding: 35px; display: flex; align-items: center; height: 300px; position: relative; }
.cjwt_tab_bd .item .more { font-size: 14px; color: #666; position: absolute; right: 35px; top: 35px; z-index: 10; }
.cjwt_tab_bd .item .hetong_list { width: 100%; }

/*  */
.zt_cnBot { margin-top: 30px; padding-bottom: 40px; }
.zt_cnBot .item { background: #fff; padding: 30px; width: 525px; }
.zt_cnBot .item .title { text-align: center; margin-bottom: 42px; }
.zt_cnBot .item .title a { height: 70px; line-height: 70px; display: inline-block; padding: 0 70px; font-size: 30px; background: linear-gradient(to bottom, #ff8234, #ff653a); color: #fff; border-radius: 35px; }
.xts_list li { padding: 5px 30px 5px 5px; background: url(news_bg.jpg) no-repeat center/cover; margin-bottom: 10px; }
.xts_list li a { display: flex; align-items: center; }
.xts_list li .img { width: 110px; flex-shrink: 0; margin-right: 15px; }
.xts_list li .tit { background: url(more_icon.png) no-repeat right center; padding-right: 20px; width: 100%; font-size: 16px; }

/* 弹层 */
.layer { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; min-width: 1200px; display: none; z-index: 10; }
.layer_box { width: 298px; height: 198px; background: #fff; border-right: 1px solid #ff7746; border-radius: 5px; position: fixed; left: 50%; margin-left: -150px; top: 50%; margin-top: -100px; }
.layer_txt { text-align: center; font-size: 16px; line-height: 1.5em; padding: 50px 10px 10px; }
.ico_close { position: absolute; right: 5px; top: 5px; color: #ff7746; cursor: pointer; }
.m_area_jiage { padding-bottom: 30px; }
.u_tips { width: 1200px; margin: 0 auto 40px; text-align: center; font-size: 16px; }

@media screen and (max-width: 1200px) {
	.zt_rdzx { display: flex; gap: 20px; }
	.select_box { justify-content: space-evenly; margin-right: 0; }
	.sfjg_img { display: flex; gap: 20px; width: 100%; justify-content: center; }
	.sfjg_img img { height: auto; }
	.tipsTxt p { width: 100%; }
	.tipsTxt { width: 100%; display: flex;    /* height: auto; */ }
	.zt_trqPrice .row { display: flex; gap: 20px; width: 100%; }
	.zt_trqPrice .row .fl { width: 48%; }
	.zt_trqPrice .row .txt { width: 48%; }
	.zt_trqPrice .row2 { display: flex; gap: 20px; width: 100%; }
	.zt_trqPrice .row2 img { height: auto; width: 48%; }
	.zt_trqPrice .row2::after { display: none; }
	.zt_gnyw_area01 .item { width: 48%; }
	.zt_gnyw_area01 .item .top .tit { white-space: nowrap; }
	.zt_gnyw_area02 .left { width: 50%; }
	.zt_gnyw_area02 .right { width: 48%; }
	.zt_cnBot .item { width: 48%; }
}

@media screen and (max-width: 768px) {
	.zt_nav_list { flex-wrap: wrap; justify-content: flex-start; }
	.zt_nav { height: auto; }
	.zt_nav_list li { width: 33.33%; flex: none; height: 50px; }
	.zt_nav_list li a { font-size: 20px; }
	.zt_rdzx { display: block; }
	.zt_rdzx_L { width: 100%; padding: 40px; margin-bottom: 20px; float: none; }
	.zt_rdzx_R { width: 100%; float: none; }
	.zt_gnjg_area01 { padding: 20px 30px; background: #fff url(gnjg_bg.png) no-repeat center bottom; }
	.select_box { width: 100%; margin-bottom: 10px; }
	.btn_box { margin-top: 0; }
	.zt_gnjg_area02 { margin: 0; }
	.zt_gnjg { background: none; }
	.sfjg_img { display: block; }
	.sfjg_img img { width: 100%; }
	.tipsTxt { height: auto; }
	.zt_gnjg_area02, .zt_gnjg_area03 { margin: 0; }
	.zt_trqPrice .row { display: block; }
	.zt_trqPrice .row .fl { width: 100%; float: none; }
	.zt_trqPrice .row .txt { float: none; width: 100%; margin-top: 20px; }
	.zt_trqPrice .row2 { display: block; }
	.zt_trqPrice .row2 img { float: none; width: 100%; margin-bottom: 15px; }
	.zt_gnyw_area01 .item { width: 100%; margin-bottom: 20px; }
	.zt_gnyw_area02 .left, .zt_gnyw_area02 .right { width: 100%; float: none; }
	.zt_gnyw_area02 .left { margin-bottom: 15px; }
	.zt_cnBot .item { width: 100%; width100%:; width100%:; float: none; margin-bottom: 20px; }
	.xts_list li .img { width: 120px; height: 80px; }
	.xts_list li .img img { width: 100%; height: 100%; object-fit: cover; }
}
@media screen and (max-width: 500px) {
	.module_tit { width: auto; height: 50px; }
	.module_tit span { font-size: 20px; white-space: nowrap; }
	.zt_rdzx_L { padding: 20px; }
	.zt_rdzx_L .tit a{ font-size: 22px; }
	.module_sub_tit span::after { display: none; }
	.select_box * { white-space: nowrap; }
	.select_box { white-space: nowrap; }
	.zt_gnyw_area01 .item .bottom { display: flex; justify-content: space-evenly; }
	.zt_gnyw_area01 .item .bottom a { margin: 0; }
	.zt_gnyw_area01 .item .title { height: 60px; }
	.zt_gnyw_area01 .item .con { padding: 15px; }
	.cjwt_tab { flex-direction: column; }
	.cjwt_tab_hd { width: 100%; border-radius: 0; padding: 0; }
	.cjwt_tab_hd ul li { width: 50%; padding: 0; text-align: center; }
	.cjwt_tab_hd ul { display: flex; flex-wrap: wrap; }
	.cjwt_tab_bd .item { padding: 15px; display: block; height: auto; }
	.cjwt_tab_bd .item .more { position: static; display: block; text-align: right; }
	.zt_cnBot .item { padding: 15px; }
	.zt_cnBot .item .title a { height: 50px; line-height: 50px; font-size: 20px; }
	.zt_cnBot .item .title { margin-bottom: 15px; }
}