/*------------------solution index-----------------------------------*/
p.solution { margin: 40px auto 50px; }

.plbox { width: 100%; margin: 30px 0 100px; display:flex;flex-wrap:wrap;justify-content:space-between;}
.plbox dl { width: 24%; float: left; position: relative; background: #f5f5f5; }
.plbox dl * { transition: all .2s; }
.plbox dl dt { overflow: hidden; }
.plbox dl dt img { width: 100%; height:auto}
.plbox dl dd { font-size: .87rem; color: #999999; text-align: center; line-height: 26px; height: 99px; }
.plbox dl dd span { font-size: 1.25rem; color: #333333; display: block; padding-top: 20px; }
.plbox dl:nth-of-type(4n) { margin-right: 0; }
.plbox dl:after { display: block; height: 1px; content: " "; width: 0; background: #77b917; transition: all .2s; margin: 0 auto; }
.plbox dl:hover dt img { transform: scale(1.05); }
.plbox dl:hover dd, .plbox dl:hover dd span { color: #77b917; }
.plbox dl:hover:after { width: 100%; }

/*--------capacity---------*/
.capacitybox { width: 100%; padding: 40px 0 10px; background: #f5f5f5; margin-bottom: 60px; overflow:hidden;}
.capacitybox .range { width: 100%; margin: 30px 0 0;  display:flex;flex-wrap:wrap;justify-content:space-between;}
.capacitybox .range a { width: 24%; height: 50px; border: solid 2px #e6e6e6; text-align: center; line-height: 48px; display: block;margin-bottom:40px;  font-size: 1.25rem; border-radius: 4px; box-sizing: border-box; }
.capacitybox .range a:nth-child(4n) { margin-right: 0; }
.capacitybox a.more { margin: 0 auto; }
.capacitybox a { transition: all .2s; }
.capacitybox a:hover { color: #77b917; border-color: #77b917; }

/*------------------------fuel----------------------------------------*/
.fuel_type { width: 100%; height: 240px; background: #f5f5f5; margin: 80px auto; }
.fuel_type dt { width: 600px; height: 240px; float: left; }
.fuel_type dd { float: left; padding: 30px 30px 0; width: 540px; }
.fuel_type dd p { margin-top: 30px; }

/*-----------------------------capacity list------- -----------------------------------------*/
.wbneed { text-align: center; margin: 50px 0 0; }
.wbneed .h6 { font-size: 1.5rem; color: #77b917; margin-bottom: 25px; }
.wbneed .input_para { width: 100%; height: 60px; line-height: 60px; font-size: 1.12rem;  color: #666666; }
.wbneed .input_para input { display: inline-block; width: 58px; height: 58px; line-height: 58px; border-radius: 4px; border: 1px solid #77b917; text-align: center; font-size: 2rem;  color: #666666; margin: 0 15px 0 25px; }
.wbneed .input_para input::-webkit-inner-spin-button { -webkit-appearance: none !important; }
.wbneed .input_para span { display: inline-block; height: 100%; line-height: 60px; }
.wbneed .input_para span.on { color: #77b917; }
.wbneed .input_para span.on em { color: #77b917; }
.wbneed .input_para em { font-style: normal; color: #333333; padding: 0 20px 0 10px; font-weight: normal; }
.wbneed .input_para a.arrow { display: inline-block; width: 170px; }

.capacity { width: 100%; margin-top: 70px; }
.capacity .range { width: 110%; margin-top: 60px; height: 360px; }
.capacity .range a { display: table; float: left; width: 270px; height: 160px; margin: 0 40px 40px 0; background: #f5f5f5; text-align: center; line-height: 160px; font-size: 1.5rem; color: #333333;  transition: all .2s; }
.capacity .range a:hover { color: #77b917; background: #fafafa; box-shadow: 1px 1px 5px 0px #d2d2d2; }
.capacity .range a p { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.5rem; color: #333; }
.capacity .range a span { display: block; font-size: .87rem; color: #666; }
.capacity .range a span:before { content: "( "; }
.capacity .range a span:after { content: " )"; }
.capacity .range:after { content: " "; display: block; clear: both; }

.hwb .range a:after { content: "MW"; }

/*---------------------------------capacity--------------------------------------------*/
.appli { width: 100%; height: 400px; margin: 50px auto; }
.appli dl { width: 50%; float: left;  text-align: center; height: 200px; }
.appli dl * { transition: all .2s; }
.appli dl dt { width: 100px; height: 100px; background: #f5f5f5; border-radius: 50%; margin: 0 auto; font-size: 1.5rem; color: #666666; line-height: 100px; }
.appli dl dt.ltxt { font-size: 16px; }
.appli dl dd { font-size: 16px; line-height: 26px; padding: 20px 30px 0; color: #666666; }
.appli dl:hover dt { background: #77b917; color: #FFFFFF; }
.appli dl:hover dd { color: #77b917; }

/*---------------------------------industry list--------------------------------------------*/
.industry { width: 100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.industry dl { width: 24%; margin-bottom:40px; background: #f5f5f5; }
.industry dl dt { width: 100%; height: 100px; overflow: hidden; }
.industry dl dt * { transition: all .2s; }
.industry dl dt img { width: 100%; }
.industry dl dd { width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 16px; color: #333333;  }
.industry dl:hover img { transform: scale(1.05); }
.industry dl:hover dd { color: #77b917; }

/*---------------------------------industry list--------------------------------------------*/
.industry_type { width: 100%; height: 200px; margin: 70px 0; }
.industry_type dt { width: 540px; height: 100%; float: left; }
.industry_type dt img { width: 100%; height: 100%; }
.industry_type dd { width: 620px; float: right; padding-top: 20px; }
.industry_type dd p { height: 110px; }
.industry_type dd a { width: 218px; height: 38px; display: block; text-align: center; line-height: 38px; color: #666666; font-size: 16px; border: 1px solid #f0f0f0; float: left; margin-right: 20px; border-radius: 4px;  transition: all .2s; }
.industry_type dd a.on, .industry_type dd a:hover { border-color: #77b917; color: #77b917; }

.industry_grey { width: 100%; padding: 80px 0; background: #f5f5f5; margin-top: 70px; margin-bottom: 60px; }
.industry_grey div.fields { width: 110%; margin-top: 55px; }
.industry_grey div.fields dl { width: 220px; float: left; margin-right: 25px; }
.industry_grey div.fields dl * { transition: all .2s; }
.industry_grey div.fields dl dt { width: 100%; height: 147px; overflow: hidden; margin-bottom: 25px; }
.industry_grey div.fields dl dt img { width: 100%; }
.industry_grey div.fields dl dd { width: 218px; height: 38px; line-height: 38px; text-align: center; font-size: 1.12rem;  border: 1px solid #e6e6e6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.industry_grey div.fields dl:hover img { transform: scale(1.05); }
.industry_grey div.fields dl:hover dd { color: #77b917; border-color: #77b917; }
.industry_grey div.fields:after { display: block; content: " "; clear: both; }
@media (max-width:768px){
    .plbox dl{width:49%;margin-bottom:1rem}
    .sb_solution{background:none; position:relative;}
    .sb_solution .container{position:absolute; top:0;left:2%;}
}
@media (max-width:425px){
    .capacitybox .range a{width:49%}
}