.offer{ padding:4.25% 0 3.13%; background:#f3f3f3;}
.offer .off-tit{ font-size:2.08em; color:#292929;margin-bottom:4.25%; text-transform: uppercase;}
.offer ul{list-style: none; margin: 0; padding: 0;}
.offer ul li{color: #346aa1; font-style: italic; font-size: 16px; margin: 8px 0; font-weight: bold;}
.offer ul li i{padding-right: 9px; color: #fe5454;}
@media (min-width: 1200px){
.offer .doleft{ padding-left:30px; padding-right:30px; position:relative;}
.offer .doleft:after{ position:absolute; height:64px; width:3px; background:#346aa1; left:0; top:0; content:"";}
.offer .doleft:before{ position:absolute; height:21px; width:3px; background:#fe5454; left:0; top:0; content:""; z-index: 1;}
}
.offer iframe{width: 100%;}
.offer .more{width: 142px; height: 44px; text-align: center; line-height: 44px; color: #fff; background-color: #fe5454; display: block; border-radius: 6px; text-decoration: none; margin-top: 6.6%;}
.offer a:hover.more{background: #31619b;}
.offer h1{display: inline-block; margin: 0; padding: 0; font-size: 14px;}
#about{padding: 3.6% 0;}
#about ul.aboutflyer{list-style: none; margin: 0 0 15px; padding: 0;}
#about ul.aboutflyer li{color: #676767; margin: 5px 0; position: relative; padding-left: 25px; color: #676767;}
#about ul.aboutflyer li::before{content:"\f111"; font-family: FontAwesome; position:absolute; margin-left:-25px; color: #fe5454; font-size: 12px;}
#about ul.aboutflyer li span{color: #0049a0; font-style: italic; font-weight: bold;}
#about .more{color: #fe5454;}
#about a:hover.more{color:#31619b;}
#about .nodes{font-size: 12px; color: #676767; padding-top: 30px; padding-bottom: 30px;  margin-left: 100px;}
#about .nodes b{color: #fe5454; font-size: 36px; display: block; line-height: 30px;}
#about .colno{margin-top: -30px; margin-bottom: -30px; padding-top: 20px;}
.typename{font-size: 30px; text-transform: uppercase; color: #292929; margin-bottom: 40px; position: relative; padding-left: 20px; line-height: 45px;}
.typename:after{ position:absolute; height:45px; width:3px; background:#346aa1; left:0; top:0; content:"";}
.typename:before{ position:absolute; height:15px; width:3px; background:#fe5454; left:0; top:0; content:""; z-index: 1;}
.fa-ce{border-top: 1px solid #dadada; margin-top: 4.2%; padding-top: 50px;}
#about .aboutimg{margin: 0; padding: 0; list-style: none;}
@media (min-width: 1200px){
#about .fa-ce .col-md-4{border-right: 1px solid #dadada; padding-right: 30px;}
#about .fa-ce .col-md-8{padding-left: 30px;}
}
.ce-img{margin-left: -4px; margin-right: -4px; }
.ce-img .col-sm-6{padding-left: 4px; padding-right: 4px;}
.fc-more{width: 100%; line-height: 27px; background:#efefef; color: #fd6262; display: block; padding-left: 30px; text-decoration: none;}
#about .border{padding: 23px 26px 30px; border: 1px solid #efefef; text-align: center;}
@media (max-width: 991px){
	.margin-top{margin-top: 40px;}
	.ce-img .col-sm-6{padding-bottom: 15px;}
}
#hot{background:url(../images/hot-bg.jpg) center center fixed no-repeat; background-size: cover; padding: 3.6% 0; color: #fff; text-align: center;}
#hot .title{font-size: 30px; text-transform: uppercase; position: relative; margin-bottom: 30px;}
#hot .title:after{ position:absolute; height:1px; width:120px; background:#dadada; left:50%;; top:45px; content:"";margin-left: -45px;}
#hot .title::before{position:absolute; height:1px; width:20px; background:#2490c1; left:50%; top:45px; content:""; margin-left: -73px;}
#hot h2{font-size: 12px; color: #a8d8f4; margin:40px 0 4.2%; padding: 0;}
#hot .plist{margin-bottom: 30px;}
#hot .plist a{display: block; text-decoration: none;}
#hot .pj-img{display: block; overflow: hidden;position: relative;}
#hot .pj-img img{ transition:all 0.3s ease;}
#hot a:hover .pj-img img{ transform: scale(1.2); } 
/*#hot .pj-img::after,#hot .pj-img::before{ position: absolute;transition:all 0.4s ease;opacity:0;}
#hot .pj-img::after{ content: ""; background: rgba(0,0,0,0.5); z-index: 1; width: 100%; height: 100%; left: 0; top: 0;}
#hot .pj-img::before{content:"\f0c1";  color: #fff; left: 50%; top: 50%; font-size: 26px; z-index: 2; font-family: FontAwesome; margin-top: -13px; margin-left: -15px;}
#hot a:hover .pj-img::after,#main a:hover .pj-img::before{opacity: 1;}*/
#hot .plist span.title1{ color: #fff; display: block; text-align: center; background: #242427; padding:8px 0; transition:all 0.3s ease; text-transform: capitalize;}
#hot .plist a:hover .title1{background: #d13a3a; color: #fff; }
@media (max-width: 767px){
#hot .plist{ max-width: 420px; margin-left: auto; margin-right: auto; }
}

#quality{ background:#f3f3f3; padding:3.2% 0; color:#333333;	}
#quality .qt-1{ font-size:18px; font-weight:bold; margin-bottom: 5px;}
#quality .qt-2{ font-size:32px; font-weight:bold;} 
#quality .more{ display:block; padding:11px 0; text-align:center; font-size:18px; background:#fe5454; font-weight:bold;width:310px; color:#fff; border-radius: 5px;}
#quality a:hover.more{text-decoration:none; background: #31619b;}
@media (min-width: 1200px){#quality .max-left{ float:left;}#quality .more{float:right;}}
@media (max-width: 1199px){#quality .more{ margin:20px auto 0; }}


#pksilo{padding: 3.6% 0 1.4%; position: relative; color: #fff; z-index: -1;}

#pksilo .vs{width: 140px; height: 86px; background: url(../images/vs.png) no-repeat; position: absolute; left: 50%; margin-left: -70px; z-index: 2;}
#pksilo .stelltit{font-size: 49px; font-weight: bold; text-transform: uppercase; margin-bottom: 40px;  line-height: 40px; margin-top:40px;}
#pksilo .steelsilo{z-index: 2;}
#pksilo .check i{width: 38px; height: 38px; background: #4c4c4c; color: #f55353; border-radius: 50%; text-align: center; line-height: 38px; font-size: 18px;}
#pksilo .check{text-align: center; position: relative;}
#pksilo .check::before{content: ""; width: 35%; height: 1px; background: #fff; position: absolute; left: 50%; top: 18px; margin-left: 35px;}
#pksilo .check::after{content: ""; width: 35%; height: 1px; background: #fff; position: absolute; left: 0; top: 18px; margin-left: 35px;}
#pksilo ul{list-style: none; margin: 0; padding: 0;}
#pksilo ul li{border-bottom: 1px dashed #fff; color: #303030; font-size: 16px; padding: 18px 0; }
#pksilo li .title{color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-top: 2.1%;}
#pksilo li img{float: left; margin-right: 20px;}
#pksilo ul li:last-child{border-bottom: none;}
#pksilo .concretesilo{ z-index: 2; color: #fff;}
#pksilo .concretetit{ z-index: 2; font-size: 40px; font-weight: bold; text-transform: uppercase; margin-bottom: 40px; text-align: right;}
#pksilo .concretesilo .check i{background: #da4147; color: #fff;}
#pksilo .concretesilo ul li{color: #fff; font-size: 14px;}
#pksilo .concretesilo li .title{font-size: 14px;}
@media (min-width: 768px){

#pksilo::before{content: ""; width: 50%; height: 100%; background: #fe5454; left: 0; top: 0; position: absolute;
background:-moz-linear-gradient(left,rgba(254,84,84,.8), rgba(254,84,84,1));
background:-webkit-linear-gradient(left,rgba(254,84,84,.8), rgba(254,84,84,1));
background:-o-linear-gradient(left,rgba(254,84,84,.8), rgba(254,84,84,1));
}
#pksilo::after{content: ""; width: 50%; height: 100%; background: #fe5454; right: 0; top: 0; position: absolute; z-index: -1;
background:-moz-linear-gradient(left,rgba(76,76,76,1), rgba(76,76,76,.9));
background:-webkit-linear-gradient(left,rgba(76,76,76,1), rgba(76,76,76,.9));
background:-o-linear-gradient(left,rgba(76,76,76,1), rgba(76,76,76,.9));
}
#pksilo .concretesilo{padding-left: 5.8%;}
#pksilo .steelsilo{ padding-right: 5.8%;}
#pksilo .stelltit{text-align: right; padding-right: 95px;}
}
@media (min-width: 1200px){
#pksilo .concretetit{text-align: center;}
}
@media (min-width: 768px) and (max-width: 991px){
#pksilo li .title{ margin-top: 0; font-size: 14px; }	
#pksilo .stelltit,#pksilo .concretetit{ font-size: 28px; }
#pksilo .check::after{left: -25px;}
}
@media (min-width: 992px) and (max-width: 1199px){
#pksilo .check::after{margin-left: 25px;}
}
@media (max-width: 767px){
#pksilo{padding-top: 0;}
#pksilo .steelsilo{ background: #fe5454; padding-top: 40px; padding-bottom: 40px;}
#pksilo .concretesilo{ background: #4c4c4c; padding-top: 40px; padding-bottom: 40px;}
#pksilo .concretetit,#pksilo .stelltit{color: #4c4c4c;text-align: center; font-size: 36px;}
#pksilo .check::before,#pksilo .check::after{content: ""; width: 107px;}
#pksilo .check::after{left: 50%; margin-left: -142px;}
#pksilo .col-stell{padding-bottom: 146px;}
#pksilo .stelltit{margin-top: 30px; margin-bottom: 0;}
#pksilo .vs{ top: 96px; }
}



#news{ padding:4.51% 0 2.04%;}
#news .container{ overflow:hidden;}
#news .rn-list{margin-bottom: 8.6%; height: 74px; overflow: hidden;}
#news .konw-no {border: 1px solid #e2e2e2;color: #fe5454;display: inline-block;float: left;font-size: 18px;font-weight: bold;height: 64px;line-height: 20px;padding: 10px;text-align: center;width: 64px; margin-right: 20px;}

#news .rn-list a{ color: #292929; font-size: 16px; text-transform: capitalize;font-weight: bold; }
#news .postlist{ padding: 20px 0 20px; border-bottom: 1px solid #eceaea; font-size: 13px; }
#news .postlist:first-child{padding-top: 0;}
#news .postlist .title{ font-weight: bold; color: #292929; line-height: 18px; display: block; margin-bottom: 10px; text-transform: capitalize;font-size:16px;  }
#news .postlist p{  margin-top: 8px; color: #908d8d; margin-bottom: 0; }
#news .postlist .row{margin-left: -10px; margin-right: -10px;}
#news .postlist .col-sm-4,#news .postlist .col-sm-8{padding-left: 10px; padding-right: 10px;}

#inquiry{background:#346aa1 url(../images/index_07.jpg) right top no-repeat; padding: 4.5% 0 3.6%;}
#inquiry .mailbody{background: #fff; padding: 40px 30px 20px; box-shadow: 4px 4px 4px rgba(0,0,0,.2)}
.mailtop{position: relative; padding-left: 20px; margin-bottom: 20px;}
.mailtop:after{ position:absolute; height:64px; width:3px; background:#346aa1; left:0; top:0; content:"";}
.mailtop:before{ position:absolute; height:21px; width:3px; background:#fe5454; left:0; top:0; content:""; z-index: 1;}
.mailtop p{font-size: 12px; line-height: 20px; color: #434343;}
.mailtop p em{font-weight: bold; color: #010101;}
.mailtop .mailtitle{color: #346aa1; font-size: 30px; font-weight: bold; margin-bottom: 7px;}
#inquiry .form-group{margin-bottom: 7px;}
input.form-control{height: 45px;}
#inquiry .sbtn{width: 309px; line-height: 47px; background: #fe5454; color: #fff; border: none; font-size: 18px; border-radius: 5px;transition:all 0.3s ease 0s;}
#inquiry .sbtn:hover{background: #31619b;}