【文件属性】:
文件名称: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;
}
}