#about{padding: 2.8% 0;}
#about a.img-show {display: block; overflow: hidden; margin-top: 12px; position: relative;}
#about .details{ width:100%; height:30px;  transition:all 0.3s ease 0s; opacity: 0;  line-height:30px; text-align: center; position:absolute; bottom:-30px; left:0; color:#FFF;  background:rgba(59,63,80,0.7); font-size:14px;}
#about a:hover.img-show .details{ bottom:0; opacity: 1; }
#about .row{margin-left: -6px; margin-right: -6px;}
#about .row .col-sm-4{padding-left: 6px; padding-right: 6px;}


#product{ background-color:#efefef; padding: 3.6% 0;}
#product .typename{text-align: center; font-size: 24px; text-transform: uppercase;position: relative; margin-bottom:20px; font-weight:bold;}
#product .title1{margin-bottom:10px; font-size: 16px;border-bottom: 1px solid #d2d1d1;padding-bottom: 36px;text-align: center;}
#product .pj-list{ display:block; text-align:center; color:#4b4948; font-size:14px; margin:30px 0 0px;}
#product a:hover.pj-list{ box-shadow:2px 2px 5px #bebbb9; text-decoration:none;background:#0096e0;}
#product .sp-tit{ height:51px; line-height:51px; border-bottom:1px solid #d2d1d1;}
#product a:hover.pj-list .sp-tit{ color:#fff; }

#built{ padding:4.25% 0;}
#built .h1-tit,#news .h1-tit{ text-align:center; font-size:30px; color:#333333; text-transform:uppercase; position:relative; margin-bottom:40px;}
#built .h1-tit::after,#news .h1-tit::after{background: #14447c; width: 70px; height: 2px; position: absolute; content: ""; left: 50%; bottom: -25px; margin-left: -35px;}


#built .p-des,#news .p-des{ color:#333; font-size:16px; text-align:center; margin-bottom:4.6%;}
#built .pj-des a{ color:#fb4848; font-size:20px; font-weight:bold; text-transform:capitalize;}
#built .pj-des .time{ color:#98989a; font-size:14px; font-weight:bold; margin-top:5px;  position:relative; margin-bottom: 10px;}

/*
@media (max-width: 767px){
	#built .pj-des{ text-align:center; }
	#product .col-md-3,#news .col-sm-4{max-width: 420px; margin-left: auto; margin-right: auto;}
	}
@media (max-width: 991px){#built .pj-des{margin-bottom:20px;}}*/
/*#coming{background: url(../images/coming.jpg) no-repeat;text-align: right;padding: 3.4% 20px;  text-shadow: 3px 3px 3px rgba(0,0,0,.8); font-size: 30px; text-transform: capitalize;}
#coming a{text-decoration: none;color: #e4cbb7; line-height: 40px;}
#coming span{display: block; color: #eb9c09; text-transform: uppercase; font-style: italic; font-weight: bold; font-size: 28px;}
#coming i{padding-right: 15px;}*/
#quality{ padding:3.6% 0; }
#quality .typename, #about .typename{ border-bottom:1px solid #ebebea; font-size:22px; font-weight:bold;text-align:center; color:#4b4948; padding-bottom:45px; margin-bottom:29px; text-transform:uppercase; }
#quality .row{margin-bottom: 35px;}

#news{ padding:3.81% 0 3.04%; background: #efefef;}
#news .container{ overflow:hidden;}
#news  .title{ font-size:16px; color: #0096e0;display:block; margin-bottom:6px; text-transform:uppercase;} 
#news .newslist{ padding: 20px 0;}

#news .newslist .more{ color:#cf4b4b; text-transform:uppercase; font-size:12px; font-weight:bold;}
#news .newstitle,#news .typename{font-size: 24px; text-transform:uppercase; font-weight: bold; margin-bottom: 35px;}
#client{padding: 3.6% 0;}
#client .typename{text-align: center; font-size: 24px; text-transform: uppercase;position: relative; margin-bottom:10px; font-weight:bold;}
#client .title1{margin-bottom:10px; font-size: 16px;border-bottom: 1px solid #d2d1d1;padding-bottom: 36px;text-align: center; margin-bottom: 30px;}

/*#mailform{background: #4d3f39 url(../images/index_mailbg.jpg) center bottom no-repeat; background-size: cover; padding: 4.1% 0 3.2%; color: #fff;}
#mailform .mailtit{font-size:32px; font-weight: bold;  margin-bottom: 10.2%;}
#mailform .form-group{ margin-bottom: 20px;}
#mailform .form-group span{color: #bbbcbc; padding-left: 20px;}
#mailform .form-control{background:#fff; color: #9e9e9e; font-size: 16px; border:1px solid #dadee4; font-size: 12px; border-radius: 0;}
#mailform  input.form-control{   height:40px;}
#mailform .mailbtn{ border-radius: 3px; width:70%; height: 42px; background-color: #f24141; color: #fff; font-size: 16px; margin: 27px auto 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#mailform .mailbtn:hover{ background:#d93b3b; }
@media (min-width:1200px){
#mailform .col-sm-4{ padding-right: 4.2%; }
}
*/
@media (max-width: 991px){
	#news .newstitle,#news .typename{ margin-bottom: 10px; }
  #news .typename{ margin-top: 25px; }

}
@media (max-width: 767px){
  #product,#quality,#news{padding: 30px 0;}
	#mailform .mailtit{margin-bottom: 15px;}
	.myform{margin-top: 15px;}
  #product .pj-list{max-width: 420px; margin-left: auto; margin-right: auto;}
  #quality .typename{padding-bottom: 20px;}
  #news .newslist{text-align: center; }
  #news .newslist .title{margin-top: 7px;}
}
.swiper-container .swiper-slide{text-align: center;}
#client .case-container{overflow: hidden; position: relative; padding-bottom: 60px;}
#client .case-container .swiper-slide{width: 20%; padding-left: 8px; padding-right: 9px; text-align: center;}
#client .case-container .swiper-slide a{display: block; text-decoration: none;}
.swiper-container {width: 100%;}  
.swiper-container .swiper-slide{position: relative;  background-size: cover; background-repeat: no-repeat;background-position: center center;}
/*@media (max-width: 992px) {.swiper-container .swiper-slide{height: 500px;}}*/
@media (max-width: 767px){ 
    #client .case-container .swiper-slide{width: 50%;}
    /*.swiper-container .swiper-slide{height: 230px;}*/
    .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{display: none;}
}
@media (min-width: 768px) and (max-width: 991px){
    #client .case-container .swiper-slide{width: 33.33333333%;}

}
@media (min-width: 992px) and (max-width: 1199px){

.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background-color: rgba(0,0,0,.5);
}