

@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){ 

.banner{ padding-top:50%; height:auto; }
.banner .container {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.main_menu > li{padding: 0 20px 20px;}
.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){ 
.banner{ padding-top:50%; height:auto; }
.banner .container {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.main_menu > li{padding: 0 20px 20px;}
.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{ padding-top:5px;}

	.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 10px 5px;
	margin-top:10px;
	margin-bottom:10px;

}

	#navbar {

		float: none;

		margin-top: 0;
		background:#fff;

	}

	.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; color:#333;}

	.main_menu > li > a:hover{ background-color:#bc0007; color:#fff;}
	.main_menu .nav-sub{position:relative; left:0; top:0; width:100%; background:#f8f8f8; margin:0; height:0; overflow:hidden;text-align:left; z-index:100;}
	.main_menu .sub-right{ display:none;}
	.main_menu .sub-left{ padding:10px 0;}
	.main_menu .latnav{ display:block; text-align:center;}
.top-jumbotron{ }
 #carousel-index{
  	height:auto;
	padding-top:calc(9/12*100%);
}


.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;

}

.banner{ height:250px; background-size:cover;}

video{ max-width:100%}
.proInfo h1{ font-size:28px;}
.proInfo .meta {
    font-size: 28px;
}
.main_menu .btn-group > a{ display:block; line-height:1.4; padding:10px 0;}
h1{font-size: 28px;}
.banner .container h2{ font-size:24px;}
.appitem .con {
    position: absolute;
    bottom: -55%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    padding: 10% 10px 0;
    transition: bottom .3s;
}
.appitem .tit {
    font-size: 14px;
}
.appitem .font {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    margin-top: 18px;
	display:none;
}
.appitem:hover .con {
        bottom: -40%
    }
}

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

}



@media screen and (min-width:1200px) and (max-width:1700px) {

 .page-teaser__hover-content {

  padding-top:30px;

  padding-left:20px;

  padding-right:20px

 }

 .page-teaser__hover-content .hover-content__headline {

  font-size:21px

 }

}



@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

 }

}













