@media screen and (max-width: 1240px) {
	.container {
		width: 100%;
	}
	.my_col_6 {
		width: 24.25%;
	}

	.footer_navigation {
		width: 100%;
		padding-right: 0;
	}
	.footer_contact {
	    width: 60%;
	}
	.footer_qrcode {
	    width: 30%;
	}

	.index_page .about_us_left {
		flex-basis: 50%;
	}
	.about_page .about_profile {
		width: 65%;
		min-height: 60%;
    	max-height: 68%;
	}

	.about_page .about_profile.en_style {
		width: 70%;
		max-height: 90%;
	}
}


@media screen and (max-width: 1024px) {
	.about_page .about_profile.en_style {
		position: relative;
		width: 100%;
		min-height: auto;
	}
	.my_col_6 {
	    width: 32.66%;
	}
	.index_page .news_item_first_left {
	    flex-basis: 30%;
	}
	.index_page .about_us_right_title {
	    padding-bottom: 20px;
	}
	.index_page .about_us_right_description {
		font-size: 14px;
	}
	.index_page .description_content {
	    line-height: 1.5em;
	}
		.about_page .culture_desc {

	}
	.about_page .culture_item {
		align-self: center;
	}
	.about_page .culture_item.en_style {
		align-self: stretch;
		margin-left: 30%;
	}
	.about_page .culture_item:not(:first-child) {
	    margin-top: 2%;
	}
	.about_page .culture_image {
	    flex-basis: 100%;
	    margin-top: 30px;
	}
	.about_page .about_profile {
		width: 75%;
		max-height: 80%;
	}
}



@media screen and (max-width: 900px) {
	.header {
		height: 70px;
		z-index: 10;
		top: 0!important;
	}
	.header .header_mobile_nav_icon {
	    display: block;
	}
	.header_language {
		display: none;
	}
	.header .header_language_mobile {
	    display: block;
	}
	.header .header_logo_text .company_name {
		font-size: 18px;
	}
	.header .header_logo_text .company_name_en {
		font-size: 14px;
	}
	.header .header_phone_text {
		font-size: 20px;
	}
	.header .header_phone_number {
		font-size: 16px;
	}
	.banner {
		margin-top: 70px;
	}
	.pc_banner {
		display: none;
	}
	.mv_banner {
		display: block;
	}
	.banner .one_banner {
	    height: auto;
	}
	.column_main_title {
		padding: 20px 0;
	}
	.level1_column {
		padding-top: 12px;
	}
	.big_nav {
		display: none;
	}
	.my_col_4 {
		width: 49%;
		margin-bottom: 2%;
	}
	.my_col_5 {
	    width: 31%;
	    margin-bottom: 3%;
	}
	.my_col_5:nth-child(5n+2),
	.my_col_5:nth-child(5n+3),
	.my_col_5:nth-child(5n+4),
	.my_col_5:nth-child(5n+5) {
	    margin-left: 0;
	}
	.my_col_5:nth-child(3n+2),
	.my_col_5:nth-child(3n+3) {
	    margin-left: 3.5%;
	}
	.my_col_6 {
		width: 49.5%;
	}
	.page_container {
		padding: 20px 20px;
	}
	.page_container .aside_menu .aside_menu_title {
	    font-size: 18px;
	}
	.index_page .about_us_left {
	    flex-basis: 100%;
	}
	.index_page .about_us_right_title {
	    padding-bottom: 30px;
	}
	.index_page .about_us_right_description {
		font-size: 16px;
	}
	.index_page .description_content {
	    line-height: 2em;
	}
	.index_page .about_us_right {
		margin-top: 4%;
	    margin-left: 0;
	    flex-basis: 100%;
	}
	.index_page .index_last_left {
		padding-top: 20px;
		flex-basis: 100%;
	}
	.index_page .index_last_right {
		padding-top: 20px;
		margin-left: 0;
		flex-basis: 100%;
	}
	.index_page .news_item_first_left {
	    flex-basis: 15%;
	}
	.about_page .about_profile {
		position: relative;
	}
	.about_page .about_profile_image {
		margin-top: 4%;
	}
	.about_page .about_profile {
		width: 100%;
		min-height: auto; 
		max-height: auto;
	}
	.product_page .product_item {
	    background-color: #eee;
	    width: 48%;
	}
	.product_page .product_item:nth-child(4n+2),
	.product_page .product_item:nth-child(4n+3),
	.product_page .product_item:nth-child(4n+4) {
	    margin-left: 0;
	}
	.product_page .product_item:nth-child(2n+2) {
		margin-left: 2%;
	}
	.news_page .news_item .news_image {
	    flex-basis: 30%;
	}
	.news_page .news_item .news_content {
	    margin-left: 4%;
	    flex-basis: 66%;
	}
	.news_show_page .news_content_mv {
	    display: block;
	}
	.news_show_page .news_content_pc {
	    display: none;
	}
	.contact_page .contact_us_item {
    	flex-basis: 42%;
	}
	.contact_page .contact_us_item:not(:last-child):after {
	    right: -15%;
	}
	.contact_page .contact_us_item_line {
		display: none;
	}
	.contact_page .contact_us_item_line:nth-child(4n+2) {
		display: block;
	}
	.message_page .message_form {
		padding: 0;
	}
	.message_page .form_item_inline .form_item {
	    width: 100%;
	}
}



