ï»?banner {
    border: 0;
    margin-bottom: 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

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


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

/*************************************************************************/
 
.just {
    text-align: justify;
 /*   text-align-last: justify;*/
}

.just  .junit {
    display: inline-block;
    width: 23%;
    text-align: center;
    text-align-last: center;
}

.just  .junit img {
    width: 100%;
    height:  auto;
}

#top {
    position: relative;
    z-index: 9;
    
}

 

#nav {
    
        height: 76px;
        background: rgba(0, 0, 0, 0.5);
        min-height: 100px;
}

#nav  a {
    display: inline-block;
    width: 120px;
    text-align: center;
      line-height: 100px;
      color: white;
      width: 116px;
}


#nav  a.logo {
    width: 232px;
    position: relative;
    top: 20px;
}

#banner {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    overflow: visible;
}

#home-nu {
    margin-top: 563px;
}
 

#home-nu  .junit {
    width: 19%;
}


#home-nu  .junit  h3 span {
    font-size: 72px;
    color: #1583e6;
    font-weight: normal;
}


.main-title {
    display: block;
    text-align: center;
}


.main-title  h3 {
    font-size: 32px;
    color: #404040;
    font-weight: normal;
    
}
.main-title  p {
    line-height: 2.4em;
}


#home-pro {
    margin-top: 50px; 
    background: url(../images/probg.jpg) top 150px center  no-repeat;
}


#home-pro .title {
    margin-top: 30px;
    width: 900px;
    margin:  0 auto;
    margin-bottom: 20px;
 margin-top: 30px;
}

#home-pro .title a {
    width: 22%;
    border: 1px solid #ccc;
    line-height: 2.4em;
       border-radius: 10px;
       font-size: 18px;
}

#home-pro .title a:first-child , #home-pro .title a:hover {
    background: #1583e6;
    color: white;
        
}

#home-pro .con  {
    padding-top: 30px;
    padding-bottom: 100px;
}


#home-pro .con a.junit {
    width: 295px;
    height: 354px;
    background: url(../images/uprobg.png) top center;
    
}

#home-pro .con a.junit h3 {
    font-weight: normal;
    padding-top: 50px;
}

#home-pro .con a.junit img {
    display: block;
    width: 90%;
    margin:  0 auto;
    height:  auto;
    width: 279px;
    height: 210px;
    margin-top: 20px;
}




#home-fuwu {
        background: url(../images/fuwu.jpg) top   center  no-repeat;
        min-height: 400px;
}

#home-fuwu  .mainw {
    position: relative;
}

#home-fuwu  .mainw h3 {
    color: white;
    position: relative;
    top: 160px;
    left: 15px;
    font-size: 18px;
}

#home-fuwu  .mainw .con {
    position: relative;
    top: 160px;
    width: 940px;
    margin:  0 auto;
}

#home-fuwu  .mainw .con .junit {
    
}


#home-fuwu  .mainw .con .junit .cn {
    padding-top: 130px;
    font-size: 18px;
    font-weight: bold;
}

#home-fuwu  .mainw .con .junit .en {
    color: #ccc;
    font-size: 14px;
    padding-top: 10px;
}


#home-fuwu  .mainw .con .unit-1 {
            background: url(../images/fuwu-1.png)  no-repeat;     
            width: 201px;
            height: 259px;
}
 
#home-fuwu  .mainw .con .unit-2 {
            background: url(../images/fuwu-2.png)  no-repeat;     
            width: 201px;
            height: 259px;
}
 
#home-fuwu  .mainw .con .unit-3 {
            background: url(../images/fuwu-3.png)  no-repeat;     
            width: 201px;
            height: 259px;
}
 
#home-fuwu  .mainw .con .unit-4 {
            background: url(../images/fuwu-4.png)  no-repeat;     
            width: 201px;
            height: 259px;
}
 




#home-video {
    margin-top: 80px;
}




#home-video .mainw {
    width: 1148px;
    height: 416px;
     background: url(../images/vbg.png)  no-repeat;   
     position: relative;
}

#home-video .mainw h3 {
    position: absolute;
    top:  76px;
    left: 640px;
    color: #9f9f9e;
    font-size: 36px;
}


#home-video .mainw .con {
    width: 500px;
    height: 256px;
    position: absolute;
    top: 150px;
    left: 640px;
    color: white;
    line-height: 1.4em;
    
}

