@media (max-width: 1699px){.tab-slide-big img{  max-width:450px;}.tab-slide-big{ margin:3% 0;}.thumb-item h4{ margin-bottom:20px;}}
@media (min-width: 1200px){ .container{ width:1200px; padding-left:0; padding-right:0;}}
@media (min-width: 992px) and (max-width: 1199px){ 

.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}
}
@media (min-width: 992px) { .cateBlock .catitem,.cateBlock .cinquery{ width:20%; float:left;} .thumb-item .timg img{ width:40px;}}
@media (min-width: 1200px) {
	.thumb-item .timg img{ width:65px;}
	.thumb-item {
    padding: 0 30px;
}
}
@media (min-width: 1700px) {
	.tab-slide-thumb-warp .container{ width:1700px;}
	.thumb-item {
    padding: 0 40px;}
	.thumb-item .timg img{ width:92px; max-width:none;}
}
@media (min-width: 768px) and (max-width: 991px){ 
.main_menu li a {

    font-size: 14px;
    text-transform:capitalize;
    font-weight:normal;
}
 .cateBlock .catitem{ width:50%; float:left;}
 .cateBlock .cinquery{width:100%;float:left;}
.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;} 
 }

@media (max-width: 768px){
	.header{border-bottom:1px solid #ddd;}
	.top {
    margin-bottom: 10px;
}
.main_menu > li.searchico {
    margin-left: 0;
}
	.navbar-header{ float:none;}
	.navbar{ min-height:2px; height:auto;}
	.navbar-brand {
    padding: 0 5px 10px;
}
.navbar-brand img{ width:90px;}
	#navbar {
		float: none;
		margin-top: 0;
	}
	.main_menu{ width:100%; display:block;}
	.main_menu > li{ float:none; text-align:center; border-bottom:1px solid #1c2931; margin:0; border-right:0; padding:0;}
	.main_menu > li > a{ float:none; display:block; padding:10px 0; line-height:1.4;}
	.main_menu > li > a:hover{ background-color:#bc0007;}
#carousel-index{ }
#carousel-index .xitem_img{ height:300px;}
.carousel-indicators li {
    margin: 0 5px;
}

.carousel-indicators .active {
    margin: 0 5px;
}
#fp-nav{ display:none;}
.thumb-item h4{ display:none;}
.thumb-item{ border-right:0; padding:0;}
.thumb-item.xbig { width:auto; display:inline-block;}
.thumb-item.xmiddle { width:auto; display:inline-block;}
.thumb-item.xsmall{ width:auto; display:inline-block;}
.thumb-item a.timg {
    margin: 5px 4px;
}
.thumb-item .timg img{ width:20px;}
.text-com{ padding-top:10%;}
.his-com{ margin-bottom:30px;}
.tab-slide-thumb-warp{ padding:20px 0;}
.titem p{ height:auto;}
.about-we-item{ position:relative; margin:10px auto;}
.main_menu {
        margin-top: 0px;
}
.flogo{ left:110px; top:0; display:inline-block; right:50px;}
.flogo img{ width:180px;}
.indust-item {
    width: calc(50% - 30px);
}
.mainContent{ width:100%}
}
@media (max-width: 479px){ 
.tab-slide-big img{  max-width:100%;}
.btn-footer{ width:250px;}
.copyright{ position:relative;}
.page-banner{ height:200px;}
.branck-item{  font-size:14px;}
.indust-item{ width:calc(50% - 30px);}
.fsocial{  margin-top:25px; position:relative; right:0 }
.tab-menu li {
    margin: 12px 5px 5px;
}
.tab-menu li a {
    padding: 5px 10px;
	font-size:14px;
}
.tab-content-catlist .tab-pane a{ min-width:120px; white-space:nowrap;}
.pro-item a h4{ font-size:16px;}
}
@media screen and (min-width:1200px) and (max-width:1500px) {
 #x-carousel-index .item img{ max-height:500px;}
}

@media screen and (max-width:767px) {
 .page-teaser__hover-content .hover-content__link {
  font-size:14px
 }
 .page-teaser .page-teaser__hover-content {
    display: none;
}
.page-teaser__headline {
    font-size: 18px;
}
}


@media screen and (min-width:1200px) and (max-width:1700px) {
 .page-teaser__hover-content .hover-content__content,.page-teaser__hover-content .hover-content__link {
  
 }
 .page-teaser__hover-content .hover-content__content.hover-content__content,.page-teaser__hover-content .hover-content__link.hover-content__content {
  margin-top:10px
 }
}
@media (max-width:991px) and (min-width:768px) {
 .page-teaser__hover-content {
  padding-top:50px
 }
 .page-teaser__hover-content .hover-content__content,.page-teaser__hover-content .hover-content__link {
  font-size:14px;
  margin-top:15px
 }
}

@media (max-width:991px) and (min-width:768px) {
 .page-teaser.page-teaser-hover.touch-hover:not(.close-hover) .page-teaser__hover-content {
  top:15%
 }
 .page-teaser.page-teaser-hover.touch-hover:not(.close-hover) .page-teaser__hover-content .close-icon {
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:.8s 0s;
  -o-transition:.8s 0s;
  transition:.8s 0s
 }
}