/**********  样式重置 **********/
* {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; color: #666666}
a:hover {text-decoration: none; }
li, ul {list-style: none;}
img { border: none; display: block; }
p {line-height: 3rem;color: #666666; font-weight: 400;}
h5 {font-size: 16px; font-weight: bold;}
/*html5*/header, footer, section, nav, section, figure, menu, canvas {display: block; }
/********** 头部 **********/
.zg-header {position: static;top: 0; }
.zg-header img { margin:0 auto; }

/**********  banner **********/
.zg-banner img { margin:0 auto; } 
 
/********** 碳素前沿 **********/
.zg-trend .zg-up {position: relative;left: 0;top: -13.5rem;}
h2 {color: #135db6 !important; font-size: 30px; font-weight: bold;}
h4 {color:#afafaf; font-size: 24px; font-weight: 300;}
.rounded-lg {
border-radius: 1rem !important;
}
/********** 碳素余热回收系统 **********/
.zg-system {margin-top: -104px;}
.zg-system h5 {color: #135db6 !important;}
.zg-system .tx22 {position: relative;}
.zg-system .tx22 > p {color: #FFFFFF; font-size: 22px;font-weight: bold; position: absolute; left:32%;; top:70%;}
.mt-n16 {margin-top: -16rem;}
.border-left {border-left: 6px solid #135db6 !important; }

/********** 产品 **********/ 
.zg-product .media  {border: 1px solid #ffffff; }
.zg-product .media:hover { cursor: pointer; border: 1px solid #135db6; color: #135db6}
.rounded-left-lg {border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important;}
.media-body p {line-height: 2rem;}

/********** 案例 **********/
.zg-cases p {line-height: 2.5rem;}
.text-blue {color: #135db6; font-weight: bold;}
.btn-white {background-color: #fff;}
.btn-primary {color: #fff; background-color: #135db6;}
.mfoc_nav::before {content: ""; clear: both;display: block; width: 0;height: 0; visibility: hidden; }
#test1 { display: block; }
#test2,#test3,#test4 { display: none; }
/* focusbox */
.focusbox{overflow:hidden;position: relative;}
.contentimg{position:absolute; top:0; left:0; width:2320px; }
.contentimg li {float:left; margin-right:10px; mix-height:100%; overflow:hidden; }
.contentimg li img{max-width: 100%;}
.contentdesc{overflow:hidden;}
.focusbox .navbox{overflow:hidden;}
.focusbox .navbox li{overflow:hidden;}
.zg-cases .contentdesc .btn-primary a {color: #FFFFFF;}
/********** 相关咨询 **********/
.zixunimg {height: 12.3rem; background: url(../images/zixun.png) repeat-x;}
.item1 {height: 12.3rem; background: url(../images/xgzx.png) no-repeat left center;}
.item1 .sandian>ul>li {width:20rem;} 
.item {line-height: 2.8rem; margin:4.7rem auto 4.8rem;}
.search {width: 28.5rem;height: 4rem;border: 1px solid #bcbcbc; margin:4.2rem auto 4.1rem;  border-radius: 1.5rem !important;}
.search input {border: 0; outline: none;}
.search .lef {width: 70%; height: 3.8rem; border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; text-indent: 2rem;}
.search .righ {width: 30%; height: 3.8rem; background-color: #feb23a; border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20rem;
}
.sandian>ul>li a {display: block;}

/********** 竞争力 **********/
.jingzhnegli { position: relative; left:-20px; top:-230px;width: 100%;}
.jingzhnegli>
.zgborder-x {border-left: 2px solid #3995d4; border-right: 2px solid #3995d4; } 
.jingzhnegli h4 {font-weight: bold; }
.jingzhnegli p {line-height: 2.5rem;color: #fff; font-weight: 400;}
.jzl img { margin:0 auto; min-height: 248px;} 

/********** 客户服务 **********/
.zg-serive .zgdw > h4,.zg-serive .zgdw1 > h4,.zg-serive .zgdw2 > h4 {font-weight: 200;}
.zg-serive .zgdw {position: absolute; left: 6%; top: 14%;}
.zg-serive .zgdw1 {position: absolute; left: 6%; top: 77%;}
.zg-serive .zgdw2 {position: absolute; left: 6%; top: 9%;}
.zg-serive .zgdw2 h4 {color: #666666;}
.zg-serive .zgcc {max-width: 100%; height: 15rem;}
.zgwz {color: #666666;position: absolute; left: 16%; top: 55%;}
.zg-serive .zgcc1 {max-width: 100%; height: 15rem;background-color: #135db6;}
.zgwz1 {color: #FFFFFF;position: absolute; left: 16%; top: 55%;}
.zg-form .dingwei {
	position: absolute;
	left: 20%;
	top: 15%;
}
/********** 表单 **********/
.zg-form {width: 100%; height: auto;}
.zg-form .dingwei{position: absolute; left: 20%; top: 15%; }
.form-control {height: calc(2.3em + 0.75rem + 0px); font-size: 14px;border-radius: 1rem;color: #666666;}
.btn-lg, .btn-group-lg > .btn {font-size: 1.6rem; line-height: 2.0; border-radius: 0;}
.zg-form form .zgmover {text-align: right }
.zg-form form .zgmovel {text-align: left }
.pr-6 {padding-right: 6rem;}
.pl-6 {padding-left: 6rem;}
.zgp10{padding-right: 5rem;padding-left: 5rem;padding-top:5rem}
.zg-form button {letter-spacing: 3px;}

/********** 其他余热锅炉 **********/
.zg-others .card .card-body a:hover {text-decoration: none; }
.pl-9 {padding-left: 9rem;}
.card-deck .card:hover {cursor: pointer;}


@media (max-width: 575px) {
h2,h4 {font-size: 20px;}

.btn-lg, .btn-group-lg > .btn {font-size: 13px;}
.jzl img {min-height: 100%;}
.zg-trend {background-color:#ffffff !important;  }
.zg-trend .zg-up {position: static;}
.zg-trend h2 {padding: 0 !important; padding-top: 3rem !important; }
.form-group {margin-bottom: 0; }	
.zg-system {margin-top: 0px;}
footer .fto .fl img {margin: 0 auto;}
.zg-serive .zgdw {
    position: absolute;
    left: 6%;
    top: 0%;
}	
.zg-serive .zgdw1 {
    position: absolute;
    left: 6%;
    top: 72%;
}

.zg-form .dingwei {
	position: absolute;
	left: 0%;
	top: 3%;
	}
/* .jzl {margin-top: 1rem !important; margin-bottom: 1rem !important;}	 */
.jzl .px-5 {padding-left: 1rem !important; padding-right: 1rem !important;}	
.pr-md-6 button {float: left;}
.pl-md-6 button {float: right;}
.desc .pr-5 {padding-right: 0 !important;}
.desc .pl-5 {padding-left: 0 !important; margin-left: 2%;margin-right: 2%;}
}

@media (min-width: 576px) and (max-width: 767px) {
h2 {font-size: 24px;}
h4 {font-size: 22px;}
.zg-form .dingwei {
    position: absolute;
    left: 10%;
    top: 20%;
}	
.zgp10 {padding-right: 0;padding-left: 0;padding-top: 1rem;}	
.card-body .pl-9 {padding-left: 2rem;}
footer .fto .fl img {margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px) { 
h2 {font-size: 26px;}
h4 {font-size: 22px;}
.zg-system .tx22 > p {font-size: 20px;}
.zg-system .tx22 > p {position: absolute;left: 25%;top: 50%;}	
.zg-form .dingwei {
    position: absolute;
    left: 6%;
    /* top: 2%; */
}
/* .dingwei>form .jzl {margin-bottom: 1rem !important;  margin-top: 1rem !important;} */
.pl-9 {padding-left: 5rem;}
.zg-serive .zgdw { top: 10%;}
.zg-serive .zgdw1 { top: 74%;}
.zg-serive .zgcc,.zg-serive .zgcc1 {height: 10rem;}
 
  
  
}

@media (min-width: 992px) and (max-width: 1199px) { 
h2 {font-size: 28px;}
.zg-form .dingwei .my-5 {margin-bottom: 1rem !important;  margin-top: 1rem !important;}
.zg-form .dingwei {
    position: absolute;
    left: 2%;
    top: 5%;
}
.jingzhnegli {
	position: relative;
	left: -20px;
	top: -185px;
	width: 100%;
}
.pl-9 {padding-left: 7rem;}
.zg-serive .zgcc,.zg-serive .zgcc1 {height: 13rem;}
}

@media (min-width: 992px) {
.zg-form .dingwei .my-5 {margin-bottom: 1rem !important;  margin-top: 1rem !important;}
.zg-form .dingwei {
    position: absolute;
    left: 3%;
    top: 10%;
}		
.w-lg-50 {
  width: 50% !important;
}
}


@media (min-width: 1200px) { 
.zg-form .dingwei .my-5 {margin-bottom: 3rem !important;  margin-top: 3rem !important;}
.zg-form .dingwei{position: absolute; left: 20%; top: 15%; }
.jingzhnegli {
    position: relative;
    left: -18px;
    top: -195px;
}
} 
@media (min-width: 1200px) and (max-width: 1400px) { 
.zg-form .dingwei{position: absolute; left: 7%; top: 15%; }	
}
@media (max-width: 992px) {
#test1,#test2,#test3,#test4 { display: block !important; }
.zg-trend .zg-up .mb-5 img {margin: 0 auto;} 
.zg-banner img{margin-top: 5.5rem;}

}


.zg-trend .zg-up .row .col-lg-7 {display: block; float: left !important;}