.inportant-foot{ /*margin-left:121px;*/ height: 145px; width: 100%; line-height: 145px; text-align: center; font-size: 19px; font-weight: bold; } .foot{ background-color: #272727; border-top: 2px solid #ff3030; font-size: 12px; } .foot .footbg-box{ margin-top: -2px; border-top: 2px solid #ff3030; background-color: #272727; } .footer{ margin-bottom: 30px; position: relative; } .footer>div{ height: 175px; width: 300px; } .footer>div>span{ font-size: 14px; font-weight: 900; color: #fff; } .footer .footer-som{ /*position: relative;*/ } .foot .footer-one{ width: 61px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/jlt1.png") 0 -91px no-repeat; left: 6px; top: 58px; } .footer .footer-som span{ display: inline-block; width: 80px; float: left; margin-left: -59px; margin-top: 125px; } .footer .footer-som1 span{ display: inline-block; width: 80px; float: left; margin-left: 15px; margin-top: 125px; } .footer-som1{ position: relative; } .foot .footer-two{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/jlt1.png") -67px -91px no-repeat; left: 75px; top: 58px; } .footer .footer-som2{ position: relative; } .footer .footer-three{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/jlt1.png") -139px -91px no-repeat; left: 134px; top: 58px; } .footer .footer-som2 span{ display: inline-block; width: 80px; float: left; margin-left: 81px; margin-top: 125px; } .footer .footer-som3{ position: relative; } .footer .footer-som3 span{ display: inline-block; width: 105px; float: left; margin-left: 128px; margin-top: 125px; } .footer .footer-free{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/jlt1.png") -210px -90px no-repeat; left: 208px; top: 58px; } .footer-content{ height: 240px; } .footer-content>div{ width: 80px; height: 240px; position: relative; } .footer-content>div>ul{ margin-top: 17px; } .footer-content>div>ul>li:not(:first-child){ margin-top: 3px; } .footer-content>div span{ font-size: 17px; color: #ffffff; font-weight: 900; line-height: 20px; position: relative; } .footer-content>div span>i{ height: 2px; width: 40px; background-color: #FF3030; position: absolute; left: 0px; top: 30px; } .footer-content>div i{ position: absolute; } .footer-content>div>ul>li>a{ color: #ddd; } .footer-content>div>ul>li>a:hover{ color: #ff3030; } .footer-content .soms{ margin-left: 90px; } .foot .footer-right{ margin-left: 80px; } .foot .footer-right .somss{ margin-left: 40px; } .foot .footer-right>div>p{ margin-top: 6px; color: #ddd; text-align: center; } .footer-right p{ margin-top: 10px; color: #ddd; } .footer-right .foot-font{ color: #ddd; margin-top: 135px; } .foot .footer-content .footer-right{ width: 521px; } .foot .footer-navs{ height: 53px; text-align: center; line-height: 53px; /*position: relative;*/ } .foot .footer-navs ul{ height: 100%; /*text-align: center;*/ padding-left: 340px; } .foot .footer-navs a{ color: #DDDDDD; } .foot .footer-navs a:hover{ color: #FF3030; } .yqlj-box{ /*width: 100%;*/ } .yqlj-box .yqlj{ display: block; margin: 0 auto; width: 276px; color: #ffffff; font-size: 14px; /*font-weight: 500;*/ /*color: #ddd;*/ /*position: absolute;*/ } .yqlj-box .yqlj>s{ display: inline-block; width: 90px; height: 1px; margin: 4px 10px; background-color: #ddd; /*position: absolute;*/ /*left: -98px;*/ /*top: 8px;*/ } .foots{ background-color: #202020; } .foots .foot-bottom{ background-color:#202020; height: 80px; } .foots .foot-bottom a{ color: #ddd; margin: 10px 7px; } .foots .foot-bottom a:hover{ color: #ff3030; } .foots .foot-bottom>div{ text-align: center; padding-top: 20px; } .foots .foot-bottom p{ text-align: center; color: #ddd; margin-top: 5px; } .foots .foot-bottom span{ display: inline-block; height: 12px; width: 1px; border-right: 1px solid #ddd; margin: -1px 5px; } .icon-a s{ position: relative; top: 4px; display: inline-block; width: 20px; height: 18px; background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/xinIcon1.png") no-repeat center; } .icon-a:hover s{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/xinIcon2.png") no-repeat center; } .DBox{ height: 60px; background-color: #2f2f2f; margin-bottom: 50px; } .DBox a{ float: left; height: 50px; color: #fff; margin: 5px 19px; } .DBox a p{ float: left; padding: 5px 0; line-height: 1.5em; font-size: 12px; font-weight: bold; } .DBox a .icon-sp{ width: 48px; height: 50px; margin-right: 5px; float: left; } .DBox a .icon-sp1{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon1.png") no-repeat center center; } .DBox a .icon-sp2{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon2.png") no-repeat center center; } .DBox a .icon-sp3{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon3.png") no-repeat center center; } .DBox a .icon-sp4{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon4.png") no-repeat center center; } .DBox a .icon-sp5{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon5.png") no-repeat center center; } .DBox a .icon-sp6{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon6.png") no-repeat center center; } .DBox a .icon-sp7{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon7.png") no-repeat center center; } .DBox a .icon-sp8{ background: url("/staticbjmfbfcom/static.mfzxcn.com/static/img/D-icon8.png") no-repeat center center; }