文件名称：media-queries
文件大小：6KB
文件格式：CSS
更新时间：2018-08-25 11:27:34
meidaqueries
@charset "utf-8"; /* CSS Document */ @media screen and (max-width: 1000px) { .header-inner,.banner-inner,.inner-box,.main-inner,.footer-inner,.banner-1-inner{ width:100%;} .header{ padding-bottom:12px;} .header-inner{ width:96%;} .header-left{ position:inherit; padding-bottom:80px;} .header-right{ float:right; padding:16px 5% 10px 0; position:relative;} .nav-btn{ display:block; background:#1271A0; width:40px; height:40px; line-height:40px; position:absolute; right:10px; bottom:6px; text-align:center; border-radius:5px; cursor:pointer;} .nav-btn:hover{ background:#2786b5;} .nav-btn i:before{ content:"≡"; font-size:30px; color:#fff;} .smartmenu{ display:none;} .nav-narrow{ display:block; float:left; width:100%;} .nav-narrow li{ background:#1271A0; text-align:center; border-bottom:1px solid #ddd; transition: all 0.1s ease 0.01s;} .nav-narrow li:hover{ background:#2786b5;} .nav-narrow li:hover a{ color:#fff;} .nav-narrow li>a{ display:block; line-height:28px; color:#fff; font-size:14px; font-weight:bold;} /********************home-banner*************************/ .rslides{width:100%;} .rslides li{ margin:0;} .rslides img{ width:100%;} .focus{width:100%; height:auto;} .banner-1-inner img{ padding:0; width:100%;} .h-aslsc{ margin-top:0; position:inherit; z-index:inherit;} .h-aslsc .inner-box{ width:96%;} .h-aslsc-l{ width:100%; padding:0;} .h-aboutus{ float:left; width:48%; margin-top:10px;} .h-news{ float:right; width:48%;} .h-news-b li{ width:auto;} .h-aslsc-r{ width:100%; padding:0; padding-top:10px;} .h-sas{ width:100%;} .h-sas-t{ border:none; padding:0; width:auto; text-align:left;} .h-sas-b{ padding:0; border:none; padding-top:6px;} .h-sas-b li{ width:31%; height:auto; margin:0 1%;} .h-sas-b li img.sas-img{ width:100%;} .h-sas-b li a{ float:none; position:inherit; left:inherit; top:inherit; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .h-prolist{ width:100%;} .h-client{ float:left;} .footer-list .footer-inner{ width:96%;} .footer-logo{ display:none;} .h-production-line{ width:100%; padding-bottom:8px; border-bottom:1px dashed #333;} .sliq-5{ float:left; width:100%;} .flist-box{ width:50%; margin-right:0; background:none;} .footer-inner{ width:96%;} /*about us*/ .main-top-left{ width:23%;} .main-top-right{ width:72%;} .latest-info dl dt img{ width:100%;} /*news*/ .news-content dl{ width:94%; height:auto; background:none; border-bottom:1px dashed #ccc; padding-bottom:10px; padding-left:0;} .news-content dl dt{ display:none;} .news-content dl dd{ width:100%; margin-right:0;} .news-list-desp span{ height:auto;} .news-list-desp a{ padding-top:6px;} /*news1*/ .related-products ul.rel-p li{ width:21%; height:auto; margin:4px 2% 0 2%;} .related-products ul.rel-p li img{ width:100%;} /*products*/ .left-news{ display:none;} .produsts-page-list{ margin-right:0;} .produsts-page-list ul{ margin-right:0;} .produsts-page-list ul li{ width:31%; margin-right:0;} .produsts-page-list a{ width:90%;} .produsts-page-list ul li img{ width:96%;} .produsts-page-list .hmpro-des{ display:none;} /*products1*/ #gallery{ margin:36px 8px 0 8px;} .CALLERY_CONTENT{ width:38%;} .menu1 li{ width:22%; margin-right:1%; background:#ccc; color:#000;} .menu1 li.hover{ width:22%; margin-right:1%;} /*certificates*/ #showimg ul li{ width:48%; height:auto; margin:0 1% 10px 1%;} #showimg ul li img{ width:100%;} /*service*/ .ser h1{ font-size:18px; height:28px; line-height:28px;} /*contact*/ .contact-inquiry{ padding-left:0;} .products1-inquiry input{ width:98%;} .products1-inquiry .pi-message{ width:96%;} .products1-inquiry .products1-inquiry-div dl{ width:31%; margin-right:2%;} .products1-inquiry .products1-inquiry-div input{ width:97%;} } @media screen and (max-width: 860px) { .copyright{ padding:0;} .copyright p{ text-indent:inherit;} .copyright a{ display:none;} .tsbw-img{ display:none;} /*products1*/ #gallery{ float:none; overflow:hidden; display:block; width:290px; margin:10px auto 0 auto;} .CALLERY_CONTENT{ float:none; width:90%; padding:10px 5% 10px 5%; margin-top:10px; overflow:hidden; min-height:inherit;} } @media screen and (max-width: 740px) { /*products*/ .produsts-page-list ul li{ width:50%;} } @media screen and (max-width: 650px) { .nav-t{ display:none;} .smartmenu{ display:none;} .nav-b{ display:none;} .nav-t{ display:none;} .nav-t{ display:none;} .footer{ padding-bottom:60px;} .contact-bar{ display:none;} .rw-footer-box{ display:block;} } @media screen and (max-width: 639px) { .main-top-left{ float:none; width:94%;} .main-top-right{ float:none; width:94%; margin-left:10px;} .left-contacti{ display:none;} /*about us*/ .about_text img{ width:100%;} .latest-info dl dt{ padding:0;} .latest-info dl dt img{ display:none;} /*news1*/ .news1-page img{ width:100%;} /*products1*/ .load_botton{ display:none;} /*contact*/ .contactus-page-f{ float:none; width:100%; padding-bottom:20px;} .contactus-page-p{ float:none; width:100%;} } @media screen and (max-width: 580px) { .header-left{ width:100%; text-align:center;} } @media screen and (max-width: 480px) { .header{ padding-bottom:0;} .header-left img{ width:auto;} .h-aboutus{ width:100%; margin-top:10px;} .h-aboutus-b img{ width:100%;} .h-news{ width:100%;} .h-news-b li{ width:auto;} .h-sas-b li{ width:100%; height:auto; margin:0; margin-bottom:10px;} .h-client{ display:none;} /*news1*/ .related-products ul.rel-p li{ width:46%; margin:4px 2% 0 2%;} .related-products ul.rel-p li img{ width:100%;} /*products1*/ .menu1 li{ width:48%; height:33px; margin-right:1%; background:#ccc; color:#000; border-top:1px solid #fff;} .menu1 li.hover{ width:48%; margin-right:1%; height:33px;} .products_text .main1 dl dt img{ width:100%;} /*service*/ .ser-content img{ width:100%;} /*contact*/ .products1-inquiry .products1-inquiry-div dl{ width:100%;} .products1-inquiry .products1-inquiry-div input{ width:98%;} } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body{ font-size:24px; } }