/*内页banner*/
.innerbanner{ width: 100%; overflow: hidden; text-align: center; display: block; }
.innerbanner img{ width: 100%; height: 100%; overflow: hidden;  }
.innerbanner span{ position: absolute; top: 100px; font-size:48px; color:#fff; 
   line-height: 100px; background:rgba(66,135,0,0.7); padding: 0 20px;  }




/*关于我们内页导航*/
.innerpagetitle{ color: #000; height:50px; line-height: 50px; width: 100%; margin-bottom: 50px; overflow: hidden;background: #f1f1f1 ; margin-top: -10px }
.innerpagetitle p{ }
.innerpagetitle p a{ color: #00314f; margin:0 5px }
.innerpagetitle p span{ color: #333;margin:0 5px }


.aboutblock{ }
.aboutblock .ableft{ 
  margin-top: 50px; line-height: 25px; color: #999; font-size: 14px;  }
.aboutblock .ableft h3{font-size: 24px; line-height: 50px; color: #000}
.aboutblock .abright{  }
.aboutblock .abright img{ width: 80%;  }

.aboutblock .ableft .abtext{}







.case-filter-container{width: 100%; height: auto; background: #fff; }
.case-filter-center{width: 1240px; height: 100%; margin: 0 auto; padding: 20px 0;}
.case-filter-center ul{width: 100%; height: auto; }
.case-filter-center ul li{width: 100%; height: auto; border-bottom: 1px solid #f1f1f1; padding: 10px 20px; font-size: 14px; color: #363636; display: flex; display: -webkit-flex; display: -ms-flex; }
.case-filter-center ul li span{display: flex;display: -webkit-flex;align-items: center; width: 120px; }
.case-filter-center ul li dl{flex-wrap: wrap;width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}
.case-filter-center ul li dl dd{margin-right: 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; height: 30px; padding: 0 15px; line-height: 30px; cursor: pointer;}
.case-filter-center ul li dl dd.active{background: #00314f; color: #fff; }




.case-lists-container.general-case{ background: #fafafa; padding-top: 50px}
.case-lists-container.general-case ul{ width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
.case-lists-container.general-case ul li{width: 400px; height: auto; margin-bottom: 40px; margin-right: 20px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; background: #fff;}
.case-lists-container.general-case ul li:nth-child(3n){margin-right: 0;}
.case-lists-container.general-case ul li .case-headimg{width: 100%; height: 300px; background-size: cover; background-position: center center;position: relative;}
.case-lists-container.general-case ul li .case-headimg img{ width: 100%; height: 100% }
.case-lists-container.general-case ul li .case-headimg .icon_js{display: inline-block;width: 117px;height: 43px;position: absolute;top: 22px;right: 25px;background-image:url(http://image.shj.cn:8888/static/pcweb/images/twojs.gif);}
.case-lists-container.general-case ul li .case-info-wrap{width: 90%; height: 70px; padding: 0 20px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; border-bottom: 1px solid #f4f4f4;}
.case-lists-container.general-case ul li .case-info-wrap .case-buildName{font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case-lists-container.general-case ul li .case-info-wrap .case-type-info{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-info-wrap .case-type-info span{ margin-right: 20px }
.case-lists-container.general-case ul li .case-info-wrap i{background: url(../images/serch.png);  width: 20px; height: 20px;}
.case-lists-container.general-case ul li .case-designer-wrap{width: 100%; height: 70px; padding: 0 20px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap{display: flex; display: -webkit-flex; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-heading{width: 40px; height: 50px; border-radius: 8px; background-size: cover; background-position: top center; margin-right: 16px;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .name{font-size: 16px;}

.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .caeer{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-designer-wrap .popup-btn{width: 120px; height: 40px; text-align: center; line-height: 40px; border-radius: 8px; background: #c79e68; color: #fff; font-size: 14px; cursor: pointer;}
.case-lists-container.general-case ul li:hover{    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-2px,0);}



/*分页*/
.page {
  width:100%;
  height:auto;
  margin:0px auto;
  overflow:hidden;
  text-align:center;
  padding:40px 0;
}
.page a {
  padding:10px 2px;
  color:#4c4c4c;
  font-size:12px;
  display: inline-block;
  width:50px
}
.page a.cur,.page a:hover {
  background:#00314f  ;
  color:#fff;
}
.page a.nocur {
  background:none;
  color:#4c4c4c;
}



.textcon p{ line-height: 30px; font-size: 14px; margin-bottom: 20px; text-indent: 30px }
.textcon img{ margin-bottom: 20px; margin:10px auto; display: inline-block; max-width:100%; }
.innericon { position:absolute;  left: 0; top: 0; top: 75px; }
.innericon img{border-radius: 50%; border:5px solid #fed64f; height: 50px; width: 50px; }





/*新闻列表*/
.lh-fonts{ color: #000 ; line-height: 50px; text-align: center; font-size: 18px}
.lh-viewpoint-res { color: #000; line-height: 30px; color: #666; padding:0 20px;  text-align: center; height: 60px; overflow: hidden; }
.news_list .lh-more:before {
  transition: ease-out .35s;
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #00314f;
  background: ;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.news_list .lh-more:hover {
  color: #fff;
}
.news_list .lh-more:hover:before {
  width: 100%;
}
.news_list .lh-more {
  display: inline-block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(12,3,6,.13);
  position: relative;
  z-index: 1;
}
.news_list .item li {
  border: 5px solid #e8e8e8;
  margin-top: 50px!important;
  float: left;
  width: 95%;
  position: relative;
  transition: ease .65s;
}


.news_list .item li .img {
  float: right;
  max-width: 50%;
  transform: translate(58px, -24px);
  transition: ease .65s;
  max-height:350px;
  overflow-y: scroll;
  text-align: center;
}
.news_list .item li .img  img{
width:570px; height:403px
}
.news_list .item li .img::-webkit-scrollbar{
    display: none;
  }
.news_list .item li .text {
  width: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.news_list .item li .text a {
    margin: auto;
    display: block;
  margin-top: 50px;
  color: #000;
}
.news_list .item li .text a:hover {
  color: #fff;
}
.news_list .item li .text h2 {
  margin: 30px 0 35px;
}
.news_list .item li:nth-child(2n) {
  float: right;
}
.news_list .item li:nth-child(2n) .text {
  left: inherit;
  right: 0;
}
.news_list .item li:nth-child(2n) .img {
  float: left;
  transform: translate(-58px, -24px);
}

.item li>i:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-left: 5px solid;
  border-color: #00314f;
  border-color: ;
  position: absolute;
  left: -5px;
  top: -5px;
  transition: ease .65s;
}
.news_list .item li>i:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 5px solid;
  border-bottom: 5px solid;
  border-color: #00314f;
  border-color: ;
  position: absolute;
  right: -5px;
  bottom: -5px;
  transition: ease .65s;
}
.news_list .item li:hover>i:before, .news_list .item li:hover>i:after {
  width: 100.5%;
  height: 102.8%;
  visibility: visible;
}
.news_list .item li:hover .img {
  transform: translate(0);
}


/*新闻详情*/
.text_title{ text-align:center; font-size:28px; font-weight:lighter; color:#000;}
.text_title span{ font-size:12px}
.con_block img{ margin:20px 0; width:80%; margin:30px auto; display:block;}
.con_block p{ font-size:16px; color:#666}
.pages{ margin-top:30px; border-top:1px dashed #CCC; padding-top:30px; color:#000}





.bj{  background:url(../images/bjbg.jpg) no-repeat center bottom fixed; background-size: 100% 100%; padding-bottom: 100px; 
  overflow: hidden;  }
.bjimg{ float: left; width: 820px;margin-bottom: 100px; display: block;  }
.bjimg img{ width: 100%; height: 500px}
.formbox{ float: left; }
.formtit{ color: #fff; padding: 20px ; border-radius: 5px; background:#333; font-size: 18px; text-align: center; margin-bottom: 20px }


form{ margin: 0 auto }
.formbox{ float: left; width: 320px; background:#fff; margin-left:20px; padding: 20px }
.formcon label input,select{margin-bottom:10px; border: 1px solid #ccc; line-height:35px; height:35px;background: #fff;
 padding-left: 10px; margin-right: 30px;}
.button input{ height: 50px ; width:300px; background: #00314f; border: none; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer; }
.button input:hover{background: #333;}
.formcon label span{ display: block; color: #999; line-height: 34px  }


input{width:300px;}





.contact {
  overflow:hidden;
  display:block;
  color:#000;
  font-size:14px;
}
.footinfo4 .logo{ width: 300px; display: block; }
.footinfo4,.footinfo5{ float: left; padding-left: 30px; 
 overflow: hidden;  margin:30px auto; }
.footall1{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden;}
.footinfo4{ padding-right:30px; width:400px;border-right: 1px solid #ddd; }
.footinfo4 img{ margin-top: 3px; vertical-align: -7px; }
.footinfo4 p{ margin-top: 10px; display: block; width: 100%; overflow: hidden; }
.footinfo4 p strong{ display: block; }
.footinfo5{ width: 700px;  }
.footinfo5 img{ width: 100%; height: 415px }