@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,.product{ padding: 0px; }
.introduce{ padding: 0px 0px 10px; }
.introduce .intro-content a{ margin-top: 0px; }
.zjlist{ margin:10px 0px 0px; }

}
@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; }
}