.phone_nav{ display: none; } @media screen and (max-width:1000px) { .nav,.tbdh,.wrap{ display: none; } .phone_nav { padding: 8px 10px; width: 100%; height: 60px; box-sizing: border-box; position: fixed; left: 0; top: 0; background: white; z-index: 9999; display: block; border-bottom: 1px solid #eeeeee; } .ydlogo { float: left; width: 70%; margin-top: 7px; } .ydlogo img { width: 100%; } .phone_nav .nav_main { height: 100%; position: fixed; left: 0; opacity: 0; top: 60px; width: 0; transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; background-color: #fff; overflow: hidden; } .phone_nav .nav_main li a { background-position: left; color: #333; height: 46px; line-height: 46px; display: inline-block; background-size: 32px; background-repeat: no-repeat; font-size: 14px; } .phone_nav .nav_but_box { display: block; position: absolute; width: 30px; height: 30px; right: 4.3%; top: 25%; z-index: 1; transition: all 0.7s; -webkit-transition: all 0.7s; } .phone_nav .nav_but { display: inline-block; position: relative; width: 25px; height: 2px; z-index: 2; margin: 13px 0 0 5px; background: #dda300; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .phone_nav .nav_but:before, .nav_but:after { content: ''; display: block; width: 25px; height: 2px; position: absolute; background: #dda300 !important; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; } .phone_nav .nav_but:before { margin-top: -6px; } .phone_nav .nav_but:after { margin-top: 6px; } .phone_nav .nav_main ul { padding: 0 20px; height: 750px; overflow-y: auto; box-sizing: border-box; } .phone_nav .nav_main .ss .p1 input { width: 100%; height: 34px; line-height: 34px; background: none; border: 0; font-family: "Microsoft YaHei"; font-size: 14px; color: #fff; } .phone_nav .nav_main li b { display: inline-block; position: absolute; right: 10px; top: 0px; width: 50%; height: 50px; z-index: 99; } .phone_nav .nav_main li b img{ position: absolute; right: 5px; top: 20px; transform: rotate(0deg); transition: all 0.8s ease 0s; } .b_one b img{ transform: rotate(180deg) !important; transition: all 0.8s ease 0s !important; } .phone_nav .nav_main .ul { padding: 0 0 0px 20px; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.4s; -webkit-transition: max-height 0.4s; } .phone_nav .nav_main .ul li { padding: 0; border-bottom: 0; transform: translateX(0px); -webkit-transform: translateX(0px); } .phone_nav .nav_main .ul li a { padding: 0; height: auto; line-height: 30px; font-weight: normal } .phone_nav .nav_main .b_one .ul { max-height: 300px; padding: 0 0 0px 20px; margin-bottom: 10px; height: auto; } .phone_nav .nav_main li { transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; border-bottom: 1px solid rgba(225, 225, 225, 0.5); padding: 0 20px; position: relative; box-sizing: border-box; width: 100%; } .phone_nav .nav_main li:nth-of-type(1) { transition-delay: 0.5s; -webkit-transition-delay: 0.1s; } .phone_nav .nav_main li:nth-of-type(2) { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .phone_nav .nav_main li:nth-of-type(3) { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } .phone_nav .nav_main li:nth-of-type(4) { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .phone_nav .nav_main li:nth-of-type(5) { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .phone_nav .nav_main li:nth-of-type(6) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(7) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(8) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(9) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(10) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav_one { transition-delay: 0s; -webkit-transition-delay: 0s; } .phone_nav_one .nav_main { opacity: 1; width: 100%; overflow: inherit; } .phone_nav_one .nav_but { background: rgba(0, 0, 0, 0); } .phone_nav_one .nav_but:before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .phone_nav_one .nav_but:after { margin-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .phone_nav_one .nav_but_box { opacity: 0.8; } .phone_nav_one .nav_main li { transform: translateX(0); -webkit-transform: translateX(0); } .footer{ margin: 0 auto; min-width: 100% !important; } .fonav{ padding: 0 4%; width: 100% !important; margin-top: 15px !important; box-sizing: border-box !important; } .yqlj_423{ display: none; } .Bottommost,.footet789_wrap,.behoeftes{ width: 100% !important; text-align: center; } .footet789_wrap div:nth-child(1) { text-align: center; } .behoeftes img { max-width: 90px; margin-top: 15px; } .phone_nav .nav_main ul .sjlmlb{ height: auto; } .phone_nav .nav_main li .subin a{ font-size: 12px; } .footer .tommos{ padding-bottom: 0; } }