#banner {
    border: 0;
    height: 600px;
    margin-bottom: 0;
    clear: both;
        overflow: hidden;
        position: relative;
}

#banner .flex-direction-nav {
    display: none;
}


#banner .flex-control-nav  {
        bottom: 25px;
            z-index: 999;
}

/*************************************************************************/

#top {
    height: 100px;
    background: #333;
}

#top  .mainw {
    position: relative;
}

#top a.logo {
    position: absolute;
    display: block;
    left: 0;
    top: 10px;
}


#top  #nav {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}

#top  #nav a {
    display: inline-block;
    width: 98px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    text-align: center;
    color: white;
}

#top  #nav a:hover {
    background: #ffbe20;
    color: white;
    
}



#home-notice {

}


#home-notice  .a {
        background: url(/static/hengde/notice.png) no-repeat center left;
    padding-left: 60px;
    line-height: 40px;
    display: inline-block;
    font-size: 14px;
    color: #353535;
}


.mainw-title {
    display: block;
    margin: 0 auto;
    margin: 20px 0;
        text-align: center;
        position: relative;
}

.mainw-title:after {
    content:  " ";
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: -1;
    top:50%;
}

.mainw-title h3 {
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    padding: 0 40px;
    background: white;
    position: relative;
}

.mainw-title h3:before {
    position: absolute;
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background: #ccc;
    left: 0px;
    top: 39%;
    transform: rotate(45deg);
}


.mainw-title h3:after {
    position: absolute;
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background: #ccc;
    right: 0px;
    top: 39%;
    transform: rotate(45deg);
}

.mainw-title h3 span {
    font-weight: bold;
    color: #ffc022;
    
}


p.desc {
   text-align: center;
   font-size: 14px;
   color: #666;
   padding: 0 100px;
   line-height: 1.4;
}



#home-pro-list-1 .con {
    margin: 30px 0;
    text-align: justify;
    text-align-last:  justify;
}



#home-pro-list-1 .con  > a {
    text-align: center;
    text-align-last: center;
    display: inline-block;
    width: 17%;
      
}

#home-pro-list-1 .con  > a  img {
    max-width: 100%;
  border: 2px solid #ffc022;
        border-radius: 5px;
    
}
#home-pro-list-1 .con  > a  p {
    margin-bottom: 30px;
}

#home-qiehuan {
    /*margin: 50px auto;*/
    position: relative;
    min-height: 500px;
}


#home-qiehuan .qiehuan .qiehuan-title {
    position: absolute;
    width: 470px;
    height: 490px;
    right: 0;
        
}

#home-qiehuan .qiehuan .qiehuan-title .unit  {
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    float: left;
}
#home-qiehuan .qiehuan .qiehuan-title .unit.hover  img {
        -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
#home-qiehuan .qiehuan .qiehuan-title .unit img   {
     -webkit-filter: grayscale(70%); /* Chrome, Safari, Opera */
    filter: grayscale(70%);
}



#home-qiehuan .qiehuan .qiehuan-con {
    position: absolute;
    width: 700px;
    height: 478px;
   left: 0;
       top: 0;
        
}

#home-qiehuan .qiehuan .qiehuan-con .unit {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#home-qiehuan .qiehuan .qiehuan-con .unit img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
}


#home-qiehuan .qiehuan .qiehuan-con .unit  .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: rgba(0,0,0,.8);
}


#home-qiehuan .qiehuan .qiehuan-con .unit  .info h3 {
    color: #ffbe20;
    margin: 20px 0  0 20px;
}


#home-qiehuan .qiehuan .qiehuan-con .unit  .info p {
    color: #ccc;
    padding: 20px;
    line-height: 1.4;
}


#home-about {
    background: url(/static/hengde/about.jpg) center no-repeat;
    min-height: 444px;
    margin: 30px auto;

}

#home-about  .mainw {
    position: relative;
    color: white;
        padding-top: 110px;
    height: 224px;
}

#home-about  .mainw  a.item.item-2 { background: url(/static/hengde/about-2.jpg) no-repeat;      background-size: cover;     margin-left: 200px; }
#home-about  .mainw  a.item.item-3 { background: url(/static/hengde/about-3.jpg) no-repeat;     background-size: cover; }
#home-about  .mainw  a.item.item-4 { background: url(/static/hengde/about-4.jpg) no-repeat;      background-size: cover; }
#home-about  .mainw  a.item.item-5 { background: url(/static/hengde/about-5.jpg) no-repeat;     background-size: cover; }
#home-about  .mainw  a.item.item-6 { background: url(/static/hengde/about-6.jpg) no-repeat;      background-size: cover; }


