/* @media (min-width: 1366px) { .phone-nav-top { display:none; } } @media (min-width: 1920px) { .phone-nav-top { display:none; } } */ .phone-nav-top, .p-tel { display: none; } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .phone-nav-top { display: none; } } /** iPhone **/ /* @media only screen and (min-width: 320px) and (max-width: 767px) { */ @media only screen and (max-width: 767px) { .nav_top { display: none; } .phone-nav-top { display: block; } .phone-nav-top .top { display: flex; justify-content: space-between; padding: 2.08rem 2.5rem; box-shadow: 0 4px 13px 0 rgba(0,0,0,0.1); } .phone-nav-top .top .logo a img { width: 11rem; } .phone-nav-top .top .right-wrap { display: flex; align-items: center; } .phone-nav-top .top .right-wrap a { margin-right: 2.2rem; } .phone-nav-top .top .right-wrap .search { display: block; background-image: url("/wp-content/uploads/2020/04/phon-search-icon.png"); background-repeat: no-repeat; background-position: 1.5rem center; background-size: 2.67rem; height: 4rem; background-color: #E8E9EA; border-radius: 2rem; font-size: 2.16rem; color: #666666; padding: 0.5rem 2.5rem 1.1rem 4.7rem; } #p-show-list{ width: 4rem; height: 4rem; font-size: 0; line-height: 28px; text-align: center; } .menu-icon{ display: inline-block; vertical-align: middle; width: 3.2rem; height: 2px; background: #1B6A3E; position: relative; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; border-radius: 1000px; } .menu-icon:before,.menu-icon:after{ content: ''; width: 3.2rem; height: 2px; position: absolute; left: 0; right: 0; margin: 0 auto; background:#1B6A3E; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; border-radius: 1000px; } .menu-icon:before{ top: -8px; } .menu-icon:after{ bottom: -8px; } #p-show-list.menuActive .menu-icon{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #p-show-list.menuActive .menu-icon:before{ opacity: 0; } #p-show-list.menuActive .menu-icon:after{ top: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .phone-nav-top .top .right-wrap img { width: 3.2rem; height: 3.2rem; } .phone-nav-top .top .right-wrap a { text-decoration: none; } .p-list { display: none; } .phone-nav-top .p-list { width:100%; background:#fff; } .phone-nav-top .p-list ul { list-style: none; padding: 0; margin: 0; width:100%; } .phone-nav-top .p-list ul li { width:100%; margin: 0; } .phone-nav-top .p-list>ul>li>a { width:calc(100% - 5rem); height:8.33rem; text-decoration: none; font-size:2.5rem; line-height:8.33rem; color: #000; display: block; display: flex; align-items: center; justify-content: space-between; margin:0 auto; border-bottom: 1px solid #eee; } .phone-nav-top .p-list>ul>li>a:after{ content: ''; display: inline-block; width:3.33rem; height:3.33rem; background-image: url("/wp-content/themes/twentytwenty/ymq_assets_mobile/arrow.png"); background-repeat: no-repeat; background-size: 100%; transform: rotate(0deg); -webkit-transform: rotate(0deg); } #p-proMenu a::after{ transition: all 0.3s ease; } #p-proMenu a.rotate{ border:0; } #p-proMenu a.rotate:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); } #p-product-menu { padding: 0 2.5rem 0 4.17rem; background:#F8F8F8; display: none; } #p-product-menu ul li a { display: block; } .menu li h3{ width:100%; padding-top: 1.84rem; font-size:2.5rem; line-height:4.17rem; color:#333; } .pro li{ height:8rem; border-bottom: 1px solid #eee; } .pro li>a{ font-size:0; width:100%; height:8rem; line-height:8rem; } .pro li>a>img,.pro li>a>p{ display: inline-block; vertical-align:middle; } .pro li>a>img{ width:3rem; margin-right:0.83rem; } .pro li>a>p{ font-size:2.33rem; color:#333; line-height:4.67rem; margin:0; } .menu li:last-child .pro li:last-child{ border:0; } .foot-wrap { width: 100%; padding: 6.6rem 3rem; } .foot-wrap span ul .sep { width: 4.75rem; margin-top: 1.5rem; margin-bottom: -3rem; } .foot-wrap .tel { display: none; } .company-text { width: 100%; padding: 3.58rem 4rem; font-size: 2rem; font-family: Arial; font-weight: 400; color: rgba(27, 106, 62, 1); } .p-tel { display: block; } /*新葡亰8814网站文案*/ .container { min-width: auto; } .content { width: auto; margin: auto; padding: 0; } .content .head-wrap { width: 100%; } /**/ }