/********** 样式重置 **********/
: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: #027bf0 !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-blue {color: #027bf0;}
.color-da {color: #da0000;}
.color9  {color: #999999;}
.color3  {color: #333333;}
.color6  {color: #666666;}
.colorf0  {color: #f00202;}
.bg-blue {background-color: #027bf0;}
.bg-da {background-color: #da0000;}
.bg-f0 {background-color: #f00202;}
.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;}
/************* banner *************/
.banner-text {background: url(../images/banner-text.png) no-repeat; width: 85rem;height: 9.5rem; margin-top: 11rem; margin-left: 18rem;}
/************* 郑锅蒸汽锅炉 *************/
.border-blue {border: 1px solid #027bf0;}
.zgicon .card {height: 18.5rem; padding-top: 3rem;}
.zgicon .border-0 {line-height: 9rem;}
.zgicon .border-blue :hover {cursor: pointer; background-color:#027bf0 ; }
.zgicon .border-blue :hover i {color: white; }
.zgicon .border-blue :hover h4>a {color: white; }
.zg-boiler .card .card-img-overlay .card-text {line-height: 3.6rem;}
.zg-boiler .zhezhao {width: 100%; height: 9.8rem;opacity: 0.8; position: absolute;bottom: 8rem;}
.posi-zl {position: absolute;left: 0; top: -14rem;}
.zhuanli span {border: 1px solid #FFFFFF; height: 3.2rem; width: 0; margin: auto;}
.w-33 {width: 33%;}
.b-text {font-size: 2.4rem;} 
/************* 行业应用 *************/
.mr-18 {margin-right: 1.8rem;}
.pr-18 {padding-right: 1.8rem;}
.bianju { margin-right: 1.5rem;}
.mb-2rem {margin-bottom: 3rem;}
.zg-application .py-55 .card {-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; }
.zg-application .py-55 .card {background-clip: content-box;}
.zg-application .py-55 .card p {display: none;}
.zg-application .py-55>div:hover {cursor: pointer;  -webkit-transform: translateY(-2rem);  -ms-transform: translateY(-2rem);  transform: translateY(-2rem);}
.zg-application .py-55>div:hover h4 {color: #027bf0;}
.zg-application .py-55 .card:hover p {display: block; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name:fadeInUp ;}
/* 表单01 */
.biaodan1 {height: 10rem;}
.colorb4 {color: #b4d8fb;}
.height35 {height: 3.5rem;}
.wid-hei20 {height: 2rem;width: 2rem; }
.submit1:hover {background-color: #c50303; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
#calc: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;}
/************* 蒸汽锅炉全系产品 *************/
.zg-type h4 {height: 7rem; line-height: 7rem; margin-bottom: 0;}
.zg-type div {cursor: pointer;}
.zg-type .border-right {border-right: 1px solid #999999; width: 0; height: 1.8rem;}
.zg-type span {border-right: 1px solid #999999; width: 0; height: 2rem;float: right; line-height: 7rem;margin-top: 2.5rem; }
.zg-type .onon p {border:2px solid #f00202;margin-bottom: 0;width: 90%; }
.zg-type p {border:2px solid #f7f7f7;margin-bottom: 0;width: 90%; }
.height46 {line-height: 4.6rem; height: 4.6rem;}
.mr-20 {margin-right: 2rem;}
.zg-cp .card {cursor: pointer;}
.on div {background-color: #027bf0;}
.on a {color: white;}
.on i {color: white;}
.zg-cp .card p>i {display: inline-block; padding-left: 4rem;} 
.zg-cp .card .card-body {padding:0;}
.boiler-details>p {line-height: 3.6rem; }
#biomass11 {display: block;}
#gas11, #coal11, #yure11 { display: none;}
/* #biomass001, {display: -webkit-box;display: -ms-flexbox;display: flex;} */
#biomass002,#biomass003,#biomass004 { display: none;}
.selection {width: 19.5rem; height: 4.6rem; border: 2px solid #f00202; border-radius: 3rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex;}
.selection>a {margin: auto; }
.selection:hover {background-color:#f00202;}
.selection:hover>a {color: white;}
/************* 案例现场 *************/
.zgcase01 .card-body> p{text-align: center;margin-bottom: 2px; background-color: white;}
.zgcase01 img {width:100% !important;}
.zgcase01:hover {cursor: pointer; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.zgcase01:hover a {color: #027bf0; /* animation-name: tada; -webkit-animation-name: tada; -moz-animation-name:tada ; */}
.zg-cases .zgtable {background-color: #f00202; height: 5rem; line-height: 5rem;}
.zg-cases .zgtable>th {font-size: 1.6rem;font-weight: bold;}
.zg-cases .table-hover {background-color: #ffffff; color: #999999;}
.zg-cases .table-hover tr:hover {background-color: #f00202; }
.zg-cases .table-hover tr:hover th {color: white;}
.zg-cases .table-hover tr:hover td {color: white;}
.zg-cases table tr {height: 4rem; line-height: 4rem;text-align: center;}
/************* 蒸汽锅炉成本核算 *************/
.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{-o-transition: margin-top 1s;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%;}
/************* 至臻服务 *************/
.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 {width: auto !important;} */
.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 {-webkit-transition: all 2s linear;-o-transition: all 2s linear;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: 4rem;}
.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;}
@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;}
/* 表单 */
.message > h2 {font-size: 2.4rem; }
.message>h4 {line-height: 2.8rem;}
.zg-application .container>h4 {margin: auto 1%;}
.zg-contact form {width: 100%; }
}

@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;}
}

@media (min-width: 768px) and (max-width: 991px) { 
.zg-boiler .zhezhao {height: 6rem; }	
.posi-zl {top: -12.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;}

}
@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;}
}

@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 (max-width: 991px) {
.zg-banner .card{margin-top: 5.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: 992px) {	
footer .ftb p a {text-decoration: none;}
}