@font-face { font-family: 'num'; src: url('../fonts/num.eot') format('embedded-opentype'), url(../fonts/4cd0d003cdce4a878811efdf53e06360.woff) format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url('../fonts/num.woff') format('woff'), url('../fonts/num.ttf') format('truetype'), url('../fonts/num.svg#num') format('svg'); font-weight:normal; } .logo{position: absolute;right: 240px;top: 50px;width: 370px;z-index: 3;} .logo a{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .logo img{width: 100%;display: block;} .logo a.logo1{right: 38%;} .logo a.logo2{left: 72%;} .nav_menu{background: #94070a;color: #fff;font-size: 0;text-align: center;margin-top: -84px;z-index: 10;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;} .nav_menu .box{padding: 0 50px;} .nav_menu a{display: inline-block;width: 13%;color: #fff;font-size: 24px;line-height: 84px;position: relative;} .nav_menu a:nth-child(2){width:22%} .nav_menu a::before{content: '/';display: block;position: absolute;left: -20px;width: 40px;top: 50%;transform: translateY(-50%);} .nav_menu a:first-child::before{display: none;} footer{padding: 50px 0 50px;position: relative;overflow: hidden;background: url(../ddhimages/footer_bg.png);background-size: cover;position: relative;z-index: 3;} footer .row{overflow: hidden;color: rgba(255,255,255,.66);} footer .lf{float: left;width: 50%;} footer .rt{float: right;width: 50%;text-align: right;} footer span{padding: 0 5px;display: inline-block;} .gotop{width: 65px;height: 65px;background: url(../ddhimages/gotop.png) center no-repeat #94070a;position: fixed;right: 30px;bottom: 115px;z-index: 3;opacity: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;cursor: pointer;} .gotop.active{opacity: 1;} @media screen and (max-width:1640px){ } @media screen and (max-width:1480px) { .logo{right: 20px;top: 20px;} .nav_menu{margin-top: -60px;} .nav_menu .box{padding: 0;} .nav_menu a{font-size: 20px;line-height: 60px;} } @media screen and (max-width:1200px) { } @media screen and (max-width:1040px) { .nav_menu{margin-left: 0 !important;margin-right: 0 !important;} .logo{width: 30%;} } @media screen and (max-width:992px) { .nav_menu{margin-top: -40px;position: relative;} .nav_menu .box{padding: 6px 0;} .nav_menu a,.nav_menu a:nth-child(2){width: auto;line-height: 40px;font-size: 15px;padding: 0 20px;} .nav_menu a:nth-child(3n+1)::before{display: none;} } @media screen and (max-width:768px) { } @media screen and (max-width:767px){ footer{padding: 20px 0;} footer .lf,footer .rt{width: auto;float: none;text-align: center;} } @media screen and (max-width:480px) { } @media screen and (max-width:380px) { }