@charset "utf-8"; @media (max-width:1500px){ .djl h2{font-size: 48px;} .display-ipad-13,.gnengd{width: 720px;} .banner-sm img{height: 140px;} /*.banner .hot-txt46{padding-top: 50px;}*/ /*.banner-sm{margin-bottom: 20px;}*/ .hisBtn1{left: 0;} .hisBtn2{right: 0;} .history-warp-mg{margin: 0 90px;} .hiscon{padding-left: 30px;width: 500px;height: 200px;} .year{font-size: 26px;} .history-title{font-size: 18px;} .history-txt p{font-size: 13px;line-height: 1.4em;} .history .swiper-slide{height: 420px;} .year{margin-bottom: 6px;} .swiper-slide.odd .hiscon{padding-top: 5px;margin-top: 240px;} .about-b-img,.about-b-con{margin-top: 100px;} .left-fixed{left: 4%;} .upos-line{left: -35px;} } @media (max-width:1200px){ .footer-nav dl{margin-right: 20px;} .code li{margin-right: 10px;} .tel{margin-left: 10px;} .rd{right: 5px;} } @media (max-width:1024px){ .div404-con{font-size: 170px;display: block;} } @media (max-width:800px){ .footer-nav dd,.code-tel,.footer-shop,.footer-bg,.footer-nav dl:last-child,.rd.active,.header-top{display: none;} .menu,.header-btn,.dai{display: block;} .footer-nav,.bq,.nav,.nav li{float: none;width: auto;} .bq{text-align: center;} body{padding-top: 44px;} .header{position: fixed;height: 44px;background: #000;width: 100%;top:0;} .nav-box{position: fixed;top:44px;width: 100%;left: -100%;bottom:0;background: #000;z-index: 999;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93); -webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);} .nav-box.active{left: 0;} .nav{position: absolute;left: 4%;right: 4%;top:10px;bottom:10px;overflow: auto;} .nav li{float: none;margin-left: 0;border-bottom: 1px solid rgba(255,255,255,.3);} .nav-first{line-height: 50px;display: block;font-size: 14px;} .header-mid-con .w1200{position: static;} .header-mid-con,.header-mid{height: auto;} .logo{left: 50%;transform:translate(-50%,-50%);} .logo img{height: 15px;} .footer{padding-bottom: 65px;background: #000;} .footer-nav{display: flex;justify-content: space-between;} .footer-nav dl{margin-right: 0;width: 25%;text-align: center;position: relative;border-right: 1px solid #fff;box-sizing: border-box;} .footer-nav dt{margin-bottom:0;line-height: 1em;} .footer-nav dt a{color: #fff;font-size: 14px;display: inline-block;} .footer-top{padding: 30px 0 20px 0;} .footer-bot{padding: 0 0 30px 0;} .bq a, .bq span{margin: 0;color: rgba(255,255,255,.5);} .footer-nav dl:nth-last-of-type(2){border:none;} .div404 img{max-width: 50%;} .div404-con{font-size: 135px;margin: 20px 0;} .mshds{font-size: 20px;} }