.foot{height: 360px;background-color: #2c2c2c;color: #b4b4b4;font-size: 14px; width: 100%}
.foot .title{color: #FFFFFF}
.foot .content{width: 1200px;margin: 0 auto}
.foot .link{height: 91px;border-bottom: solid 1px #373737;line-height: 33px;padding-top: 36px;}
.foot .link ul li{display: inline-block;margin-right: 25px;}
.foot .nav{display: inline-block;padding-top: 25px}
.foot .nav ul{display: inline-block;vertical-align: top}

.foot .nav ul li:first-child .title {
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
    color: #fff;
    position: relative;
    margin-bottom: 10px;
}
.foot .nav ul li:first-child .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 35px;
    height: 2px;
    background: #fff;
    left: 0;
}
.foot .nav ul .title{
    color: rgba(255,255,255, 0.8);
    display: block;
}
.foot .nav ul .title:hover {
    color: #fff;
}
.foot .nav ul li{line-height: 39px;white-space: nowrap}
.foot .contact{display: inline-block;vertical-align: top;padding-top: 15px;line-height: 31px;}
.foot .contact .number{font-size: 17px;font-weight: bold;color: #FFFFFF;line-height: 60px}
.foot .contact .number img{margin-right: 20px}
.foot .code{display: inline-block;vertical-align: top;text-align: center;padding-top: 35px;line-height: 20px;float: right;}