/* foot start */ .footd-wrap{ width: 100%; background-color: rgb(66, 74, 79); position: relative; margin-top: 230px; } .footd-wrap .footd-content{ width: 1200px; height: 170px; margin: 0 auto; } .footd-wrap .foot-img{ width: 234px; height: 214px; position: absolute; top: -170px; left: 50%; margin-left: -117px; z-index: -1; } .footd-wrap .footd-content .footd-nav{ width: 100%; border-bottom: 1px solid #8a8484; } .footd-wrap .footd-content .footd-nav ul{ width: 820px; height: 60px; margin: 0 auto; } .footd-wrap .footd-content .footd-nav ul li{ display: inline-block; width: 90px; height: 60px; line-height: 60px; text-align: center; } .footd-wrap .footd-content .footd-nav ul li a{ color: #d9d9d9; font-size: 14px; } .footd-wrap .footd-content .footd-nav ul li a:hover{ font-size: 14px; font-weight: bold; color: #ffffff; } .footd-wrap .footd-content .footd-nav ul li:first>a{ font-size: 14px; font-weight: bold; color: #ffffff; } .footd-wrap .footd-content .footd-info{ height: 90px; width: 100%; } .footd-wrap .footd-content .footd-info p{ text-align: center; line-height: 200%; font-size: 12px; color: rgb(144, 144, 144); margin: 10px 0; } .footd-wrap .footd-content .footd-info p span{ margin-right: 16px; }