#home-about  .mainw  a.item {
    width: 200px;
    height: 100%;
    display: block;
    float: left;
  
}

#home-about  .mainw  a.item .imt {
    text-align: center;
    margin-top: 90px;
    font-size: 16px;
 
}


#home-about  .mainw  a.item-1 {
    padding: 20px;
    box-sizing: border-box;
    background: #dba51a;
    height: 350px;
    bottom: -60px;
    position: absolute;
}


#home-about  .mainw  a.item-1 .en {
    display: inline-block;
    padding: 5px 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    width: 100%;
}

#home-about  .mainw  a.item-1 h3 {
    margin: 20px 0;
    font-size: 24px;
}



#home-pro-list-2 {}


#home-pro-list-2 .pro-text {
    text-align: justify;
    text-align-last:  justify;
    margin-top: 30px;
}



#home-pro-list-2 .pro-text a {
    text-align: center;
    text-align-last:  center;
    display: inline;
    width: 18%;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: inline-block;
    line-height: 40px;
    margin-bottom: 20px;
}

#home-pro-list-2 .pro-text a:hover {
    border: 1px solid #e6ad1e;
}



#home-pro-list-2  .pro-pic {
    
}




#home-pro-list-2  .pro-pic  {
    margin: 30px 0;
    text-align: justify;
    text-align-last:  justify;
}



#home-pro-list-2  .pro-pic   > a {
    text-align: center;
    text-align-last: center;
    display: inline-block;
    width: 32%;
      
}

#home-pro-list-2  .pro-pic   > a  img {
    width: 100%;
    height: auto;
   vertical-align:  baseline;
      font-size: 0;
      vertical-align: bottom;
    
}
#home-pro-list-2  .pro-pic   > a  p {
    margin-bottom: 30px;
    line-height: 50px;
    text-align: center;
    background: #000000;
    color: white;
}

#home-pro-list-2  .pro-pic   > a  p:hvoer {
    background: #e6ad1e;
    color: white;
}

#home-case {
    
    
}






#home-case .qiehuan  {
    /*margin: 50px auto;*/
    position: relative;
 min-height: 600px;
}


#home-case .qiehuan .qiehuan-title {
        padding-top: 30px;
    width: 90%;
    height: 128px;
   margin:  0 auto;
   text-align:  justify;
   text-align-last:  justify;
}

#home-case .qiehuan .qiehuan-title .unit  {
 width: 100px;
 display: inline-block;
 padding: 6px;
 border: 1px solid #ccc;
}

#home-case .qiehuan .qiehuan-title .unit:hover {
     border: 1px solid #ffbe1f;
}


#home-case .qiehuan .qiehuan-title .unit.hover  img {
        -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
     border: 1px solid #ffbe1f;
}
#home-case .qiehuan .qiehuan-title .unit img   {
     -webkit-filter: grayscale(70%); /* Chrome, Safari, Opera */
    filter: grayscale(70%);
        max-width: 100%;
}



#home-case .qiehuan .qiehuan-con {
    position: relative;
    width: 100%;
    height: 478px;
     margin-top: 30px;
        
}

#home-case .qiehuan .qiehuan-con .unit {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#home-case .qiehuan .qiehuan-con .unit img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
}


#home-case .qiehuan .qiehuan-con .unit  .info {
    position: absolute;
    bottom: 79px;
    right: 0;
    width: 416px;
    height: 325px;
    background: rgba(0,0,0,.6);
}


#home-case .qiehuan .qiehuan-con .unit  .info h3 {
    color: #ffbe20;
    margin: 50px 0  0 50px;
}


#home-case .qiehuan .qiehuan-con .unit  .info p {
    color: #ccc;
    padding: 50px;
    padding-bottom: 0;
    line-height: 2;
}
#home-case .qiehuan .qiehuan-con .unit  .info span {
    background: #ffbe1f;
    color: white;
    position: relative;
    display: inline-block;
        position: absolute;
           right: 20px;
           bottom: 20px;
           padding: 10px 20px;
}


#tonglan {
    background: url(/static/hengde/tonglan.jpg) center no-repeat ;
    min-height: 316px;
    margin-bottom: 40px;

}

#tonglan .mainw {
        position: relative;
    
}
#tonglan .mainw .text {
    position: absolute;
    color: white;
}