#home-video .mainw .con p {
    line-height: 1.7em;
    margin-bottom: 1em;
    color: #9f9f9e;
    font-size: 14px;
}

#home-video .mainw .just a {
    line-height: 2.4;
    width: 26%;
    border: 1px solid white;
}


#home-video .video {
       width: 590px;
    height: 337px;
    position: absolute;
    top: 24px;
    left: 24px;
    color: white;
}




#home-case {
    margin: 50px 0;
         background: url(../images/casebg.jpg)  no-repeat;   
         height: 561px;
         
}


#home-case .main-title {
        color: white;
        padding-top: 30px;
}

#home-case .main-title  h3 {
            color: white;
}



#home-news {
    
}

#home-news .qyxw {
    display: inline-block;
    width: 580px;
    vertical-align: top;
}

#home-news .qyxw  .title {
    display: inline-block;
    float: right;
    border-bottom: 1px solid #1583e6;
    font-size: 1px;
    padding-left: 40px;
    font-size: 18px;
        line-height: 2em;
}


#home-news .qyxw  .con {
    margin-top: 20px;
}




#home-news .qyxw  .con a {
    width: 48%;
    text-align: left;
    text-align-last: left;
}

#home-news .qyxw  .con a:hover h3 {
    color: #1583e6;
}
#home-news .qyxw  .con a h3 {
    line-height: 2;
    font-weight: normal;
}

#home-news .qyxw  .con a p {
    line-height: 1.8em;
   font-size: 14px;
   min-height:100px;
   color: #8c8c8c;
}


#home-news .qyxw  .con a .time {
    margin-top: 20px;
    font-size: 14px;
}

#home-news .qyxw  .con a .time span {
    display: inline-block;
    float: right;
}


#home-news .hyzs{
    display: inline-block;
    width: 580px;
    float: right;
        vertical-align: top;
}


#home-news .hyzs  .title {
    display: inline-block;
    float: left;
    border-bottom: 1px solid #1583e6;
    font-size: 1px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 2em;
}


#home-news .hyzs .con  {
    margin-top: 30px;
}


#home-news .hyzs .con  a {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
        overflow: hidden;
}



#home-news .hyzs .con  a .ymd  {
    background: #7d7d7d;
    color: white;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
}



#home-news .hyzs .con  a .ymd  .d {
    display: block;
    font-size: 38px;
    
}


#home-news .hyzs .con  a .ymd  .ym {
    display: block;
    font-size: 16px;
}

#home-news .hyzs .con  a .info {
    display: inline-block;
    float: right;
    width: 460px;
    position: relative;
}

#home-news .hyzs .con  a .info h3 {
    margin-bottom: 10px;
}

#home-news .hyzs .con  a .info p {
    line-height: 1.3;
    color: #8c8c8c;
    font-size: 14px;
    
}

#home-news .hyzs .con  a .info span {
    position: absolute;
    bottom:  -10px;
    right:  0;
    color: #999;
    font-size: 14px;
}

























#home-links {
    border: 1px solid black;
    margin:20px auto;
    padding: 5px;
    position: relative;
}


#home-links  .title {
    display: inline-block;
}

#home-links  .con {
    display: inline-block;
}
 











#footer {
    background: #1b1b1b;
    height: 367px;
    color: #b2b2b2;
   
}

#footer .mainw {
     position: relative;
     border-bottom: 1px solid white;
     
}

#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 {
 
    width: 350px;
}

#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(../images/footer-phone.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.tel { background: url(../images/footer-tel.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.fax { background: url(../images/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(../images/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(../images/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(../images/footer-address.png)  center left 3px no-repeat;}

#footer   .unit.message {
    width: 500px;
     margin-left: 30px;
}

#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 #2b87ff;
             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;
         border: 1px solid #2b87ff;
} 

#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: white;
    color: #1583e6;
    border: 0;
}


#footer .ewm {
    position: absolute;
    top:  50px;
    right:  0;
}


#footer .ewm .pics  {
    
}


#footer .ewm .pics .p   {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

#footer .ewm .pics .p  img {
    display: block;
}


#footer .ewm .tel {
    background: url(../images/ftel.png)  center left 3px no-repeat;
    padding-left: 50px;
    padding-top: 30px;
}

#footer .ewm .tel p {
        line-height: 1em;
}

#footer .ewm .tel .nu {
    font-size: 32px;
    line-height: 1em;
}

#footer  .cpr {
    text-align: center;
    background:  #000;
    line-height: 3em;
}