@charset "utf-8";
/* CSS Document */
@media (min-width:992px){
	body{ padding-top:80px;}
}
@media (min-width:1200px){
	body{ padding-top:100px;}
}
@media (max-width:992px){
	body{ padding-top:70px;}
}
@media (max-width:768px){
	body{ padding-top:50px;}
}

@media(min-width:1200px) {
.navbar-brand{ padding:0px; margin:25px;}
.top-nav li{ padding:25px 5px;}
.nav > li > a{ padding:15px 10px;}

}
@media(max-width:1200px) {
.navbar-brand{ height:40px; padding:0px; margin:20px;}
.top-nav li{ padding:15px 0px;}
.nav > li > a{ padding:15px 10px; font-size:13px;}

}
@media(max-width:992px) {
.navbar-header{ margin:10px -15px !important; box-sizing:border-box; }
.navbar-brand{ height:50px; padding:0px; padding-left:15px; margin:0px; }
.nav > li > a{ font-size:14px;}
}
@media(max-width:768px) {
.navbar-header{ margin:0px -15px !important;}
.navbar-brand{ padding:5px;}
}

@media(max-width:992px) {
	.navbar .container{ width:100% !important;}
	.navbar-header{ float:none;}
	.navbar-toggle{ display:block;}
	.navbar-brand{ margin-left:0px !important;  padding-left:15px !important;}
	.navbar-collapse.collapse{display: none !important;transition-duration: .4s;}
	.collapse.in{ display:block !important;transition-duration: .4s;}
	.navbar-collapse{ margin:15px 0px ;overflow-y:auto !important; box-sizing:border-box;transition-duration: .4s;}
	.navbar-collapse.in{overflow-y:auto !important;transition-duration: .4s;}
	
	.navbar-nav{ width:100%; margin:0px; }
	.navbar-nav > li{ float:none; width:100%;}
}
/*992 头部导航折叠*/

/*头部响应*/

