/*mfg words*/
#main .words{border: 1px solid #DDDDDD;border-radius: 5px;line-height: 38px;margin-bottom: 20px;margin-top: 15px;padding: 0 10px;text-align: center;}
#main .words a{color: #01764A;display: inline-block;font-size: 16px;height: 40px;text-align: center;text-decoration: none;width: 43px;}
#main .words a:hover{color: #FFFFFF;background-color: #01764a;}
/*image list*/
#main .brand-grid{padding-bottom: 30px;}
#main .brand-grid h3{border-bottom: 1px solid #D9D9D9;color: #353535;font-size: 22px;font-weight: bold;height: 32px;line-height: 32px;padding-left: 10px;}
#main .brand-grid h3 s{color: #747474;font-size: 12px;font-weight: normal;margin-left: 10px;text-decoration: none;}
#main .brand-grid ul{padding: 10px 0;}
#main .brand-grid ul li{border: 1px solid #e9e9e9;display: inline;float: left;height: 82px;margin-bottom: 13px;margin-right: 17px;overflow: hidden;position: relative;width: 224px;}
#main .brand-grid ul li:nth-child(5n){margin-right: 0;}
#main .brand-grid ul li a{display: block;text-decoration: none;width: 448px;}
#main .brand-grid ul li span{background-color: #01764a;color: #fff;display: inline;float: left;font-size: 14px;font-weight: bold;height: 62px;line-height: 16px;margin-left: -224px;padding: 10px 10px 10px 20px;width: 194px;transition: all .5s ease 0s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#main .brand-grid ul li span:before{background:#07ac70;bottom:0;content:"";left:-1px;height:200%;position:absolute;top:0;transition:width .45s;width:0;}
#main .brand-grid ul li s{display: block;font-size: 12px;font-weight: normal;text-decoration: none;}
#main .brand-grid ul li img{display: block;}
#main .brand-grid ul li a:hover span{color: #FFFFFF;margin-left: 0;transition: all .5s ease 0s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;}
#main .brand-grid ul li a:hover span:before{width:10px;}