#top {
    background: #161616;
    height: 90px;
    text-align: center;
}

#top .mainw {
    position: relative;
    height: 100%;

}

#top .mainw  .tel {
    position: absolute;
    left: 2px;
    bottom: 5px;
    font-size: 18px;
    color: white;
    bottom: 15px;
}

#top .mainw  .tel span {
    font-size: 14px;
    color: #cccccc;

}


#top  .dian {
    position: absolute;
    right: 0px;
    bottom: 10px;
}



#top  .dian {
    color: #cdcdcd;
}

#top   .logo {
    display: inline-block;
    padding-top: 10px;
}




#nav {
    background: #5b5b5b;
    height: 75px;
    overflow: visible;
    position: relative;
    z-index: 999;
}
#nav  .mainw {
    overflow: visible;
}
#nav  .ful > li {
    border-right: 1px  #757575 solid;
    border-left: 1px solid #424242;
    height: 75px;
    display: inline-block;
    text-align: center;
    width: 12.5%;
    box-sizing: border-box;
    float: left;
    position: relative;
}

#nav  .ful > li:hover {
    background:#ecdb2d; 
}
#nav  .ful > li:hover span {
    color: #313131;
}




#nav  .ful > li .en {
    display: block;
    font-size: 12px;
    color: #ccc;
    height: 20px;
    line-height: 20px;
    padding-top: 10px;
}

#nav  .ful > li .cn {
    display: block;
    font-size: 16px;
    color: #ccc;
    height: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}

#nav  .ful > li  .son {
    position: absolute;
}

#nav  .ful > li  .son  {
    top: 75px;
    left: -1px;
    padding: 10px 0;
}

#nav  .ful > li  .son.com {
    width: 150px;
    background: #ecdb2d;
}

#nav  .ful > li  .son a {
    color: #333333;
    display: block;
    line-height: 40px;

}

#nav  .ful > li  .son a:hover {
    background: white url(/static/ruida/nav-a.png) center right 4px no-repeat;

}

#nav  .ful > li  .son  {

}

#nav  .ful > li  .son.qiehuan {
    width: 920px;
    /*position: relative;*/
    padding: 0;
}

#nav  .ful > li  .son.qiehuan .qiehuan-title {
    width: 150px;
    padding: 10px 0;
    float: left;
    min-height: 480px;
    background: #ecdb2d;
}


#nav  .ful > li  .son.qiehuan .qiehuan-con {
    background: rgba(255,255,255, 0.8);
    float: left;
    width: 770px;
    text-align: left;

    min-height: 500px;
}


#nav  .ful > li  .son.qiehuan .qiehuan-con  ul {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}
#nav  .ful > li  .son.qiehuan .qiehuan-con  ul a {
    background: none;
    display: inline-block;
    text-align: left;
    width: 250px;
    float: left;
}

#nav  .ful > li  .son {
    display: none;
}


#nav  .ful > li:hover  .son {
    display: block;
}


.home-main-title {

}

.home-main-title h3 {
    color: #333333;
    font-size: 26px;
    text-align: center;
    margin: 10px;
    margin-top: 30px;
}


.home-main-title p {
    color: #666666;
    font-size: 16px;
    text-align: center;
}



#home-ruida {

}


#home-ruida .mainw {
    text-align: justify;
    text-align-last:  justify;
}


#home-ruida .mainw  .unit {
    width: 25%;
    display: inline-block;
    float: left;
    text-align: center;
    text-align-last:  center;
    margin-top: 20px;
}

#home-ruida .mainw .unit img {
    display: inline-block;
    text-align: center;
    border: 2px solid  #ecdb2d;
    padding: 24px;
    border-radius: 10px;
    transition:1s;
    margin-bottom: 10px;
}


#home-ruida .mainw .unit:hover img{
    /*transform:rotate(360deg)scale(1);*/ 

    /*
    transform: rotateY(360deg);
    */
}


#home-ruida .mainw .unit p {
    font-size: 14px;
    line-height: 1.7;
}




#home-prolist {
    margin-top:50px;
}



#home-prolist .list {
    text-align: center;

}
#home-prolist .list a {
    display: inline-block;
    margin:  5px ;
    font-size: 18px;
    padding: 15px 30px;
    position: relative;
        width: 16%;
            padding: 15px 0;
            margin: 0;
}