@media(max-width:1200px) {
.index-fl-img span{  font-size:18px; line-height:32px; }
.index-fl-text{ height:195px; font-size:16px; }
}
@media(max-width:992px) {
.index-fl-img span{  font-size:18px; line-height:32px; }
.index-fl-text{ height:224px; font-size:16px; }

}
@media(min-width:992px) {
.index-fl:nth-child(2n) .index-fl-img{transform:translate(0px,100%);}
.index-fl:nth-child(2n) .index-fl-text{transform:translate(0px,-100%);}
.index-fl-text{ width:100%; }
}
@media(max-width:768px) {
.index-fl-text{ float:none; height:auto; padding:30px 0px;}
}
/* 产品分类 */
@media(max-width:768px) {
.index-aboutbox{ background:url(../images/aboutbg2.jpg) top no-repeat; background-size:100%; margin-top:60px; margin-bottom:40px;}
.index-about{ width:90%; padding:40px 0px 0px; margin:auto; overflow:hidden;}
.index-about-text{ position:relative; z-index:2;  width:100%; padding:20px 25px; float:none; background:#121212;}
.index-about-t{ margin-top:20px; font-size:14px; color:#fff; line-height:1.75em; height:150px; overflow:hidden;}
}
/* 关于我们 */
.index-cp-list p{ margin:10px 0px;}
/* 产品 */
@media(max-width:1200px) {
.index-news-list li p{ display:inline-block; width:70%; font-size:14px; line-height:18px;}
.index-news-list li span{ display:inline-block; width:30%; font-size:14px; line-height:18px;}
}
@media(max-width:992px) {
.index-news-list li p{ display:inline-block; width:70%; font-size:12px; line-height:16px;}
.index-news-list li span{ display:inline-block; width:30%; font-size:12px; line-height:16px;}
}
@media(max-width:768px) {
.index-news-list{ display:none;} 
.news-small{ display:block;}
}
/* 新闻 */
@media(max-width:992px) {
.partner-box{height:90px;}
}

@media(max-width:992px) {
.news-tj{ display:none;}
}

@media(max-width:768px) {
.index-about{ margin-bottom:30px;}
.index-news{ margin-bottom:40px;}
#index-news-tab{ margin:0px;}
.index-link{ display:none;}
.index-faq{ display:none;}
}

@media (min-width: 992px){
#inside-zd .panel{max-width:260px;}
}
@media (max-width: 1200px){
#inside-zd .panel{ float:left;  border:none; margin:0px 0px 0px 50px;  background:none; box-shadow:none;}
#inside-zd .panel:nth-child(1){ margin:0px 0px 0px 15px;  background:none;box-shadow:none;}
}

@media (max-width: 992px){
.foot-nav{ padding:15px 15px;}
#inside-zd{ display:inline-block; width:100%; margin:0px; overflow:hidden;}
#inside-zd .panel{ float:left; width:100%;  border:none; margin:0px; padding:0px; font-size:0px; background:none; box-shadow:none;}
#inside-zd .panel:nth-child(1){ margin:0px;}
#inside-zd .panel-heading a{ position:relative; display:inline-block; width:100%;padding:12px 5px; margin-bottom:0px; font-size:12px; font-weight:normal; color:#ccc; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; border-bottom:1px solid #333;}
#inside-zd .panel-heading a:before{ display:none;}
#inside-zd .panel-heading a:after{content:"×"; position: absolute;  z-index:1; line-height:42px; width:auto; height:auto; font-size:16px; color:#e50012;bottom: 0px; left:auto; right: 10px; background:none;transition-duration: .3s;}

#inside-zd .panel-heading a.collapsed:after{content:"+"; position: absolute;  z-index:1; line-height:42px; font-size:16px; color:#ccc;bottom: 0px;right: 10px;}
#inside-zd .panel-body{ margin:10px 0px;}
#inside-zd .panel-body a{ display:inline-block; padding:0px 15px;font-size:12px; line-height:26px; color:#ccc;}

#inside-zd .panel-body input{ display:inline-block; box-sizing:border-box; padding-left:10px; width:100%; min-width:260px; font-size:12px; line-height:38px; margin-bottom:15px; border:none; border-bottom:1px solid #333; background:#333; }
#inside-zd .panel-body  textarea{ display:inline-block; box-sizing:border-box; padding:6px 10px; width:100%; height:110px; min-width:260px; font-size:12px; line-height:22px; color:#ccc; margin-bottom:10px; border:none; border:1px solid #333; background:#333;}
}

/*首页响应式 end*/

@media (max-width: 1200px){
.inside-banner{ height:330px;}
}
@media (max-width: 992px){
.inside-banner{ height:260px;}
}
@media (max-width: 768px){
.inside-banner{ height:120px;}
}


@media (max-width: 768px){
.inside-nav ul {display: inline-block;width: 100%;margin:20px 0px; font-size:0px;text-align:left; overflow: hidden;}
.inside-nav li{ display:inline-block; box-sizing:border-box; width:50%; margin:0px; padding:2px; overflow:hidden;}
.inside-nav li a{ display:inline-block; box-sizing:border-box; position:relative; z-index:1; padding:0px; width:100%; font-size:16px; color:#333; line-height:40px; text-align:center; border:1px solid #e0e0e0; overflow:hidden;}
.inside-nav li.on a,.inside-nav li a:hover{ color:#fff;}
.inside-nav li a:after{ content:""; position: absolute;  z-index:-1; width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#ff0000;transition-duration: .3s;}
.inside-nav li.on a:after,.inside-nav li a:hover:after{ content:""; position: absolute;  z-index:-1; width: 100%; transition-duration: .3s;}

}

@media (max-width: 768px){
.news-img img{ display:none;}
.news-page p,.news-page a{ width:100%; }
.news-page p:nth-child(2),.news-page a:nth-child(2){ text-align:left;}
}