#tonglan .mainw .text.text-1 {
 top: 70px;
    left: 514px;
    font-size: 30px;
    color: #ffbe1f;
}

#tonglan .mainw .text.text-2 {
    font-size: 20px;
    
        top: 119px;
    left: 260px;
}



#tonglan .mainw .text-four {
     top: 275px;
    left: 257px;
    position: absolute;
      width: 620px;
  color: white;
}

#tonglan .mainw .text-four  .item {
    display: inline-block;
    width: 20%;
    float: left;
    position: relative;
        
}

 
#tonglan .mainw .tel-block {
    width: 250px;
    height: 200px;
    
    border: 4px solid white;
    position: absolute;
    top: 0;
    right: 50px;
    
    color: white;
    text-align: center;
}
#tonglan .mainw .tel-block  .cn {
    padding-top: 60px;
}

#tonglan .mainw .tel-block    .nu {
    color: #ffbe1f;
    font-size: 30px;
    line-height: 50px;
}


#tonglan .mainw .tel-block a {
    background: white;
       color: #ffbe1f;
       display: inline-block;
       padding: 10px 20px;
}














































 

#home-news {
    position: relative;
}
#home-news .gsxw .title {
    background: url(/static/hengde/news-news.png) no-repeat ;
    min-height: 50px;
    padding-left: 50px;
    display: inline-block;
    line-height: 50px;
       font-size: 20px;
           margin-bottom: 30px;
}

#home-news .jswd .title {
    background: url(/static/hengde/news-wenda.png) no-repeat ;
    min-height: 50px;
    padding-left: 70px;
    display: inline-block;
        line-height: 50px;
        font-size: 20px;
            margin-bottom: 30px;
}


#home-news  .gsxw{
    width: 700px;
    padding-right: 500px;
        margin-bottom: 56px;
}

#home-news  .jswd{
    position: absolute;
    top: 0;
    right: 0;
    width: 470px;
}


#home-news .gsxw .qiehuan {
    /*position: absolute;*/
}


#home-news .gsxw .qiehuan .qiehuan-con {
    
}
#home-news .gsxw .qiehuan .qiehuan-con .item {
   position: relative;
   display: block;
   margin-bottom: 20px;
}
#home-news .gsxw .qiehuan .qiehuan-con img  {
    width: 260px;
    height: 108px;
    display: block;
}
#home-news .gsxw .qiehuan .qiehuan-con .item .info {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 416px;
}
#home-news .gsxw .qiehuan .qiehuan-con .item .info h3 {
    margin-bottom: 8px;
    overflow: hidden;
        text-overflow: ellipsis;
            white-space: nowrap;
}
#home-news .gsxw .qiehuan .qiehuan-con .item .info p {
    line-height: 1.5em;
    color: #666;
}

#home-news .gsxw .qiehuan .qiehuan-con .item .info .time {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 10px;
    background: url(/static/hengde/clock.png) no-repeat 0 center;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    color: #666;
}
#home-news .gsxw .qiehuan .qiehuan-con .item .info .more {
    display: block;
    position: absolute;
    bottom: 3px;
    right:  10px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: white;
    background: #e7ae1c;
    text-align: center;
    color: #666;
    color: white;
}

#home-news .gsxw .qiehuan .qiehuan-title {
    text-align: center;
    position: relative;
}
#home-news .gsxw .qiehuan .qiehuan-title a {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #595959;
}
#home-news .gsxw .qiehuan .qiehuan-title a.hover {
    background: #e7ae1c;
}

#home-news .gsxw .qiehuan .qiehuan-title  .line {
    border-bottom: 1px solid #ccc;
    top: 10px;
    position: absolute;
    width: 100%;
    z-index: -1;
}


#home-news .jswd {
    
}

#home-news .jswd .item  {
      margin-bottom: 10px;
}

#home-news .jswd .item p {
    display: inline-block;
}

#home-news .jswd .item .wen  {
      position: relative;
  
      
}
#home-news .jswd .item .wen   p  {

  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
}

#home-news .jswd .item .wen   .time {
    position: absolute;
    top: 3px;
    right: 3px;
    color: #666;
}
#home-news .jswd .item .da   p  {
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}


#home-news .jswd .item .wen p  span {
   background: #373737;
   display: inline-block;
   padding: 5px;
   color: white;
   line-height: 1em;
   border-radius: 5px;
   margin-right: 5px;
}


