@media (min-width:1400px) {
	.container {
		width: 1200px;
	}
}

@media (min-width:1480px) {
	.container {
		width: 1280px;
	}
}

@media (max-width:1024px) {
	.container {
		width: 100%;
	}

	.flex-position .container {
		padding-left: 0;
		padding-right: 0;
	}

	.flex-fixed-position {
		position: relative;
		background-color: var(--main);
	}

	.flex-sticky-position {
		position: fixed;
	}

	.flex-header-wrapper {
		padding: 0 15px;
	}

	.logo {
		padding: 10px 0;
	}

	.logo a img {
		max-height: 60px;
	}

	.nav-mobile-btn {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
	}

	.nav-mobile-btn span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--white);
	}

	.nav-mobile-btn span::before,
	.nav-mobile-btn span::after {
		content: "";
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--white);
		transition: .5s;
	}

	.nav-mobile-btn span::before {
		margin-top: -10px;
	}

	.nav-mobile-btn span::after {
		margin-top: 20px;
	}

	.open .nav-mobile-btn span {
		background: transparent;
	}

	.open .nav-mobile-btn span::before {
		transform: rotate(45deg);
		margin-top: unset;
	}

	.open .nav-mobile-btn span::after {
		transform: rotate(-45deg);
		margin-top: unset;
	}

	.nav-ul {
		position: absolute;
		left: -100%;
		top: 100%;
		display: block;
		width: 100%;
		height: calc(100vh - 80px);
		background-color: var(--main);
		border-top: 1px solid #ececec;
		visibility: hidden;
		opacity: 0;
		transition: .5s;
	}

	.open .nav-ul {
		left: 0;
		visibility: visible;
		opacity: 1;
	}

	.nav-ul li.nav-ul-child a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.nav-ul li.nav-ul-child a span.arrow {
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		/* background-color: var(--white); */
	}

	.nav-ul li.nav-ul-child a span.arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 12px;
		height: 12px;
		border: 1px solid var(--white);
		border-left: 0;
		border-bottom: 0;
		transform: translate(-50%, -50%) rotate(45deg);
		transition: .5s;
	}

	.nav-ul li.nav-ul-child .nav-child-ul {
		position: initial;
		visibility: visible;
		opacity: 1;
		max-height: 0;
		overflow: hidden;
		transition: .5s;
	}

	.nav-ul li.nav-ul-child.expand a span.arrow::after {
		transform: translate(-50%, -50%) rotate(135deg);
	}

	.nav-ul li.nav-ul-child.expand .nav-child-ul {
		max-height: 500px;
	}

	.nav-ul li.nav-ul-child .nav-child-ul li.nav-child-li a {
		padding: 10px 35px;
	}

	.nav-ul li.nav-ul-lang {
		padding: 10px 20px;
	}

	.nav-ul li.nav-ul-lang a {
		padding: 0;
		margin-right: 20px;
	}

	.scroll-banner-swiper {
		height: auto;
	}

	.scroll-banner-swiper .banner-item a {
		position: relative;
	}

	.swiper-pagination-container {
		bottom: 20px;
	}

	.topic-bg-title {
		font-size: 90px;
	}

	.section-history {
		margin-top: -80px;
	}

	.section-list-feed .item-feed .grid-thumb-desc .thumb-img,
	.section-list-feed .item-feed .grid-thumb-desc .thumb-desc {
		width: 100%;
	}

	.section-list-feed .item-feed .grid-thumb-desc .thumb-desc {
		padding: 50px 80px;
	}

	.list-flag-news .thumb-desc {
		padding: 20px 40px;
	}

	.list-flag-news .thumb-desc .title {
		padding: 10px 0;
	}

	.flex-contact-map .content .title {
		font-size: 30px;
	}

}