#home-prolist .list a span {
    position: absolute;
    border-right: 1px solid #333;
    top: 17px;
    height: 20px;
    right: 0;
}

#home-prolist .list a:hover {
    background: #ecdb2d;
}




#home-prolist  .pics {
    text-align: justify;
    text-align-last: justify;
    margin-top: 20px;
}


#home-prolist  .pics a {
    text-align: center;
    text-align-last: center;
    display: inline-block;
    width: 380px;
        border: 1px solid #ccc;
            margin: 10px 0;

}

#home-prolist  .pics a img {
    width: 380px;
    height: 290px;
    display: block;
    margin-bottom: 10px;
}
#home-prolist  .pics a img:hover {
    box-shadow: 5px 5px 5px #ccc;

}

#home-prolist  .pics  a p {
    color: #666666;
    font-size: 18px;
    line-height: 2;
    text-align: center;
}





#home-about {
    background: url(/static/ruida/about.jpg) no-repeat center;
    height: 437px;
    margin-top: 100px;

}

#home-about .con {
    position: relative;
    top: 0;
    overflow: visible;

    height: 437px;
}

#home-about .con #video {
    width: 537px;
    height: 312px;
    position: absolute;
    top: -20px;
    left: 0;
    left: 113px;
}

#home-about .con .text {
    position: absolute;
    font-size: 12px;
    line-height: 2.4;
    width: 360px;
    bottom: 39px;
    left: 284px;
    color: white;
}

#home-about .con  .info {
    position: absolute;
    font-size: 16px;
    /* line-height: 2.4; */
    width: 368px;
    bottom: 226px;
    right: 122px;
    color: #cccccc;
}

#home-about .con  .info .en {
    font-size: 12px;
    margin: 10px 0;
}

#home-about .con .icons {
    width: 500px;
    height: 160px;
    position: absolute;
    right: 0;
    bottom: 57px;
    text-align: justify;
    text-align-last: justify;
    color: white;
}

#home-about .con .icons  .unit {
    text-align: center;
    text-align-last: center;
    height: 20px;
    width: 25%;
    display: inline-block;
    float: left;
    padding-top: 140px;
    color: white;
}

#home-about .con .icons  .icon-1 {   background: url(/static/ruida/about-1.png) center no-repeat; }

#home-about .con .icons  .icon-2 {   background: url(/static/ruida/about-2.png) center no-repeat; }


#home-about .con .icons  .icon-3 {     background: url(/static/ruida/about-3.png) center no-repeat; }


#home-about .con .icons  .icon-4 { background: url(/static/ruida/about-4.png) center no-repeat; }

/*
#home-about .con .icons  .icon-1:hover  {   background: url(/static/ruida/about-1-hover.png) center no-repeat; }
#home-about .con .icons  .icon-2:hover  {   background: url(/static/ruida/about-2-hover.png) center no-repeat; }
#home-about .con .icons  .icon-3:hover  {   background: url(/static/ruida/about-3-hover.png) center no-repeat; }
#home-about .con .icons  .icon-4:hover  {   background: url(/static/ruida/about-4-hover.png) center no-repeat; }
*/



#home-case {

}



.picScroll-left{ width:1200px;  overflow:hidden; position:relative;    }
.picScroll-left .hd  {
    position: absolute;
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ 

    display: block;
    width: 60px;
    height: 326px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    line-height: 365px;
    font-size: 36px;
    /*outline: 1px solid red;*/
    position: absolute;
    top: 0;
    left: 275px;
    background: white;
    z-index: 999;
    text-align: center;
}

.picScroll-left .hd .next {
    left: 872px;
}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; height: 369px; }
.picScroll-left .bd ul li .pic img{ width:530px; height:320px; display:block;  padding:2px;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.tempWrap {
    left: -300px;
}

.picScroll-left .bd ul li {
    position: relative;
}

.picScroll-left .bd ul li .title {
      width: 236px;
    height: 140px;
    position: absolute;
    left: 154px;
    /*outline: 1px solid red;*/
    z-index: 999;
    top: 212px;
    background: rgba(0,0,0, 0.8) url(/static/ruida/arrow.png) bottom center no-repeat;
    color: white;
  box-sizing: border-box;
}

.picScroll-left .bd ul li .title * {
    color: white;

}
.picScroll-left .bd ul li .title  h3 {
    margin: 10px;
}
.picScroll-left .bd ul li .title  p {
    padding: 0 5px;
}






#home-news {
    
}