#home-news .jswd .item .da p  span {
   background: #e7ae1c;
   display: inline-block;
   padding: 5px;
   color: white;
   line-height: 1em;
   border-radius: 5px;
   margin-right: 5px;
}

#home-news .jswd .item .da   {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
      margin-bottom: 13px;
}
 



#home-gylc {
    
}



#home-gylc .qiehuan {
    margin-top: 40px;
}


#home-gylc .qiehuan .qiehuan-title {
    overflow: hidden;
    width: 100%;
    height: 120px;
}

#home-gylc .qiehuan .qiehuan-title a {
    width: 25%;
    height: 120px;
    text-align: center;
    font-size: 20px;
    display: block;
    float: left;
    padding-top: 80px;
}

#home-gylc .qiehuan .qiehuan-title .unit-1 {
    background:#e7e7e7 url(/static/hengde/gylc-1.png) no-repeat top 20px center;
}

#home-gylc .qiehuan .qiehuan-title .unit-2 {
    background:#e7e7e7 url(/static/hengde/gylc-2.png) no-repeat top 20px center;
}


#home-gylc .qiehuan .qiehuan-title .unit-3 {
    background:#e7e7e7 url(/static/hengde/gylc-3.png) no-repeat top 20px center;
}

#home-gylc .qiehuan .qiehuan-title .unit-4 {
    background:#e7e7e7 url(/static/hengde/gylc-4.png) no-repeat top 20px center;
}

#home-gylc .qiehuan .qiehuan-title .unit-1.hover  {
    background:#dba51a url(/static/hengde/gylc-1-hover.png) no-repeat top 20px center;
    color: white;
}


#home-gylc .qiehuan .qiehuan-title .unit-2.hover  {
    background:#dba51a url(/static/hengde/gylc-2-hover.png) no-repeat top 20px center;
        color: white;
}


#home-gylc .qiehuan .qiehuan-title .unit-3.hover  {
    background:#dba51a url(/static/hengde/gylc-3-hover.png) no-repeat top 20px center;
        color: white;
}

#home-gylc .qiehuan .qiehuan-title .unit-4.hover  {
    background:#dba51a url(/static/hengde/gylc-4-hover.png) no-repeat top 20px center;
        color: white;
}





#home-gylc .qiehuan .qiehuan-con {
    position: relative;
    margin-top: 20px;
}


#home-gylc .qiehuan .qiehuan-con  .unit {
    width: 810px;
    text-align: justify;
}

#home-gylc .qiehuan .qiehuan-con  .unit:after {
    content: " ";
    width: 100%;
    display: inline-block;
}

#home-gylc .qiehuan .qiehuan-con  .unit  a {
    display: inline-block;
    width: 32%;
    
}


#home-gylc .qiehuan .qiehuan-con  .unit  a img {
    width: 100%;
    height: 200px;
        vertical-align: bottom;
}

#home-gylc .qiehuan .qiehuan-con  .unit  a  p {
    vertical-align:  text-top;
    text-align: center;
    background:  #e6ad1e;
    color: white;
    margin-bottom: 20px;
}

#home-gylc .qiehuan .qiehuan-con .conmore {
    background: #e9b754;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    padding: 30px;
    box-sizing: border-box;
}

#home-gylc .qiehuan .qiehuan-con .conmore  .title {
    text-align: right;
}

#home-gylc .qiehuan .qiehuan-con .conmore  .title h3 {
    font-size: 30px;
    line-height: 2em;
}


#home-gylc .qiehuan .qiehuan-con .conmore  .title p {
    font-size: 20px;
    line-height: 2em;
    border-bottom: 1px solid white;
}


#home-gylc .qiehuan .qiehuan-con .conmore .con {
    
}

#home-gylc .qiehuan .qiehuan-con .conmore .con h3  {
    line-height: 4em;
}

#home-gylc .qiehuan .qiehuan-con .conmore .con .item {
    text-align: justify;
}
#home-gylc .qiehuan .qiehuan-con .conmore .con .item:after {
    content:  "";
    width: 100%;
    display: inline-block;
}

#home-gylc .qiehuan .qiehuan-con .conmore .con .item  a{
 
    width: 48%;
    display: inline-block;
    line-height: 2;
    border: 1px solid white;
    text-align: center;
    margin-bottom: 26px;
}


#home-gylc .qiehuan .qiehuan-con .conmore .con  .more-more {
    display: inline-block;
    width: 60%;
    line-height: 3em;
        border: 1px solid white;
        text-align: center;
        float: right;
}







