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


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

}

@media (max-width:1200px) {
	.flex-header-nav {
		position: initial;
		transform: translate(0, 0);
	}
}

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

	.flex-header {
		justify-content: space-around;
	}

	.partners-list .partner-line a img {
		max-width: 180px;
		border-radius: 10px;
	}

	.swiper-banner-item .banner-text .copywriting .sub-title {
		padding: 15px 0;
	}

	/* About */
	.about-desc {
		padding: 30px 90px 50px;
	}

	.section-about-history {
		padding-top: 60px;
	}

	.about-circle-flex {
		flex-direction: column;
		padding-top: 0;
	}

	.about-circle-flex .circle-card {
		margin-top: 0 !important;
		width: 100% !important;
		height: auto !important;
		border-radius: 0;
		padding: 20px 10px;
	}

	.about-circle-flex .circle-card .card-nr {
		position: initial;
		transform: translate(0, 0);
	}

	.about-circle-flex .circle-card .card-nr .middle {
		font-size: 20px;
	}

	.about-bg-history .container {
		margin-top: 0;
	}

	.section-about-partner {
		padding: 60px 0;
	}
	
	/* News */
	.list-news .item-news .thumb-nr .nr-title{
		font-size: 20px;
	}
	
	.list-news .item-news .thumb-nr .nr-date{
		padding-bottom: 10px ;
	}
	
	.list-news .item-news .thumb-nr .nr-desc{
		margin: 10px 0;
	}

}

@media (max-width:992px) {
	header .container {
		padding-left: 0;
		padding-right: 0;
	}

	.flex-header {
		justify-content: space-between;
		padding: 0 15px;
	}

	.flex-header-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background-color: var(--white);
		flex-direction: column;
		justify-content: flex-start;
		border-top: 1px solid #dfdfdf;
		transition: .5s;
	}

	.open .flex-header-nav {
		height: calc(100vh - 70px);
	}

	.flex-header-nav .nav-top {
		width: 100%;
	}

	.flex-header-nav .nav-top a.link-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 15px;
	}

	.flex-header-nav .nav-top a.link-top:hover {
		color: var(--font-color);
	}

	.flex-header-nav .nav-top a.link-top:hover::after {
		width: 0;
	}

	.flex-header-nav .nav-top.open a.link-top:hover::after {
		width: calc(100% - 20px);
	}

	.flex-header-nav .nav-top a.link-top span.expand {
		display: inline-block;
		width: 12px;
		height: 12px;
		border: 1px solid var(--font-color);
		border-left: 0;
		border-bottom: 0;
		transform: rotate(45deg);
		transition: .5s;
	}

	.flex-header-nav .nav-top.open a.link-top span.expand {
		transform: translate(0, -2px) rotate(135deg);
	}

	.flex-header-nav .nav-top .nav-ul-child {
		position: initial;
		padding-top: 0;
		max-height: 0;
		overflow: hidden;
		transition: .5s;
	}

	.flex-header-nav .nav-top.open .nav-ul-child {
		max-height: 500px;
		visibility: visible;
		opacity: 1;
	}

	.flex-header-nav .nav-top .nav-ul-child a.link-child {
		display: block;
	}

	.flex-header-nav .nav-top-search {
		width: 100%;
		padding: 15px;
	}

	.flex-header-nav .nav-top-search form {
		display: flex;
		align-items: center;
	}

	.flex-header-nav .nav-top-search form input {
		width: calc(100% - 40px);
		height: 40px;
		padding: 0 10px;
		border: 1px solid #dcdcdc;
	}

	.flex-header-nav .nav-top-search form button {
		width: 40px;
		height: 40px;
		background: var(--main) url(../images/icon-search-white.png) no-repeat center center;
		background-size: 20px;
		border: 0;
	}

	.flex-search-bar {
		display: none;
	}

	.header-mobile-btn {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
	}

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

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

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

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

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

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

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

	.swiper-banner-item .banner-text .left-text {
		left: 30px;
	}

	.swiper-banner-item .banner-text .right-text {
		right: 30px;
	}

	.swiper-banner-item .banner-text .copywriting .main-title {
		font-size: 36px;
		line-height: 36px;
	}

	.swiper-banner-item .banner-text .copywriting .sub-title {
		padding: 20px 0;
	}

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

	.section-topic-title {
		font-size: 28px;
	}

	.index-business-tab .tab-show .tab-show-item {
		background-size: 50%;
		padding: 30px 50px;
	}

	.index-business-tab .tab-show .tab-show-item .item-ul {
		width: 60%;
		padding-right: 0;
	}

	.index-business-card .item-card {
		width: calc((100% - 60px) / 3);
		padding: 30px 30px;
		margin-bottom: 30px;
	}

	.index-business-card .item-card:not(:nth-child(3n)) {
		margin-right: 30px;
	}

	.index-process {
		padding: 30px;
	}

	.process-circle {
		width: 200px;
		height: 200px;
		padding: 30px 10px 0;
	}

	.partners-list .partner-line a img {
		max-width: 120px;
		border-radius: 10px;
	}

	.index-thumb-news,
	.index-ul-news {
		width: 100%;
	}

	.index-thumb-news {
		padding: 50px;
	}

	.index-ul-news {
		margin-top: 50px;
	}

	.swiper-banner-item .banner-text .copywriting .sub-title {
		display: none;
	}

	.swiper-banner-item .banner-text .copywriting .more {
		margin-top: 30px;
	}

	/* Footer */

	footer {
		padding: 30px 0;
	}

	.footer-wrapper .footer-nav,
	.footer-wrapper .footer-qrcode {
		width: 100%;
	}

	.footer-wrapper .footer-qrcode {
		justify-content: flex-start;
		padding-left: 0;
		margin-top: 30px;
	}

	.footer-wrapper .footer-qrcode .item-code:not(:last-child) {
		margin-right: 30px;
	}

	.footer-copyright {
		margin-top: 50px;
		padding-top: 30px;
	}

}