#home-news .mainw {
    overflow: visible;
   
}



#home-news .mainw .qiehuan {
    height: 540px;
     position: relative;
     margin-top: 30px;
     background: url(/static/ruida/news.jpg) no-repeat top left;
}



#home-news .mainw .qiehuan .qiehuan-title {
    position: absolute;
    width: 600px;
    height: 40px;
    top: 0;
    right: 0;
}


#home-news .mainw .qiehuan .qiehuan-title a.unit {
    display: inline-block;
    font-size: 20px;
    color: white;
    background: #5b5b5b;
    line-height: 40px;
    padding: 0 10px;
}

#home-news .mainw .qiehuan .qiehuan-title a.more  {
    display: inline-block;
    float: right;
}


#home-news .mainw .qiehuan .qiehuan-con .top {
    padding-top: 420px;
    float: left;
    
}

#home-news .mainw .qiehuan .qiehuan-con .news {
    width: 580px;
    overflow: hidden;
    display: block;
}
#home-news .mainw .qiehuan .qiehuan-con .news .y-m-d {
    width: 87px;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 20px 0;
    float: left;
}


#home-news .mainw .qiehuan .qiehuan-con .news .m-d {
    font-size: 26px;
    color: #333333;
}


#home-news .mainw .qiehuan .qiehuan-con .news .Y {
    font-size: 20px;
    color: #686868;
}

#home-news .mainw .qiehuan .qiehuan-con .news .info {
    width: 467px;
    float: right;
}

#home-news .mainw .qiehuan .qiehuan-con .news .info  h3 {
    margin:  0;
    margin: 10px 0;
}
#home-news .mainw .qiehuan .qiehuan-con .news .info    p {
    line-height: 1.5;
    color: #666;
    font-size: 14px;
}


#home-news .mainw .qiehuan .qiehuan-con .right {
    padding-top: 50px;
}


#home-news .mainw .qiehuan .qiehuan-con .right  .news {
    margin: 25px 0;
}


#home-news .mainw .qiehuan .qiehuan-title a.unit.hover {
    background: #ecdb2d;
    color: #333333;
}


#footer {
    background: #161616;
    color: #ccc;
}
#footer a {
    color: inherit;
}


#footer .con {
    width: 1200px;
    margin:  0 auto;
    padding: 20px 0;
}

#footer .con .links {
    margin: 10px 0;
    color: white;
}


#footer .con .links a {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding:  0 10px ;
        
}


#footer h3 {
    color: white;
}


#footer  .ab {
    text-align: center;
    min-height: 200px;
        position: relative;
}

#footer  .ab .prolist  {
    float: left;
    width: 115px;
    text-align: left;
}
#footer  .ab .prolist.more {
       width: 340px;
}

#footer  .ab .prolist  p {
    float: left;
    width: 170px;
    
}
#footer  .ab .prolist  p a {
    line-height: 1.7;
}


#footer  .ab .logo {
        text-align: left;
    float: left;
    display: block;
}


#footer .ab .lianxi {
    width: 400px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/ruida/ewm.png) no-repeat right bottom;
}

#footer .ab .lianxi  .ps {
    width: 267px;
    text-align: right;

}

#footer .ab .lianxi  .ps  p {
  line-height: 1.7;
      padding-right: 30px;
}
#footer .ab .lianxi  .ps  p.tel {background: url(/static/ruida/footer-tel.png) right center  no-repeat }
#footer .ab .lianxi  .ps  p.phone {background: url(/static/ruida/footer-phone.png) right center no-repeat   }
#footer .ab .lianxi  .ps  p.email {background: url(/static/ruida/footer-email.png) right center no-repeat  }
#footer .ab .lianxi  .ps  p.address {background: url(/static/ruida/footer-address.png) right center no-repeat  }


#footer #copyright {
    display: block;
   clear: both;
   text-align: center;
   background: #ecdb2d;
   line-height: 2;
   color: black;
}


#footer #copyright a {
    color: black;
}