#home-casenew  {
    background: url(/static/hengde/casenew.jpg) no-repeat top 20px center;
        color: white;
        padding-top: 50px;
}

#home-casenew  .desc {
    line-height: 3em;
}


#home-casenew .con-case {
    display: block;
    text-align: justify;
    text-align-last: justify;
    margin-top: 20px;
}

#home-casenew .con-case a {
    text-align: center;
    text-align-last: center;
    width: 24%;
    display: inline-block;
    position: relative;
}

#home-casenew .con-case a img {
    width: 100%;
    height: 190px;
        vertical-align: bottom;
}

#home-casenew .con-case a p {
    width: 100%;
    line-height: 2.4;
    color: white;
    position: absolute;
    text-align: center;
    bottom:  0;
    background: rgba(0,0,0,0.7);
}


#home-casenew .case-about {
 
margin-top: 30px;
    box-sizing: border-box;
   
    height: 380px;
    height: 460px;
}

#home-casenew .case-about .desc  {
    display: inline-block;
}

#home-casenew .case-about .desc .v1  {
       background: #dba51a;
        width: 240px;
            margin-right: 3px;
            height: 100%;
                padding: 30px;

                display: inline-block;
                float: left;
                    height: 320px;
}


#home-casenew .case-about .desc .v1 h3 {
    line-height: 1.4;
    padding: 0;
    margin-top: 40px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    text-transform: uppercase;
}


#home-casenew .case-about .desc .v1 .name {
    font-size: 36px;
}

#home-casenew .case-about .desc .v1 .p {
    line-height: 1.5em;
}

#home-casenew .case-about .desc .v1 span {
    display: inline-block;
    border: 1px solid white;
    text-align: center;
    line-height: 1.5em;
    width: 1em;
}


#home-casenew .case-about .desc .v2 {
    
}

#home-casenew .case-about .desc .v2  {
    display: inline-block;
    width: 313px;
    height:  auto;
    
}
#home-casenew .case-about .desc .v2  .up {
    background: url(/static/hengde/casenew-v1.png) no-repeat;
    height: 188px;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
    display: block;
}

#home-casenew .case-about .desc .v2  .down {
    background: url(/static/hengde/casenew-v2.png) no-repeat;
    height: 192px;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
        display: block;
}

#home-casenew .video {
    display: inline-block;
    float: right;
    width: 560px;
    height: 380px;
}

#home-casenew .video   video {
    width: 100%;
    height: 100%;
}



































#footer {
    background: url(/static/hengde/footer.jpg) center;
    height: 367px;
    color: #b2b2b2;
}

#footer  h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    color: white;
    padding-top: 30px;
    padding-bottom: 5px;
}

#footer  a {
    color: inherit;
}

#footer   .unit {
    float: left;
    
}

#footer   .unit.item-1 a  {
    display: block;
    width: 185px;
    padding-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}
#footer   .unit.item-2 {
    margin-left: 80px;
    width: 400px;
}

#footer   .unit.item-2 p {
      display: block;
 
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #666;
    padding-left: 30px;
  
}
#footer   .unit.item-2 p.phone { background: url(/static/hengde/footer-phone.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.tel { background: url(/static/hengde/footer-tel.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.fax { background: url(/static/hengde/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(/static/hengde/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(/static/hengde/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(/static/hengde/footer-address.png)  center left 3px no-repeat;}

#footer   .unit.message {
    width: 500px;
    float: right;
}

#footer   .unit.message  .info {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    vertical-align:  central;
 
}

#footer   .unit.message  input {
    width: 70%;
    height: 20px;
    padding: 5px;
    margin: 10px;
     font-size: 16px;
         background: rgba(0,0,0,0);
             border: 1px solid #ccc;
             border-radius: 5px;
                color: white;
}

#footer   .unit.message  textarea {
     width: 70%;
 
    padding: 5px;
    margin: 10px;
    height: 100px;
    font-size: 16px;
        background: rgba(0,0,0,0);
             border-radius: 5px;
             color: white;
} 

#footer   .unit.message  .line {
    position: relative;
}

#footer   .unit.message .ab {
    position: absolute;
    top: 50px;
    left: 0;
}


#footer   .unit.message #submit {
    height: 40px;
    width: 100px;
    background: #67b440;
    color: white;
    border: 0;
}

#copyright {
    background: #313131;
    line-height: 50px;
    color: white;
    text-align: center;
    font-size: 16px;
}