/********** 样式重置 **********/
:root{--viewheight:var(-webkit-fill-available)}::-webkit-scrollbar{width:5px;height:5px;overflow:visible}::-webkit-scrollbar-track{background-color:#f0f0f0}::-webkit-scrollbar-thumb{background-color:#db0303;border-radius:3px}::-webkit-scrollbar-button{display:none}
* {margin:0; padding:0;}
html {font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body {font-family: "Source Han Sans CN, arial, helvetica, sans-serif";font-size: 1.4rem; /*1.4 × 10px = 14px */}
a {text-decoration: none;}
li, ul {list-style: none;}
/* 字体 */
h2 {color: #db0303 !important; font-size: 3rem; font-weight: bold; line-height: 8rem;} /* 标题使用 */
h3 {font-size: 2.4rem;}
h4 {font-size: 1.6rem;} 
h5 {font-size: 1.4rem;}
p, .color6  {color: #666666;}
/* 颜色 */
.color-red {color: #db0303;}
.colorf0 {color: #f00202;}
.color6  {color: #666666;}
.colorda  {color: #da0000;}
.bg-f0 {background-color: #f00202;}
.bg-red {background-color: #db0303;}
.bg-da {background-color: #da0000;}
.bg-912 {background-color: #000912;}
.bg-f7 {background-color: #f7f7f7;}
/* 间距 */
.pt-55 {padding-top: 5.5rem;}
.mt-55 {padding-top: 5.5rem; }
.px-55,.p-55 {padding-left: 5.5rem; padding-right: 5.5rem;}
.py-55,.p-55 {padding-top: 5.5rem; padding-bottom: 5.5rem;}
.mx-55,.m-55 {margin-left: 5.5rem; margin-right: 5.5rem;}
.my-55,.m-55 {margin-top: 5.5rem; margin-bottom: 5.5rem;}
.px-45,.p-45 {padding-left: 4.5rem; padding-right: 4.5rem;}
.py-45,.p-45 {padding-top: 4.5rem; padding-bottom: 4.5rem;}
.mx-45,.m-45 {margin-left: 4.5rem; margin-right: 4.5rem;}
.my-45,.m-45 {margin-top: 4.5rem; margin-bottom: 4.5rem;}
.mt-8, .my-8 {margin-top: 8rem;}
.mb-8, .my-8 {margin-bottom: 8rem;}
.mt-5r,.my-5r {margin-top: 5rem;}
.mb-5r,.my-5r {margin-bottom: 5rem;}
/************* 头部 *************/

/************* 郑锅热水锅炉 *************/
.zg-boiler .card .card-img-overlay .card-text {line-height: 3.6rem;}
.zg-boiler .zhezhao {width: 100%; height: 9.8rem;opacity: 0.6; position: absolute;bottom: 3rem;}
.posi-zl {position: absolute;left: 0; top: -9.5rem;}
.zhuanli span {border: 1px solid #FFFFFF; height: 3.2rem; width: 0; margin: auto;}
.w-33 {width: 33%;}
.b-text {font-size: 2.4rem;} 
.zg-boiler .container .mb-5 {margin-bottom: 4rem;}
/* 表单01 */
.biaodan1 {height: 10rem;}
.colorb4 {color: #b4d8fb;}
.height35 {height: 3.5rem;}
.wid-hei20 {height: 2rem;width: 2rem; }
.submit1:hover {background-color: #c50303; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
#calc:hover {cursor: pointer;}
.my-pro {padding-top: 1rem;padding-bottom: 1rem; overflow: hidden;white-space: nowrap; }
.my-pro figure {min-width: 17rem; }
.product-bg {background: url(../images/product-bg.png) no-repeat; height: 60rem;background-position: center bottom;}
.zgcont>h3 {font-size: 2rem; height: 7rem;line-height: 7rem; font-weight: bold;}
.zgcont>h3>a {color: #333333;}
.zgcont .description p{line-height: 3.4rem;}
.zgcont> .links { display: block; width: 12.5rem; margin-top: 30px; line-height: 40px; text-align: center; color: #FFFFFF;background: #da0000;}
.zgcont> .links:hover {text-decoration: none;}
.pt12 {padding-top:12rem;}
.zg-boiler figure:hover {cursor: pointer;}
/*------------calc-------------------*/
span.close{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;background: #da0000;color: #FFFFFF;font-size: 24px;}
#calc_fix{  width: 1190px;position: fixed;z-index: 9999;top:50%;left:50%;background: #FFFFFF;margin-left: -595px;margin-top: -300px;}
.container .calculatorNavigation{margin-bottom:40px;height:60px;background-color:#f5f5f5;color:#333;text-align:center;font-size:18px;line-height:60px;}
.container .heat_transfer{float:left;}
.container .heat_transfer ul{overflow:hidden;margin-bottom:10px;margin-left:40px;}
.container .heat_transfer li{float:left;margin-bottom:30px;width:33%;}
.container .heat_transfer li .name{float:left;padding:15px 0 0 0;color:#666;font-size:14px;}
.container .heat_transfer li input{float:left;width:178px;height:50px;border:solid 1px #e2e2e2;border-radius:4px;text-indent:10px;font-size:16px;line-height:28px;margin-right: 15px;}
.container .heat_transfer .huansuanAll{float:left;margin-bottom:20px;width:100%;height:50px;text-align:center;}
.container .heat_transfer .huansuanAll .huansuan{display:inline-block;margin-left:20px;width:178px;height:48px;border:1px solid #d9d9d9;border-radius:4px;color:#666;text-align:center;font-size:18px;line-height:50px;cursor:pointer;}
.container .heat_transfer .huansuanAll .huansuan:hover{border:none;background-color:#ff3f3c;color:#fff;}
.container .li-tab{display:none;overflow:hidden;height:630px;border:1px solid #ebebeb;}
.container .show{display:block;}
.container .calculatorAll ul .a{border:none;background-color:#ff3f3c;}
.container .calculatorAll ul li .b{color:#fff;}
.container .li-tab2 .heat_transfer ul li{width:60%;}
.container .li-tab2 .heat_transfer ul li span{border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.container .li-tab2 .heat_transfer ul li .val{height:50px;border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.container .li-tab2 .heat_transfer ul li select{height:50px;border:1px solid #d9d9d9;}
.calculatorjieshao{margin-top:40px;margin-left:40px;color:#999;font-size:14px;line-height:23px;}
.pb-45 {padding-bottom: 4.5rem;}
/************* 经典案例 *************/
.mr-20 {margin-right: 2rem;}
.zgcase01 {background-color: #f7f7f7;}
.zgcase01 .card-body> p{text-align: center;margin-bottom: 2px; }
.zgcase01 img {width:100% !important;}
.zgcase01:hover {cursor: pointer; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.zgcase01:hover a {color: #db0404; }
.Selection {width: 17.5rem; height: 3.8rem; border: 1px solid #f00202; border-radius: 1rem; margin: auto; display: flex;}
.Selection>a {margin: auto;}
.Selection:hover {background-color:#f00202 ;}
.Selection:hover>a {color: white;}
.application>h2 {color: #666666 !important;}
.application .card>img {width: 100%; height: auto;}
.application .card-img-overlay {bottom: 35%;top: auto;}
/************* 热水锅炉成本核算 *************/
.bingtu .d-flex>div>div>img {display: none;}
.zg-cost .card .card-img-overlay {padding:0;}
.zg-cost .card .card-img-overlay .container {height: 100%;}
.choosezg {margin-left: 12rem; margin-top: 8rem; }
.choose-zg p {display: none; margin-top: 2rem; margin-left: 2rem;} 
.cho {margin-top: 9.2rem; height: 109px; }
.cho>div h3{transition: margin-top 1s; -moz-transition:margin-top 1s;-webkit-transition: margin-top 1s;}
.choose01,.choose02,.choose03,.choose04,.choose05 {margin-right: 9.2rem;}
.choo1 .card-title {margin-top: -7rem; margin-left: 3rem;}
.choo2 .card-title {margin-top: -7rem; margin-left: 3rem;}
.choo3 .card-title {margin-top: -7rem; margin-left: 2rem;}
.choo4 .card-title {margin-top: -7rem; margin-left: 2rem;}
.choo5 .card-title {margin-top: -7rem; margin-left: 3rem;}
.choo6 .card-title {margin-top: -7rem; margin-left: 3rem;}
.cho>div:hover {cursor: pointer;}
.cho>div:hover h3 {margin-top: -9rem; }
.cho>div:hover p {display: block; animation-name: fadeInBottomLeft; -webkit-animation-name: fadeInBottomLeft; -moz-animation-name: fadeInBottomLeft;}
.zg-cost1 {border: 1px solid #eaebec;margin-bottom: 10rem; position: relative; top: -6.4rem;  background: white;}
.zg-cost1>h2 {height: 7rem; line-height: 7rem; margin-top: 9.5rem; }
.zg-cost1>h4 {line-height: 3.6rem; padding-left: 5rem; padding-right: 5rem;}
.zhu-text { padding-left: 5.5rem;}
.zgzhu {width: 3rem; height: 1.7rem; border-radius: 7rem; background-color: #f00202;}
.grayzhu {width: 3rem; height: 1.7rem; border-radius: 7rem; background-color: #bfbfbf;}
.zhu-text p {color: #999999; margin-bottom: 2px;}
.zhuzhaungtu {padding-left: 5rem; padding-right: 5rem;}
.zhuzhaungtu .card {background-color: #f7f7f7; border-radius: 2rem; height: 12.8rem; padding-left: 3.6rem;padding-right: 3.6rem; padding-top: 2.5rem;padding-bottom: 0rem;} 
.zhuzhaungtu .div {margin-left: 2rem; margin-right: 2rem;}
.zhuzhaungtu .card .color6 { line-height: 7.8rem; margin-bottom: 0;}
.zhuzhaungtu .card .col-9 div:nth-child(1) { height: 3rem !important; margin-bottom: 1.5rem;}
.zhuzhaungtu .card .col-9 .rounded-right { border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important;}
.zhuzhaungtu .card .progress{display: block; line-height: 3rem; background-color:#f7f7f7;}
.zhuzhaungtu .otherw .card .color6 {height: 7.8rem; line-height: 2.5rem; margin-top: 1rem;}
.bing01, .bing02, .bing03 { height: 25.5rem; width: 100%;}
/************* 相关政策 *************/ 
.policy {margin-bottom: 10rem; } 
.policy .card-title{line-height: 10rem;}
.standard {width: 22rem; height: 4rem; border: 1px solid #FFFFFF; border-radius: 0.5rem; display: flex;}
.bor-red {border-color: #f00202;}
.standard:hover {border: 1px solid #f00202;}
.standard>a {color: #FFFFFF;}
.standard .aaa {color: #f00202;}
.standard>a {margin: auto;}
.standard:hover>a {color: #f00202;}
.policy .container>h4 {line-height: 3.8rem; }
.policy .container>p {line-height: 2.6rem; } 
.biaozhun {margin-right: 4rem; border-color: #f00202;margin-left: auto;}
/************* 案例解析 *************/ 
.case-content {padding-left: 10%;padding-right: 10%; margin-top: 7%; margin-bottom: 7%;}
.case-content>h4 {height: 5.4rem; line-height: 3rem;}
.case-content p {height: 3rem;line-height: 3rem;}
.hengline {border-bottom: 2px solid #F7F7F7; margin:6rem auto;}
.color9 {color: #999999;}
.consultation {width: 16rem; height: 4rem; border: 1px solid #f00202; border-radius: 1rem; display: flex;}
.consultation:hover {border: 1px solid #f00202;}
.consultation>a {color: #f00202;}
.consultation .aaa {color: #f00202;}
.consultation>a {margin: auto;}
.consultation:hover>a {color: #f00202;}
.feedback {margin:5rem auto;display: flex; flex-wrap: nowrap;}
.feedback>i {margin-right: 1rem;}
.feedback>p {height: 2.4rem;line-height: 2.4rem; display: inline-block; margin-top: 0.6rem;}
.case-title {color: #333333;font-weight: bold;}
.case-title>a {color: #333333;}
.zg-analysis #carouselExampleFade .carousel-control-prev-icon,.zg-analysis #carouselExampleFade .carousel-control-next-icon {width: 30px;height: 30px;}
.zg-analysis #carouselExampleFade .carousel-control-prev, .zg-analysis #carouselExampleFade .carousel-control-next {top: 30%;  align-items: flex-start; wid}
.zg-analysis #carouselExampleFade .carousel-control-prev {width: 3%;}
/* .zg-analysis #carouselExampleFade .carousel-control-next {width: 103%; -weblit-width: 97%; -moz-width: 103%;} */
.zg-analysis #carouselExampleFade .carousel-control-next {width: 3%;right: 50%;}
.zg-analysis #carouselExampleFade .icon-zuojiantou, .zg-analysis #carouselExampleFade .icon-youjiantou {font-size: 4rem;}
/************* 至臻服务 *************/
.zg-service .container>h4 {line-height: 3rem;}
.zg-service .container>h2 {line-height: 12rem;}
.zg-service .hengxian { border: 1px solid #ffffff; width: 3.3rem; height: 0; margin: 0 auto; margin-bottom: 0px; margin-bottom: 2rem; }
.zhizhen .card-img-overlay {padding-top: 13rem;}
.zhizhen .card-img-overlay h3 {font-size: 2rem; line-height: 4rem; height: 4rem; padding-top: 1rem;}
.zhizhen .card-img-overlay p {line-height: 3.6rem; height: 3.6rem; }
.zhizhen .card p,.zhizhen .card .hengxian {display: none;}
.mr18 {margin-right: 1.8rem;}
.zhizhen .card {transition: all 2s linear;}
.zhizhen .card:hover {cursor: pointer;}
.zhizhen .card:hover p { display: block; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp;}
.zhizhen .card:hover .hengxian {display: block;}
.message {margin-left: 1.5rem;}
.message>h2 {line-height: 3rem;}
.message>h4 {line-height: 3.6rem;}
.zg-contact form {width: 55rem; margin-top: 2rem;}
.zg-contact .form-group {opacity: 0.9;}
.zg-contact .form-wid {height: 4rem;}
.zg-contact .form-group .form-control {font-size: 1.4rem;}
.zg-contact .form-wid .form-control {height: calc(1.3em + 2rem + 0px); }
.zg-contact .form-group textarea {padding-top: 1rem; padding-bottom: 1rem;}
.zg-contact .subm {margin-right: 1.6rem;}
.zg-contact form button>h4 {padding-left: 5rem;padding-right: 5rem;}
.zg-contact form button a>h4 {padding-left: 3.6rem;padding-right: 3.6rem;} 
.zg-contact form .row button:nth-child(2) h4 {color: #f00202;}
.zg-contact form .row button:nth-child(2):hover {background-color: #f00202;  cursor: pointer;}
.zg-contact form .row button:nth-child(2):hover h4 {color: white;}
.zg-contact .card-img-overlay {overflow: auto;}

@media (max-width: 1200px) {
.my-pro {overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap;}	
}
@media (max-width: 576px) { 
.zg-application .py-55 .card p {display: block;}
.zg-application .py-55>div h4 {color: #027bf0;}
.zg-application .bg-f7 .pl-5 {padding-left: 2rem !important;}
.zg-application .py-55 {padding-bottom: 0rem;}
.zg-cp .card p>i {padding-left: 0rem;}
.zg-cp .col-6 .mr-4 {margin-right: 1rem !important; margin-bottom: 1rem;}
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h4 {padding-left: 2%; padding-right: 2%;}
.zg-cases .mr-20 {margin-right: 1rem;}
.zg-cases table tr {line-height: 2rem;}
.zhuzhaungtu {padding-left: 1rem; padding-right: 1rem;}
.zg-service .container > h4 {margin: auto 1%; }
.zhizhen .mr18 {margin-right: 1rem;}
.zhizhen .card-img-overlay {padding-top: 3rem;} 
.zhizhen .card-img-overlay p {display: block; line-height: 2.4rem; height: 2.4rem;}     
.zhizhen .card p {display: block;}
.zhizhen .card .hengxian {display: block; margin-bottom: 1rem;}
.product-bg {background: url(../images/m-product-bg.png) no-repeat; height: 60rem;background-position: center bottom;}
.case-content {padding-left: 6%;padding-right: 6%; margin-top: 7%; margin-bottom: 7%;}
.hengline {margin: 4rem auto;}
.feedback {margin: 4rem auto 12rem;}
/* 表单 */
.message > h2 {font-size: 2.4rem; }
.message>h4 {line-height: 2.8rem;}
.zg-application .container>h4 {margin: auto 1%;}
.zg-contact form {width: 100%; }

/* 相关政策 */
.policy .card-title {line-height: 3rem;}
.biaozhun {margin-right: 0rem; }
.policy .card-img-overlay .ml-auto {margin:auto;}
.policy .card-img-overlay .mr-auto {margin:auto;}
/* 郑锅热水锅炉 */
.pt12 {padding-top: 2rem;}
.zgcont>h3 {height: 2.4rem; line-height: 1.2;}
.zgcont .description p {height: 2.4rem; line-height: 2.4rem;}
.zgpro {margin-top: 12rem;}
/* 案例解析 */
.zg-analysis #carouselExampleFade .carousel-control-prev, .zg-analysis #carouselExampleFade .carousel-control-next {display: none;}
}
@media (max-width: 991px) {
	.zg-banner .card{margin-top: 5.5rem;}
	}
@media (min-width: 992px) {	
footer .ftb p a {text-decoration: none;}
}
@media (min-width: 576px) and (max-width: 767px) { 
.zhuzhaungtu {padding-left: 2%; padding-right: 2%;}	
.zg-service .container > h4 {margin: auto 2%; }	
.zhizhen .card-img-overlay {padding-top: 8rem; }	
.message {margin-left: 0rem; }
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h2 {margin-bottom: 5rem;}
.product-bg {background: url(../images/m-product-bg.png) no-repeat; height: 60rem;background-position: center bottom;}
.pt12 {padding-top: 2rem;}
.zgcont>h3 {height: 2.4rem; line-height: 1.2;}
.zgcont .description p {height: 2.4rem; line-height: 2.4rem;}
.zgpro {margin-top: 6rem;}
.zg-analysis #carouselExampleFade .carousel-control-prev, .zg-analysis #carouselExampleFade .carousel-control-next {top:17%;width: 7%;}
.zg-analysis #carouselExampleFade .carousel-control-next {right: 0;}
}
@media (min-width: 768px) and (max-width: 991px) { 
.zg-boiler .zhezhao {height: 6rem; }	
.posi-zl {top: -7.5rem;}
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h2 {margin-bottom: 5rem;}
.zhizhen .card-img-overlay {padding-top: 7rem; }
.zg-contact form {margin: auto;}
.pt12 {padding-top: 20rem;}
.zgcont>h3 {padding-top: 3rem; line-height: 1.2;}
.zgcont .description p {line-height: 2.4rem;}
.zgpro {margin-top: 6rem;}
.zg-analysis #carouselExampleFade .carousel-control-prev, .zg-analysis #carouselExampleFade .carousel-control-next {top: 20%;}
.zg-analysis #carouselExampleFade .carousel-control-next {right: 0;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.banner-text {margin-left: 5%; margin-top: 2%;}	
.choosezg {margin-left: 0rem; }	
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h2 {margin-bottom: 5rem;}
.zhizhen .card-img-overlay {padding-top: 6rem; }	
.zg-contact form {margin: auto;}
.case-content {padding-left:5%; padding-right: 5%; margin:8% auto; }
.hengline {margin: 4rem auto;}
}
@media (min-width: 1200px) and (max-width: 1399px) { 
.banner-text {margin-left: 15%; margin-top: 5%;}	
.choosezg {width: 60%; margin: auto; }	
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h2 {margin-bottom: 5rem;}
.zhizhen .card-img-overlay {padding-top: 6rem; }	
.zg-contact form {margin: auto;}
}
@media (min-width: 1400px) and (max-width: 1699px) {
.zg-cost1 {position: inherit;margin-bottom: 0rem;}
.zg-cost1 > h2 {margin-bottom: 5rem;}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1200px;}
.modal-xl {max-width: 1200px;}
}
@media (min-width: 768px) {
.mr-md-18 {margin-right: 1.8rem !important; }
}
@media (min-width: 1701px) {
.zg-cost .card>.overflow-auto,.zg-contact .card .card-img-overlay {overflow: hidden !important; }
}