@media screen and (max-width: 768px) {
	.index_page .column_main_title.align_left {
		padding-top: 20px;
	}
	.header_phone {
		display: none;
	}
	.column_sub_description {
		width: 96%;
	}
	.my_col_3 {
		width: 100%;
		margin-left: 0;
	}
	.index_page .product_display_item>a>img {
	    height: auto;
	}
	.index_page .product_item_note {
		width: 98%;
	}
	.about_page .about_profile {
		padding-left: 5px;
	}
	.about_page .culture_item:not(:first-child) {
	    margin-top: 5%;
	}
	.footer_footer_item {
		flex-basis: 100%;
	}
	.page_container .aside_menu .aside_menu_title {
	    height: 48px;
	    line-height: 48px;
	}
	.page_container .aside_menu .aside_menu_item {
	    height: 48px;
	    line-height: 48px;
	}
	.about_page .culture_item.en_style {
		margin-left: 20%;
	}
	.news_page .news_item .news_image {
	    flex-basis: 36%;
	}
	.news_page .news_item .news_content {
	    margin-left: 4%;
	    flex-basis: 60%;
	}
	.news_show_page .news_title {
		font-size: 20px;
	}
	.contact_page .media_attention_items {
		padding: 0;
	}
	.contact_page .media_attention_item {
		flex-basis: 25%;
	}
	.employ_page .employ_header {
		padding: 10px;
	}
	.employ_page .employ_item {
		padding: 0;
	}
	.employ_page .employ_content {
		padding: 10px;
	}
	.employ_page .employ_title {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.employ_page .employ_salary {
		font-size: 20px;
	}
	.employ_page .employ_line1 {
		padding-bottom: 5px;
	}
}



@media screen and (max-width: 560px) {
	.nav .mobile_nav .nav_container {
		width: 100%;
	}
	.header .header_logo_text .company_name {
		font-size: 16px;
	}
	.header .header_logo_text .company_name_en {
		font-size: 12px;
	}
	.page_nav {
	    font-size: 14px;
	}
	.page_nav .nav_crumb {
	    font-size: 14px;
	}
	.page_nav .nav_crumb .crumb_home_icon {
		display: none;
	}
	.about_page .nav_item {
	    padding-left: 6px;
	    padding-right: 5px;
	}
	.about_page .culture_item.en_style {
		margin-left: 0;
	}
	.footer_nav_item {
	    flex-basis: 50%;
	    padding: 6px 0;
	}
	.footer_contact {
		width: 100%;
	}
	.footer_qrcode {
	    width: 100%;
	}
	.my_col_4 {
		width: 100%;
		margin-left: 0;
		margin-bottom: 3%;
	}
	.my_col_5 {
		width: 49%;
		margin-bottom: 2%;
	}
	.my_col_5:nth-child(3n+2),
	.my_col_5:nth-child(3n+3) {
	    margin-left: 0;
	}
	.my_col_5:nth-child(2n+2) {
	    margin-left: 2%;
	}
	.page_container {
		padding: 15px 20px;
	}
	.page_container .showPage {
	    margin-left: 0;
	}
	.index_page .news_list {
	    padding-left: 0;
	}
	.index_page .news_items .news_item {
	    width: 100%; 
	}
	.index_page .cooperative_customers_item {
		height: 100px;
	}
	.index_page .news_item_first_left {
	    flex-basis: 40%;
	}
	.page_container .page_left_aside {
	    flex-basis: 100%;
	}
	.page_container .page_content {
	    margin-left: 0;
	    flex-basis: 100%;
	}
	.news_page .news_items {
	    margin-top: 6%;
	}
	.product_container .product_items {
		margin-top: 6%;
		padding-bottom: 30px;
	}
	.contact_page .contact_us_item {
		flex-basis: 100%;
	}
	.contact_page .contact_us_item_line:nth-child(4n+2) {
		display: none;
	}
	.contact_page .media_attention_qrcode {
		padding: 5px;
	}
	.message_page .message_form {
		margin-top: 30px;
	}
	.contact_page .media_attention_text {
		height: 36%;
	}
}
@media screen and (max-width: 430px) {
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}
	.header .header_logo {
		flex: 1;
	}
	.header .header_logo_text {
		display: none;
	}
	.news_page .news_item .news_image {
	    flex-basis: 40%;
	}
	.news_page .news_item .news_content {
	    margin-left: 4%;
	    flex-basis: 56%;
	}
	.contact_page .media_attention_text {
		font-size: 14px;
	}
	.contact_page .media_attention_qrcode {
		padding: 2px;
	}
}

