@media (min-width: 768px){ .carousel-indicators li{margin:0px 8px;} } @media (max-width:1182px) { .top-nav li a{font-size:14px;} .container{width:96%;} } @media (max-width: 1100px){ .top-box .navbar-brand{font-size:26px;} .container{width:100%;} } @media (min-width: 1012px){ .navbar-toggle { display: none;} } @media (max-width: 1011px){ .navbar-toggle {display: block;} h1{margin-top:0px} .navbar-collapse.collapse li{float: none;} .navbar-header{width:100%; height: 50px;float:none;} .top-box .navbar-nav{ width:100%;margin-top: 0px!important;} .container>.navbar-collapse{ margin:0px -15px;display: none; box-shadow: 0px 2px 2px #ccc;} .nav{background-color: rgba(255,255,255,0.9);} .top-nav li a{text-align: left;} .navbar-collapse{ padding: 0px;margin:0px;} .navbar-nav,.container>.navbar-header{margin:0px;} .navbar-fixed-top .navbar-collapse{overflow-y: auto;} .search{ padding-top: 5px; padding-bottom: 5px; margin-left:3%;} .navbar-collapse.collapse li{border-bottom: 1px solid #f5f5f5;} .zjlist .col-xs-6{ padding: 0px 15px; } } @media (min-width: 1011px){ .top-nav li a{line-height: 40px;} .dropdown-menu li a{line-height: 30px;} } @media (min-width: 768px){ /*.navbar-right{margin-right:0px!important;}*/ } @media (max-width:767px) { h1{margin-top: 0px;} .top-box .navbar-brand{font-size:20px;} .product .more{ font-size:16px; } .product .more p{ height: 32px; } .product .more a:hover{transform: translateY(-23px);} .footer{font-size:14px;} .news h3{font-size:18px;} .news-list .row{ margin-bottom:40px;} } @media (max-width:556px) { .zjlist .zj_move p{ line-height: 25em; } .news h3{font-size:16px;} .news-text p{font-size:14px;} .zjlist .col-xs-6{ padding: 0px 10px; } .mo-re{font-size:16px; margin-top:15px; } .mo-re p{height: 33px;} .mo-re a:hover{transform: translateY(-23px);} .news{ padding-top: 20px; padding-bottom:0px;} .product{ padding-top: 40px; } .introduce { margin-top:5px; text-indent: 2em; padding-top: 20px; padding-bottom: 20px; background: url(../img/img04.jpg) no-repeat center; background-attachment: fixed; background-size: cover; height:350px; } .introduce .intro-content a{ margin-top: 0px; } .zjlist{ margin:10px 0px 0px; } .news .news-content .single-news article img { max-width: 100%; display: block; } .news .news-content .single-news{ margin-bottom:20px;} .news .news-content .single-news article span.date { color: #444444; font-size: 14px; line-height: 24px; letter-spacing: 0; display: inline-block; margin-top: 5px; font-weight: 300; } /*棣栭〉鍙嬫儏閾炬帴*/ .links{ width:95%; margin:0 auto; height:120px;} .links .link_tit{ font-size:20px; float:left} .links .link_name{margin-left:0px; line-height:30px; font-size:14px; float:left;} .links .link_name li{ padding:0px; margin-right:10px;} .links ul{ padding-left:0px;} .links ul li{ float:left;} .top-box .navbar-brand img{ height:35px; margin-top:5px;} } @media (max-width:456px) { .zjlist .zj_move p{ line-height: 20em; } .navbar .container{padding: 0px;} } @media (max-width:356px) { .navbar-brand{ padding-left: 5px; } .navbar-toggle{ margin-right: 5px; } .top-nav li a{ line-height: 20px; } .top-box .navbar-nav{width: 100%; padding-left:10px;} .zjlist .zj_move p{ line-height: 16em; } }