.offer{ padding:3.2% 0 2.1%; }
.offer a.flagc{text-decoration: none; margin-bottom: 30px; display: block;}
.offer .box-img{ display:block; position:relative; overflow: hidden; position: relative; }
.offer .box-img img{ transition:all 0.3s ease;}
.offer a:hover.flagc .box-img img{ transform: scale(1.2); } 
.offer a:hover.flagc .box-img::before{background: rgba(0,0,0,0.5); width: 100%; height: 100%; content: ""; position: absolute;z-index: 2;}
.offer a:hover.flagc .box-img::after{content:"\f0c1"; font-family: FontAwesome; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 40px;z-index: 3; margin-left: -16px; margin-top: -10px;}
.offer .title{ font-size:14px; color: #535353; text-transform: capitalize; display: block;padding: 17px 0;transition:all 0.3s ease;}
.offer .title i{ color: #191919; padding-right: 15px;  font-size: 16px;}
.offer a:hover.flagc .title{ color: #fff; text-decoration: none; background: #36925d; padding-left: 15px; }
.offer a:hover.flagc .title i{color: #fff;}
@media (max-width:991px){
.offer .col-md-3{ margin-bottom: 30px; }
}
#mode-page{ background: #f2f2f2; padding:1.8% 0; }
#mode-page .nomark{ margin-top: 15px; margin-bottom: 30px; width: 68px; height: 68px; border-radius: 50%; line-height: 68px; font-size: 36px; font-family: Times New Roman; color: #fff; background: #36925d; text-align: center; float: left; margin-right: 25px;}
#mode-page .title{ font-size: 18px; color: #191919; margin-bottom: 10px; }
#mode-page .title span{ color: #36925d;  font-size: 24px;font-style: italic;  }
#mode-page p,#mode-page .pstyle{ line-height: 20px; color: #535353; font-size: 12px; }
#mode-page h1{ display: inline; padding: 0; margin: 0; font-size: 12px; font-weight: normal; }
#mode-page .col-md-4{ height: 125px; margin: 15px 0; }
@media (min-width:992px) and (max-width:1199px){
	#mode-page .nomark{ margin-bottom: 80px; }
	#mode-page .col-md-4{ height: 145px; }
}
@media (min-width:500px) and (max-width:767px){
	#mode-page .nomark{ margin-top: 0px; }
	#mode-page .col-md-4{ height: 105px; }
}
#plant{ padding: 3.6% 0; }
#plant .title{ font-size: 20px; color: #191919; text-transform: uppercase; font-weight: bold; }
#plant .title i{ padding-right:15px; }
#plant .title a{color: #191919;}
#plant p{ line-height: 20px; margin-top: 20px; color: #929292; }
#plant .more{ background: #36925d; color: #fff; width: 124px; height: 42px; line-height: 42px; text-align: center; display: block; margin-top: 25px; }
#plant a:hover.more{ background: #191919; text-decoration: none; }
@media (max-width:767px){
	#plant{ text-align: center; }
	#plant .more{ margin: 20px auto 40px; }
}
#projects{ padding:4.25% 0; background: url("index_05.jpg")/*tpa=https://www.baowugalvanized.com/static/images/index_05.jpg*/ no-repeat fixed left top; background-size: cover;}
#projects .category,.offer .category{ text-align:center; font-size:20px; color:#191919; text-transform:uppercase; margin-bottom:50px; font-weight: bold;}
#projects .category a{color:#191919;}
#projects .list-bor{  border: 1px solid #ddd; }
#projects .list-bor .box-img {overflow: hidden; display: block;position:relative; }
#projects .list-bor .box-img img{transition:all 0.3s ease;}
#projects .list-bor .box-img:hover img{ transform: scale(1.2); } 
#projects .list-bor .box-img:hover::before{background: rgba(0,0,0,0.5); width: 100%; height: 100%; content: ""; position: absolute;z-index: 2;}
#projects .list-bor .box-img:hover::after{content:"\f0c1"; font-family: FontAwesome; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 40px;z-index: 3; margin-left: -16px; margin-top: -10px;}
#projects .pj-title{ display: block; padding: 5.8% 2%; background: #36925d; color: #fff; text-align: center; text-transform: capitalize; line-height: 18px;transition:all 0.5s ease;}
#projects .list-bor a:hover.pj-title{ color: #fff; text-decoration: none; background: #191919;}
#projects .p-des{ color:#989b9b; font-size:12px; text-align:center; margin-bottom:50px;}
@media (max-width:991px){
#projects .list-bor{ margin-bottom: 30px; }
}
@media (max-width:767px){#projects .pj-title{padding:5.8% 2%;}}
}