@media (max-width:576px) {
	.swiper-banner-item .banner-text .copywriting .main-title {
		font-size: 20px;
		line-height: 22px;
	}

	.swiper-banner-item .banner-text .copywriting .sub-title {
		display: none;
	}

	.swiper-banner-item .banner-text .copywriting .more a {
		font-size: 12px;
		margin-top: 10px;
		padding: 5px 20px;
	}

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

	.section-little-title {
		padding: 0 15px;
	}

	.index-business-tab,
	.index-business-card,
	.index-news {
		margin-top: 30px;
	}

	.index-business-tab .tab-name a:first-of-type {
		border-top-left-radius: 10px;
	}

	.index-business-tab .tab-name a:last-child {
		border-top-right-radius: 10px;
	}

	.index-business-tab .tab-show .tab-show-item {
		background-size: 0;
		padding: 30px 15px;
	}

	.index-business-tab .tab-show .tab-show-item .item-ul {
		width: 100%;
	}

	.index-business-card .item-card {
		width: 100%;
		margin-bottom: 20px;
	}

	.index-business-card .item-card:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.index-process {
		background-image: none;
		flex-direction: column;
		padding: 30px 0 0;
	}

	.process-circle {
		width: 100%;
		height: auto;
		border-radius: 10px;
		padding: 10px 0;
	}

	.process-circle:not(:last-child) {
		margin-bottom: 30px;
	}

	.partners-list .partner-line {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.partners-list .partner-line:not(:last-child) {
		margin-bottom: 0;
	}

	.partners-list .partner-line a {
		margin-bottom: 20px;
	}

	.partners-list .partner-line a:not(:last-child) {
		margin-right: 0;
	}

	.partners-list .partner-line a img {
		max-width: 100px;
	}

	.index-thumb-news {
		padding: 30px;
	}

	.index-ul-news .ul-news-li .news-title {
		flex-wrap: wrap;
	}

	.index-ul-news .ul-news-li .news-title .title {
		align-items: flex-start;
		font-size: 18px;
	}

	.index-ul-news .ul-news-li .news-title .title::before {
		margin-top: 10px;
	}

	.index-ul-news .ul-news-li .news-title .date {
		padding-left: 15px;
	}

	.index-ul-news .ul-news-li .news-desc {
		margin-top: 0;
		padding: 10px 15px 0;
	}

	.swiper-banner-item .banner-text .copywriting .more {
		margin-top: 0;
	}

	/* About */
	.about-desc {
		padding: 0 0 30px;
	}

	.section-about-history {
		padding-top: 50px;
	}

	.about-bg-history .container {
		margin-top: 30px;
		padding: 0 50px;
	}

	.scroll-history-swiper::before {
		display: none;
	}

	.scroll-history-swiper .swiper-slide:nth-child(even) .line-left::before {
		top: calc(100% - 15px);
	}

	.scroll-history-swiper .swiper-slide .history-nr {
		min-height: auto;
	}

	.scroll-history-swiper .swiper-slide:nth-child(even) .history-nr {
		justify-content: flex-start;
	}

	.about-bg-history .swiper-button-prev,
	.about-bg-history .swiper-button-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.about-bg-history .swiper-button-prev::after,
	.about-bg-history .swiper-button-next::after {
		font-size: 16px;
	}

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

	/* Honor */
	.section-honor {
		padding-bottom: 50px;
	}

	.list-honor {
		padding-top: 50px;
	}

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

	.list-honor .item-honor:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.list-honor .item-honor:not(:nth-child(2n)) {
		margin-right: 20px;
	}
	
	/* Yewu */
	.section-yewu,
	.section-yewu-advantage{
		padding: 50px 0;
	}
	
	.section-yewu .index-business-tab .tab-topic-title{
		font-size: 24px;
		padding-top: 30px;
	}
	
	.section-yewu .index-business-tab .tab-show .tab-show-item{
		padding: 30px ;
	}
	
	.section-yewu-advantage .index-business-card .item-card{
		width: 100%;
		padding: 20px 15px;
	}
	
	.section-yewu-advantage .index-business-card .item-card:not(:nth-child(4n)){
		margin-right: 0;
	}
	
	.scroll-anli-swiper{
		margin-top: 30px;
	}
	
	.scroll-anli-swiper .anli-wrapper{
		padding: 30px 15px;
	}
	
	.scroll-anli-swiper .swiper-slide{
		padding: 0 50px;
	}
	
	.scroll-anli-swiper .swiper-button-prev, .scroll-anli-swiper .swiper-button-next{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	
	.scroll-anli-swiper .swiper-button-prev::after, .scroll-anli-swiper .swiper-button-next::after{
		font-size: 16px;
	}
	
	/* Cooperate */
	
	.section-cooperate{
		padding: 50px 0;
	}
	
	.cooperate-list .cooperate-topic-title{
		font-size: 24px;
		padding-bottom: 30px;
	}
	
	.cooperate-list .cooperate-process{
		background: none;
		padding: 0 0 30px;
	}
	
	.cooperate-list .cooperate-process .process-card{
		width: 100%;
	}
	
	.cooperate-list .cooperate-process .process-card:not(:last-child){
		margin-bottom: 30px;
	}
	
	/* News */
	
	.section-news{
		padding: 50px 0;
	}
	
	.list-news .item-news .thumb-img, .list-news .item-news .thumb-nr{
		width: 100%;
	}
	
	.list-news .item-news{
		flex-direction: column;
		margin-bottom: 30px;
	}
	
	.list-news .item-news .thumb-nr .nr-title{
		font-size: 20px;
		margin-top: 10px;
	}
	
	.show-news .news-title{
		font-size: 24px;
	}
	
	.show-news .news-body{
		padding: 30px 15px;
	}
	
	.show-news .news-related .related-title{
		font-size: 24px;
		padding: 30px 0;
	}
	
	.show-news .news-related .related-list .item-related{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.show-news .news-related .related-list .item-related:not(:last-child){
		margin-right: 0;
	}
	
	/* Contact */
	.contact-way{
		padding: 0 15px;
	}
	
	.contact-way .contact-card-list{
		padding: 30px 10px;
	}
	
	.contact-way .contact-card-list .item-card{
		width: 100%;
	}
	
	.contact-way .contact-card-list .item-card:not(:last-child){
		margin-bottom: 30px;
		border: 0;
	}
	
	.contact-map{
		margin-top: 30px;
	}
	
	.contact-form{
		padding-top: 50px;
	}
	
	.contact-form .form-title{
		font-size: 24px;
		padding-bottom: 30px;
	}
	
	.contact-form .form-element .form-line{
		flex-direction: column;
	}
	
	.contact-form .form-element .form-line input:not(:last-child){
		margin-bottom: 30px;
		margin-right: 0;
	}

	/* Footer */

	.footer-wrapper .footer-nav {
		flex-direction: column;
		padding-right: 0;
	}

	.footer-wrapper .footer-nav dl:not(:last-child) {
		margin-bottom: 20px;
	}

	.footer-wrapper .footer-nav dt {
		margin-bottom: 10px;
	}

	.footer-copyright {
		margin-top: 30px;
	}
}