@media (max-width:992px) {
	.scroll-banner-swiper .banner-item .banner-item-text .title {
		font-size: 40px;
	}

	.scroll-banner-swiper .banner-item .banner-item-text .desc {
		padding: 30px 0;
	}

	.static-banner .banner-title {
		font-size: 50px;
	}

	.topic-bg-title {
		font-size: 80px;
	}

	.index-about .about-paragh {
		padding-top: 60px;
	}

	.index-about .about-video {
		margin: 80px 0;
	}

	.index-about .about-scroll-data .item-data {
		width: 120px;
		height: 120px;
	}

	.index-about .about-scroll-data .item-data .count .num {
		font-size: 50px;
	}

	.index-about .about-scroll-data .item-data .desc {
		font-size: 14px;
	}

	.flex-footer-nav {
		flex-wrap: wrap;
	}

	.flex-footer-nav .nav-item:last-child {
		width: 100%;
	}

	.flex-footer-nav .nav-item .item-ul.item-qrcode {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
	}

	.flex-footer-nav .nav-item .item-ul.item-qrcode p {
		max-width: 150px;
	}

	.about-page-paragh {
		width: 100%;
		padding: 50px;
		margin-top: -80px;
		margin-left: 0;
	}

	.about-thumb-paragh,
	.about-column-thumb {
		display: flex;
		flex-direction: column;
	}

	.about-thumb-paragh .thumb-paragh {
		position: initial;
		transform: translate(0, 0);
	}

	.about-thumb-paragh .thumb,
	.about-thumb-paragh .thumb-paragh {
		width: 100%;
	}

	.about-column-thumb {
		margin: 80px 0;
	}

	.about-column-thumb .thumb,
	.about-column-thumb .content {
		width: 100%;
		padding-right: 0;
	}

	.about-column-thumb .thumb img {
		display: block;
		width: 100%;
	}

	.about-column-thumb .content {
		padding: 60px 50px 0;
	}

	.section-honor {
		padding: 80px 0 60px;
	}

	.list-culture {
		margin-top: -60px;
	}

	.list-culture .item-culture {
		padding: 50px 20px;
	}

	.culture-logo .thumb-desc .title {
		font-size: 28px;
	}

	.culture-logo .thumb-desc {
		padding-left: 30px;
	}

	.culture-circle {
		padding: 80px 0;
	}

	.culture-circle .item-circle {
		width: 150px;
		height: 150px;
		font-size: 40px;
	}

	.scroll-timeline-wrapper .swiper-slide .item-history .topic-bg-title span.bg-title {
		font-size: 150px;
		line-height: 150px;
	}

	.scroll-timeline-wrapper .swiper-slide .item-history .content {
		margin-top: -40px;
	}

	.section-timeline-container {
		padding: 0 0 60px;
	}

	.section-history {
		margin-top: -60px;
		margin-bottom: 80px;
	}

	.section-breeding .topic-desc,
	.section-processing .topic-desc {
		padding: 0 15px;
	}

	.list-breeding-thumbs .item-breeding p {
		padding: 0 15px;
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-prev {
		left: calc(20% + 5px);
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-next {
		right: calc(20% + 5px);
	}

	.list-slaughter .item-slaughter {
		margin-bottom: 30px;
	}

	.list-slaughter .item-slaughter:nth-child(odd) .thumb-img,
	.list-slaughter .item-slaughter:nth-child(odd) .thumb-desc,
	.list-slaughter .item-slaughter:nth-child(even) .thumb-img,
	.list-slaughter .item-slaughter:nth-child(even) .thumb-desc {
		width: 100%;
	}

	.list-slaughter .item-slaughter:nth-child(odd) .thumb-desc,
	.list-slaughter .item-slaughter:nth-child(even) .thumb-desc {
		padding: 50px 30px;
	}

	.list-slaughter-thumb .scroll-slaughter-swiper p {
		font-size: 20px;
	}

	.list-flag-news {
		margin-top: 50px;
	}

	.list-flag-news .thumb-desc {
		padding: 20px;
	}

	.list-flag-news .thumb-desc .title {
		margin: 10px 0;
		padding: 0;
		font-size: 24px;
	}

	.list-flag-news .thumb-desc .more-btn {
		margin-top: 20px;
	}

	.list-news .item-news {
		width: calc((100% - 60px) / 3);
	}

	.list-news .item-news:not(:nth-child(3n)) {
		margin-right: 30px;
	}

	.show-news-container .news-detail,
	.show-news-container .news-area {
		width: 100%;
	}

	.show-news-container .news-area {
		margin-top: 50px;
	}

	.show-news-container .news-area .news-recent .news-list {
		display: flex;
		flex-wrap: wrap;
	}

	.show-news-container .news-area .news-recent .news-list .item {
		width: calc((100% - 30px) / 2);
	}

	.show-news-container .news-area .news-recent .news-list .item:not(:nth-child(2n)) {
		margin-right: 30px;
	}

	.section-jobs-list {
		margin-top: -50px;
		padding: 50px 30px;
	}

	.list-thumb-idea .item-idea {
		flex-wrap: wrap;
	}

	.list-thumb-idea .item-idea .thumb-img,
	.list-thumb-idea .item-idea .thumb-desc {
		width: 100%;
	}

	.list-thumb-idea .item-idea .thumb-img {
		min-height: auto;
	}

	.list-thumb-idea .item-idea .thumb-img img {
		display: block;
	}

	.list-thumb-idea .item-idea .thumb-desc {
		padding: 50px;
	}

	.flex-contact-map {
		margin-top: -50px;
	}

	.flex-contact-map .content {
		padding: 0 30px;
	}

	.flex-contact-map .content .title {
		margin-bottom: 20px;
	}
}

@media (max-width:576px) {
	.scroll-banner-swiper .banner-item .banner-item-text .title {
		font-size: 28px;
	}

	.scroll-banner-swiper .banner-item .banner-item-text .desc {
		display: none;
	}

	.scroll-banner-swiper .banner-item .banner-item-text .more span {
		padding: 5px 20px;
		margin-top: 10px;
	}

	.swiper-pagination-container {
		bottom: 10px;
	}

	.swiper-buttons-container .container::after{
		right: 45px;
		height: 12px ;
	}

	.swiper-buttons-container .swiper-button-prev,
	.swiper-buttons-container .swiper-button-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.swiper-buttons-container .swiper-button-prev::after,
	.swiper-buttons-container .swiper-button-next::after {
		font-size: 16px;
	}

	.static-banner .banner-title {
		font-size: 28px;
	}

	.index-about .about-desc .about-title,
	.index-about .about-desc .about-description {
		width: 100%;
	}
	
	.index-about .about-desc .about-description{
		margin-top: 30px ;
	}

	.topic-bg-title {
		font-size: 60px;
		line-height: 60px;
		overflow: hidden;
	}

	.topic-bg-title .name {
		font-size: 28px;
		line-height: 60px;
	}

	.section-padding {
		padding: 60px 0;
	}

	.index-about .about-thumbs-display {
		flex-wrap: wrap;
	}

	.index-about .about-thumbs-display .thumb-1,
	.index-about .about-thumbs-display .thumb-2,
	.index-about .about-thumbs-display .thumb-3 {
		width: 100%;
		margin-top: 0;
	}

	.index-about .about-thumbs-display .thumb-1,
	.index-about .about-thumbs-display .thumb-2 {
		margin-bottom: 20px;
	}

	.index-about .about-paragh .title {
		font-size: 28px;
	}

	.index-about .more-btn {
		margin-top: 30px;
	}

	.index-about .about-video {
		margin: 60px 0;
	}

	.showVideo .playBtn {
		width: 60px;
		height: 60px;
	}

	.index-about .about-scroll-data {
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.index-about .about-scroll-data .item-data {
		margin-bottom: 30px;
	}

	/* .index-about .about-scroll-data .item-data:last-child {
		margin-bottom: 0;
	} */

	.topic-bg-title .name {
		white-space: nowrap;
	}

	.index-layout .layout-grid .item-layout {
		width: 100%;
		margin-bottom: 20px;
	}

	.index-layout .layout-grid .item-layout:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.index-layout .layout-grid .item-layout .thumb-desc .cn-text {
		font-size: 20px;
	}

	.index-series {
		padding-top: 60px;
	}

	.index-news-list {
		flex-wrap: wrap;
	}

	.index-news-list .item-news,
	.index-news-list .item-news:first-of-type {
		background-color: var(--white);
		width: 100%;
		border: 0;
		padding: 30px;
	}

	.index-news-list .item-news:not(:last-child) {
		border-bottom: 1px solid #ececec;
	}

	.index-news-list .item-news .title {
		font-size: 20px;
	}

	.list-partners a {
		width: calc((100% - 30px) / 2);
		padding: 10px;
	}

	.list-partners a:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.list-partners a:not(:nth-child(2n)) {
		margin-right: 30px;
	}

	.flex-footer-nav .nav-item .item-title {
		font-size: 20px;
	}

	.flex-footer-nav .nav-item:first-of-type {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-page-paragh {
		margin-top: 0;
		padding: 30px;
		margin-bottom: 60px;
	}

	.about-page-paragh .title {
		font-size: 28px;
	}

	.about-thumb-paragh .thumb-paragh,
	.about-column-thumb .content {
		padding: 30px;
	}

	.about-thumb-paragh .thumb-paragh .title,
	.about-column-thumb .content .title {
		font-size: 28px;
	}

	.about-column-thumb {
		margin: 60px 0 30px;
	}

	.scroll-honor-swiper .list-honor .item {
		width: calc((100% - 20px) / 3);
		padding: 10px;
		margin-bottom: 20px;
	}

	.scroll-honor-swiper .list-honor .item:not(:nth-child(3n)) {
		margin-right: 10px;
	}

	.list-culture {
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.list-culture .item-culture {
		width: 100%;
		margin-bottom: 20px;
		padding: 30px 20px;
	}

	.list-culture .item-culture .title {
		font-size: 24px;
	}

	.culture-logo .thumb,
	.culture-logo .thumb-desc {
		width: 100%;
	}

	.culture-logo,
	.culture-logo .thumb img {
		border-radius: 0;
	}

	.culture-logo .thumb-desc {
		padding: 30px 15px;
	}

	.culture-logo .thumb-desc .title {
		font-size: 24px;
	}

	.culture-circle {
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 60px 0 30px;
	}

	.culture-circle .item-circle {
		margin-bottom: 30px;
	}

	.section-history {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.scroll-timeline-wrapper::before {
		display: none;
	}

	.scroll-timeline-wrapper .swiper-slide .item-history {
		width: 100%;
	}

	.scroll-timeline-wrapper .swiper-slide:nth-child(odd) .item-history,
	.scroll-timeline-wrapper .swiper-slide:nth-child(even) .item-history {
		padding-left: 0;
		padding-right: 0;
	}


	.scroll-timeline-wrapper .swiper-slide:nth-child(odd) .item-history .content,
	.scroll-timeline-wrapper .swiper-slide:nth-child(even) .item-history .content {
		padding: 0 30px;
	}

	.layout-index .item-layout {
		width: 100%;
	}

	.layout-index .item-layout:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.layout-index .item-layout .thumb-desc {
		padding: 30px;
	}

	.layout-index .item-layout .thumb-desc .title {
		font-size: 24px;
	}

	.section-page-desc {
		padding: 50px 0;
	}

	.section-list-feed .item-feed {
		margin-bottom: 50px;
	}

	.section-list-feed .item-feed .grid-thumb-desc .thumb-desc {
		padding: 50px 30px;
	}

	.section-list-feed .item-feed .grid-thumb-desc .thumb-desc .title {
		font-size: 24px;
	}

	.section-list-feed .item-feed .grid-thumb-list .item-thumb {
		width: calc((100% - 20px) / 2);
		margin-bottom: 20px;
	}

	.section-list-feed .item-feed .grid-thumb-list .item-thumb:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.section-list-feed .item-feed .grid-thumb-list .item-thumb:not(:nth-child(2n)) {
		margin-right: 20px;
	}

	.section-breeding .topic-title,
	.section-processing .topic-title {
		font-size: 24px;
	}

	.list-breeding-thumbs .item-breeding {
		width: 100%;
	}

	.list-breeding-thumbs .item-breeding:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.list-breedfont-siing-thumbs .item-breeding p,
	.list-breeding-show .scroll-breeding-swiper p {
		font-size: 16px;
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-prev,
	.list-breeding-show .scroll-breeding-swiper .swiper-button-next {
		margin-top: -60px;
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-prev::after,
	.list-breeding-show .scroll-breeding-swiper .swiper-button-next::after {
		font-size: 16px;
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-prev {
		left: calc(20% - 5px);
	}

	.list-breeding-show .scroll-breeding-swiper .swiper-button-next {
		right: calc(20% - 5px);
	}

	.list-slaughter .item-slaughter:nth-child(odd) .thumb-desc,
	.list-slaughter .item-slaughter:nth-child(even) .thumb-desc {
		padding: 30px;
	}

	.list-slaughter .item-slaughter .thumb-desc .title {
		font-size: 24px;
	}

	.list-slaughter-thumb .scroll-slaughter-swiper .swiper-buttons {
		padding: 10px;
		bottom: 40px ;
	}

	.list-slaughter-thumb .scroll-slaughter-swiper .swiper-button-prev,
	.list-slaughter-thumb .scroll-slaughter-swiper .swiper-button-next {
		width: 30px;
		height: 20px ;
	}

	.list-slaughter-thumb .scroll-slaughter-swiper .swiper-button-prev::after,
	.list-slaughter-thumb .scroll-slaughter-swiper .swiper-button-next::after {
		font-size: 16px;
	}
	
	.list-slaughter-thumb .scroll-slaughter-swiper p{
		font-size: 16px ;
		padding-top: 10px ;
	}
	
	.list-processing-thumbs .processing-thumbs .item{
		width: calc((100% - 10px) / 2);
		margin-bottom: 20px ;
	}
	
	.list-processing-thumbs .processing-thumbs .item:not(:nth-child(4n)){
		margin-right: 0 ;
	}
	
	.list-processing-thumbs .processing-thumbs .item:not(:nth-child(2n)){
		margin-right: 10px ;
	}
	
	.list-processing-thumbs .processing-thumbs .item .title{
		font-size: 16px ;
		padding: 10px 0 ;
	}
	
	.list-flag-news a{
		flex-wrap: wrap;
	}
	
	.list-flag-news .thumb-img, .list-flag-news .thumb-desc{
		width: 100% ;
	}
	
	.list-news .item-news{
		width: 100% ;
	}
	
	.list-news .item-news:not(:nth-child(3n)){
		margin-right: 0 ;
	}
	
	.show-news-container .news-detail .title{
		font-size: 20px ;
	}
	
	.show-news-container .news-area .news-recent .news-list .item{
		width: 100% ;
	}
	
	.show-news-container .news-area .news-recent .news-list .item:not(:nth-child(2n)){
		margin-right: 0 ;
	}
	
	.section-jobs-list{
		margin-top: -30px ;
		margin-bottom: 60px ;
		padding: 30px 15px ;
	}
	
	.grid-line-th .line-th{
		font-size: 16px ;
		line-height: 30px ;
		padding: 5px ;
	}
	
	.grid-line-tr:not(:last-child){
		margin-bottom: 20px ;
	}
	
	.grid-line-tr .item-row .row-th{
		line-height: 20px ;
		padding: 10px 5px ;
	}
	
	.grid-line-tr .item-desc{
		margin: 0 ;
	}
	
	.grid-line-tr.open .item-desc{
		padding: 30px 0 ;
	}
	
	.list-thumb-idea .item-idea .thumb-desc{
		padding: 30px ;
	}
	
	.list-thumb-idea .item-idea .thumb-desc .title{
		font-size: 24px ;
	}
	
	.flex-contact-map{
		margin-top: -30px ;
		margin-bottom: 60px ;
		flex-direction: column;
	}
	
	.flex-contact-map .thumb, .flex-contact-map .content{
		width: 100% ;
	}
	
	.flex-contact-map .content{
		padding:50px 30px ;
	}
	
	.flex-contact-map .content .title{
		font-size: 24px ;
	}
	
	.form-elements{
		margin-bottom: 60px ;
		padding: 50px 20px ;
	}
	
	.form-elements .form-title{
		font-size: 24px ;
		margin-bottom: 30px ;
	}
	
	.form-elements .form-line{
		flex-wrap: wrap;
	}
	
	.form-elements .form-line:last-child{
		margin-bottom: 0 ;
	}
	
	.form-elements .form-line input:not(:last-child){
		margin-right: 0 ;
		margin-bottom: 30px ;
	}

	footer {
		padding: 50px 0;
	}

	.gotoTop {
		right: 10px;
	}

}