@charset "utf-8"; footer{ /*height: 603px;*/ padding-bottom:20px !important; background: url("../img/footer.png") no-repeat center top/110%; } footer .nav{ width: 1103px; margin-left: 190px; padding-top: 40px; color: white; text-align: center; } footer .nav > li + li{ margin-left: 166px; } footer .nav li h3{ margin-bottom: 37px; font-size: 19px; } footer .nav li ul li a{ color: #bebebe; font-size: 14px; font-weight: lighter; line-height: 30px; } footer #contact{ width: 1542px; margin-top: 45px; border-bottom: 1px solid #909191; } footer #contact .left h3{ width: 220px; height: 33px; margin-bottom: 30px; background: url("../img/CONTACT US.png") no-repeat center top/100%; } footer #contact .left p{ color: white; font-size: 13px; line-height: 25px; } footer #contact .right{ width: 357px; } footer #contact .right > img:nth-of-type(1), footer #contact .right > img:nth-of-type(2){ top: -176px; left: 50%; margin-left: -70.5px; width: 141px; height: 141px; /*background: url("../img/erweima.png") no-repeat center top/100%;*/ } footer #contact .right > img:nth-of-type(2){ top: -150px; left: 36%; } footer #contact .right ul{ justify-content: space-between; } footer #contact .right ul li{ width: 63px; height: 63px; } footer #contact .right > img:nth-of-type(3){ height: 50px; margin-top: 30px; } footer > p{ margin-left: 180px; color: white; font-size: 13px; line-height: 30px; } footer > p img{ vertical-align: middle; } .dibuduxuf{ display: none; position: fixed; bottom: 0px; left: 0px;width: 100%; z-index: 99999999999; color: #fff;padding: 28px 10%; background: url(../img/gsdbuasdhiube.png); box-sizing: border-box; } .dibuduxuf:before{ content: "" ; position: absolute; top: -5px; left: 0px; width: 100%; height: 1px; background-color: #d14035; } .dibuduxuf .dibuduxuf1, .dibuduxuf .dibuduxuf2{ float: left;padding-top: 5px; } .dibuduxuf .dibuduxuf3{ float:right;padding-top: 5px;} .dibuduxuf .dibuduxuf1 .dibuduxuf1h2, .dibuduxuf .dibuduxuf1 .dibuduxuf1hp{ display: inline-block; vertical-align: middle; } .dibuduxuf .dibuduxuf1 .dibuduxuf1h2{ padding-right: 20px;margin-right: 50px;position: relative;} /*.dibuduxuf .dibuduxuf1 .dibuduxuf1h2:before{ content: "" ; position: absolute; width: 15px;height: 15px; border-radius: 100%; border:2px solid #fff; top: -7px;right: -8px; }*/ .dibuduxuf .dibuduxuf1 .dibuduxuf1h2 p{ margin: 0px; font-size: 35px; line-height: 46px; } .dibuduxuf .dibuduxuf1 .dibuduxuf1hp{ margin-right: 100px; font-size: 24px; } .dibuduxuf .dibuduxuf2{} .dibuduxuf .dibuduxuf2 h2{margin-top: 5px; font-size: 28px;} .dibuduxuf .dibuduxuf2 p{font-size: 18px; line-height: 25px;} .dibuduxuf .dibuduxuf3 .dibuduxuf3x{ display: inline-block;margin-left: 10px; border: 2px solid #fff; padding: 10px 26px; color: #fff;cursor: pointer; font-size: 16px; } .dibuduxuf .dibuduxuf3 .dibuduxuf3x.dibuduxuf3ac{ background-color: #ffffff; color: #d14035; } .dibuduxuf_img{ position: absolute; width: 25px; right: 20px ;top: 20px;} @media screen and (max-width:1400px) { .dibuduxuf .dibuduxuf1 .dibuduxuf1h2 p { margin: 0px; font-size: 26px; line-height: 40px; } .dibuduxuf .dibuduxuf1 .dibuduxuf1hp { margin-right: 60px; font-size: 18px; } .dibuduxuf .dibuduxuf1 .dibuduxuf1h2 { padding-right: 20px; margin-right: 20px; } .dibuduxuf .dibuduxuf2 p { font-size: 15px; line-height: 21px; } .dibuduxuf .dibuduxuf2 h2 { margin-top: 5px; font-size: 22px; } } @media screen and (max-width:1100px) { .dibuduxuf{ display: none;} }