@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1440px){
	header .nav_right a {
		display: none;
	}
	.index-banner-text{ top:150px;}
}
@media screen and (max-width: 1260px){
	header .nav_right span {
		display: none;
	}
	.index-banner-text{ width:92%; margin-left:-46%}
}

@media screen and (max-width: 1200px){
	header .nav_right {
		margin-right: 14%;
	}

	.header .menu-icon {
		display: block;
	}

	.seat {
		height: 60px;
	}

	header nav {
		display: none;
	}

	.header .mobile-menu .sub_menu {
		transform: translateX(-50%) translateY(-15%);
	}
	.index-banner-text{ top:100px;}
	.index-banner-text a{ margin-top:15px;}
	.language{ display:none}
	header .mobile-menu li i{ position:static; display:inline-block; margin-left:0}
	.mobile-menu li{ text-align:left}
	.mobile-menu li a{ text-align:left; font-size:16px;}
	.mobile-menu li.mobile-language a{ display:inline-block}
	.mobile-menu li a i{ margin-right:5px;}
}
@media screen and (max-width:900px){
#banner1{ display:block}
#banner{ display:none}
.index-banner-text{ top:30%}
}
@media screen and (max-width:750px){
	header {
		height: 60px;
	}

	header .logo img {
		width: 70%;
	}

header .nav_right{ height:60px;}
header .nav_right{ position:absolute; right:14%; margin-right:0 }
	.header .language span {
		line-height: 60px;
	}

	header .language span i {
		bottom:7px;
	}

	.header .menu-icon {
		top:14px;
	}
	.banner-text-title{ font-size:20px;}
	.index-banner-text p{ font-size:14px;}
	.index_about .about-item{ padding:15px 0}
	.about-title br{ display:none}
	.index_about .about-item .about-title{ font-size:24px;}
	.index_video .company_video .company_video_title{ line-height:36px; font-size:20px; height:auto; padding:4px 0; text-align:left; padding-left:20px;}
	.index_video .index_news .index_news_title{ font-size:20px;}
	.index_video .index_news p{ display:none}
	.company_video_title br,.index_news_title br{ display:block}
	.footer .footer_copyRight,.product_item .product_tab{ display:block}
	.footer .footer_copyRight a,.footer .footer_copyRight p{ display:block; width:100%;}
	.product_item .product_tab span{ display:block; width:100%; margin-top:15px;}
	.product_item .product_tab .selectpicker{ width:100%;}
		.mobile-menu li a{ text-align:left; font-size:16px;}
}

@media screen and (max-width:450px){
header .nav_right input{ width:120px;}
.menu-icon img{ width:30px;}
.nav_right{}

}
