#container-fluid{
    min-width: 1200px;
    width: 100%;
}
.container{
    width: 1200px;
    margin: auto;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
a{
    color: #5f5e5f;
}

#header .nav{
    height: 100px;
    text-align: center;
    font-size: 15px;
    position: relative;
    z-index: 10;
}
#header .nav img{
    margin-left: 10px;
    float: left;
    margin-top: 15px;
}
#header .nav div{
    float: left;
    height: 54px;
    width: 130px;
    margin-left: 30px;
    margin-top: 10px;
    border-left: 1px solid #e6e6e6;
    padding-top: 20px;
}
#header .nav div span{
    font-size: 12px;
}
#header .nav .menu{
    float: left;
    margin-left: 30px;
}
#header .nav .menu li{
    float: left;
    width: 130px;
}
#header .nav .menu li .nav-a{
    line-height: 100px;
    height: 100px;
    display: block;
}
#header .nav .menu li:hover .nav-a{
    color: #fff;
    background-color: #00ae69;
}
 #header .nav .menu li .downMenu li{
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    display: none;
    position: relative;
    z-index: 10;
 }
 #header .nav .menu li:hover .downMenu li{
     display: block;
 }
 #header .nav .menu li .downMenu li:hover{
    background-color: #00ae69;
    color: #fff;
 }
 #header .nav .menu li .downMenu li:hover a{
     color: #fff;
 }
 #header .nav .menu .active{
    background-color: #00ae69;
    
 }
 #header .nav .menu .active>a{
     color: #fff;
 }


 #header .banner{
     height: 500px;
     min-width: 1200px;
     position: relative;
     background: url(../images/vynb.jpg) no-repeat;
 }
 #header .banner .title{
     position: absolute;
     height: 80px;
     top: 50%;
     margin-top: -100px;
     left: 50%;
     margin-left: -250px;
     text-align: center;
 }
 #header .banner .title h1{
     font-family: 方正姚体;
     font-size: 30px;
     margin-bottom: 20px;
 }
 #header .banner .title p{
     font-size: 15px; 
     color: #5f5e5f;
 }

 /* banner导航条 */
 
 /* #header .bottom{
     height: 60px;
     width: 100%;
     min-width: 1200px;
     position: absolute;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0, 0.5);
     line-height: 60px;
 }

 #header .bottom ul li{
     text-align: center;
     width: 298px;
     height: 60px;
     float: left;
     border-right: 1px solid #5f5e5f;
 }
 #header .bottom ul li a{
     color: #fff;
     font-size: 14px;
 }
 #header .bottom ul li:hover{
     background: rgba(0, 174, 105,1);
 }
  #header .bottom ul .active{
    background: rgba(0, 174, 105,1);
}
   */


 /* 页脚 */
 #footer{
      min-width: 1200px;
 }
 #footer .nav{
     background: #00ae69;
     height: 60px;
    
 }
 #footer .nav ul li{
     float: left;
     line-height: 60px;
     text-align: center;
     width: 200px;
 }
 #footer .nav ul li a{
     color: #fff;
     font-size: 14px;
 }
 #footer .webInfor{
     height: 170px;
     background: #d7ece2;
     padding-top: 30px;
 }
 #footer .webInfor .contact{
     float: left;
     margin-left: 10px;
 }
 #footer .webInfor .contact h2{
     font-size: 22px;
     margin-bottom: 20px;
 }
 #footer .webInfor .contact p{
     color: #5f5e5f;
     margin-bottom: 15px;
 }
 #footer .webInfor .webSite{
     float: left;
 }
 #footer .webInfor .webSite h3{
    font-size: 18px;
    color: #5f5e5f;
    font-weight: normal;
    margin-bottom: 20px;
}
 #footer .webInfor .webSite>li{
    float: left;
    margin-left: 80px;
    
} 
#footer .webInfor .webSite>li ul li{
  margin-bottom: 15px;
} 
#footer .webInfor .QR{
    float: right;
    width: 120px;
    margin-right: 10px;
    text-align: center;
    color: #5f5e5f;
}
#footer .webInfor .QR img{
    width: 120px;
    height: 120px;
}
 #footer .fBottom{
     background: #d7ece2;
     height: 60px;
     border-top: 1px solid #c7dcd2;
     margin-top: -3px;
     line-height: 50px;
 }
 #footer .fBottom span{
    margin-right: 50px;
    color: #5f5e5f;
    font-size: 12px;
 }