/* CSS Document */
body{
  font-size: 14px;
}
img{
  display: block;
}
.bg-white{ background-color:#fff;}
#banner{background:url(http://static.shibangchina.com/images/shengchanxian/c-2015-11-19-145512.jpg) center center no-repeat; height:292px; padding-top:208px}
.bwords{ background-color:#003399; width:512px; padding:43px 42px 43px 34px;}
.bwords h1{color:#fff; font-size:34px; font-weight: bold;}
.bwords p{ color:#fff; font-size:16px; margin-top:17px;}
#casestab{ overflow:hidden; width:940px; margin:72px auto 47px auto;}
#casestab li{ border:1px solid #003399; color:#003399; cursor:pointer; width:166px; height:48px; line-height:48px; float:left; margin:0 10px; text-align:center; font-size: 14px;}
#casestab li.active{ background-color:#003399; color:#fff;}
.casesbox{ display:none;}
#casesboxs li.active{ display:block;}
#casesboxs ol{ overflow:hidden; margin-left: -22px;}
#casesboxs ol li{ width:355px; margin-left:22px; margin-bottom:42px; float:left;}
#casesboxs ol li.zero{ margin-left:0;}
#casesboxs ol li img{
  width: 100%;
}
.ctitle{ background-color:#f3f3f3; height:71px; padding-top:27px; padding-left:43px; padding-right:43px}
.ctitle p{
  font-size: 14px;
}
#caseslists{ overflow:hidden; padding-top:5px; padding-bottom:96px;}
.caseslist{ background-color:#f3f3f3; padding:48px 44px 55px 44px; width:1012px; float:left;}
.caseslist li{
  width: 50%;
  float: left;
  line-height: 2em;
}
 /*landing pages css*/
#c-lading-banner{
  background:url(http://static.shibangchina.com/images/shengchanxian/c-2015-11-20-102626.jpg) center center no-repeat;
  height: 277px;
  padding: 152px 0 74px 0;
}
.c-banner-content{
  height: 225px;
  width: 556px;
  background: #039;
  padding: 26px 56px;
  color: #fff;
}
.c-banner-content h1{
  font-size: 24px;
  line-height: 3.5em;
  font-weight: bold;
}
.c-banner-content p{
  font-size: 14px;
}
.c-banner-content ul{
  margin-top: 25px;
  margin-left: -53px;
}
.c-banner-content li{
  display: inline-block;
  margin-left: 53px;
}
.casetitle{border-bottom:1px solid #ccc; clear:both; width:100%; padding-top:75px; margin-bottom:49px; height:43px;}
.casetitle h2{ border-bottom:3px solid #ff9900; font-size:18px; font-weight:normal; padding-right:7px; padding-bottom:16px; float:left;}
.site ul, .project ul, .flowsheet ul{ overflow:hidden;}
.site ul li, .flowsheet ul li{ float:left; margin-right:39px;
  width: 344px;
  height: 209px;
}
.flowsheet ul li{ float:left; margin-right:39px;}
.site ul li img{
  width: 100%;
}
.case ul .zero{ margin-right:0;}
.project ul li{ float:left; margin-right:30px;
  width: 255px;
}
.project ul li img{
  width: 100%;
  height: 150px;
  display: block;
}
.project li h3{font-size:14px; font-weight:bold; text-align:center; line-height:58px;}
.flowsheet{ padding-bottom:100px;}
.flowsheet img{
  display: block;
  width: 100%;
}
.fleft{ background-color:#f5f5f5; width:756px; padding:1px 33px 0 36px; margin-right:39px; float:left; overflow:hidden; height: 157px;}
.fleft p{ margin-top:28px;}
.fleft hr{ width:90px; float:left; margin-top:40px; margin-right:4px;}
@media (max-width: 768px){
 #banner {
    height: auto;
    padding: 30px;
}
  .bwords {
    width: 100%;
    padding: 5px;
  }
  .bwords h1{
    text-align: center;
  }
  .bwords p{
  display: none;
  }
  #casestab {
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: 10px auto 10px auto;
  }
  #casestab li{
    margin: 0;
    width: 30%;
    margin:1%; 
  }
  #casesboxs li{
    width: 100%;
  }
  #casesboxs ol li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 42px;
    float: left;
}
}