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

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

@media (min-width:1600px) {

	.about-history {
		background-size: 100% 100%;
	}

	.about-history .section-padding {
		padding: 120px 0;
	}

	.about-history .about-topic-title {
		margin-bottom: 80px;
	}

	.about-history .scroll-history-swiper .item-history .desc {
		padding-bottom: 280px;
	}
}

@media (max-width:1024px) {

	* {

		-webkit-touch-callout: none;
		/*系统默认菜单被禁用*/

		-webkit-user-select: none;
		/*webkit浏览器*/

		-khtml-user-select: none;
		/*早期浏览器*/

		-moz-user-select: none;
		/*火狐*/

		-ms-user-select: none;
		/*IE10*/

		user-select: none;

	}

	img{
		pointer-events:none;
	}

	.container {
		width: 100%;
	}

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

	header .container {
		padding: 0;
	}

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

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

	.flex-header .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);
	}

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

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

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

	.open {
		background-color: var(--main);
	}

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

	.flex-nav {
		position: absolute;
		top: 100%;
		left: -100%;
		flex-direction: column;
		width: 100%;
		height: calc(100vh - 70px);
		background-color: var(--main);
		border-top: 1px solid var(--white);
		visibility: hidden;
		opacity: 0;
		transition: .5s;
	}

	.open .flex-nav {
		left: 0;
		visibility: visible;
		opacity: 1;
		z-index: 999;
	}

	.flex-nav li {
		display: block;
		width: 100%;
	}

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

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

	.flex-nav li.open a span.expand {
		transform: rotate(135deg);
	}

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

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

	.flex-nav .nav-top .nav-childs-ul a {
		padding: 10px 40px;
	}

	.flex-nav .nav-icon-search {
		padding-left: 30px;
		padding-right: 30px;
	}

	.flex-nav .nav-top.nav-icon-search a {
		display: none;
	}

	.flex-nav .nav-icon-search .search-form {
		position: initial;
		transform: rotateX(0deg);
		padding: 15px 0;
	}

	.flex-nav .nav-icon-search .search-form form input {
		width: calc(100% - 40px);
		height: 40px;
	}

	.flex-nav .nav-icon-search .search-form form button {
		width: 40px;
		height: 40px;
	}

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

	.scroll-banner-swiper .scroll-banner-tool {
		width: 100%;
		padding: 0 30px;
	}

	.solution-area .solution-msg {
		width: 30%;
	}

	.solution-area .solution-list {
		width: 70%;
	}

	.scroll-textCase-swiper .case-desc {
		padding: 30px 0;
	}

	.index-about-bg .about-desc {
		padding: 30px;
	}

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

	.solution-thumb-desc .item-thumb-desc .thumb-desc {
		padding: 50px 30px;
	}

	.show-case-container {
		flex-direction: column;
	}

	.show-case-container .case-thumb, .show-case-container .case-desc {
		width: 100%;
	}

	.show-case-container .case-desc {
		padding: 30px 50px;
	}

	.static-banner .banner-text .banner-desc {
		display: none;
	}

	.category-icon-tab {
		margin-top: -80px;
	}

	.custom-process .item-process:not(:last-child) {
		margin-right: 20px;
	}

	.custom-process .item-process .desc {
		min-height: 120px;
	}

	.custom-process .item-process .num {
		font-size: 30px;
	}

}

@media (max-width:992px) {
	.section-padding {
		padding: 50px 0;
	}

	.section-padding-large {
		padding: 80px 0;
	}

	.scroll-banner-swiper .banner-item .title,
	.scroll-banner-swiper .banner-item .subtitle {
		margin-bottom: 30px;
	}

	.scroll-banner-swiper .banner-item .title {
		font-size: 36px;
	}

	.index-product-list {
		padding: 50px 30px 0;
	}

	.flex-product .product-left {
		padding: 30px 50px;
	}

	.flex-product .product-right .item-right-product {
		padding: 20px 10px;
	}

	.solution-area .solution-list {
		padding-top: 50px;
	}

	.solution-area .solution-list .solution-list-item {
		margin-bottom: 50px;
	}

	.index-about-bg .about-desc {
		position: initial;
		width: 100%;
		margin-bottom: 10px;
	}

	.index-about-grid .about-grid-left,
	.index-about-grid .about-grid-right {
		width: 100%;
	}

	.index-about-grid {
		flex-direction: column;
	}

	.index-about-grid .about-grid-left {
		margin-bottom: 10px;
	}

	.index-about-grid .about-grid-right .item-data {
		margin-bottom: 10px;
		padding: 30px 0;
	}

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

	.index-news-list .news-thumb {
		margin-bottom: 30px;
	}

	.list-category-product .list-products .item-product {
		flex-direction: column;
		padding-bottom: 30px;
	}

	.list-category-product .list-products .item-product .thumb-img,
	.list-category-product .list-products .item-product .thumb-desc {
		width: 100%;
	}

	.section-padding-product {
		padding: 0;
	}

	.show-product .product-detail .params-table .item {
		width: 100%;
	}

	.show-product .product-detail .params-table .item:nth-child(2n) {
		border-left: 1px solid #ececec;
	}

	.show-product-features .features-table .features-list .features-tr .item {
		width: 30%;
	}

	.show-product-features .features-table .features-list .features-tr .nr {
		width: 70%;
	}

	.custom-process {
		flex-wrap: wrap;
		padding: 0 30px;
	}

	.custom-process .item-process {
		width: calc((100% - 90px) / 4);
		margin-bottom: 30px;
	}

	.custom-process .item-process:not(:last-child) {
		margin-right: 0;
	}

	.custom-process .item-process:not(:nth-child(4n)) {
		margin-right: 30px;
	}

	.about-scroll-num .item-data {
		width: 50%;
		margin-bottom: 30px;
	}

	.scroll-certificate-swiper .certificate-item {
		padding: 30px;
	}

	.about-contact .about-contact-map {
		flex-direction: column;
	}

	.about-contact .about-contact-map .contact-map, .about-contact .about-contact-map .contact-desc {
		width: 100%;
	}

	.about-contact .about-contact-map .contact-desc {
		padding: 30px 50px;
	}

	.about-contact .about-contact-department .item-department {
		width: 100%;
	}

	.about-contact .about-contact-department .item-department:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.service-learning .item-expand.open {
		background-color: var(--white);
	}

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

	.footer-wrapper .footer-nav dl {
		margin-bottom: 30px;
	}

	.footer-wrapper {
		padding: 60px 0 30px;
	}

}

@media (max-width:576px) {
	.flex-fixed-header {
		position: relative;
		background-color: var(--main);
	}

	.scroll-banner-swiper .banner-item .title {
		font-size: 24px;
		margin-bottom: 20px;
	}

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

	.scroll-banner-swiper .scroll-banner-tool {
		padding: 0;
		bottom: 5px;
	}

	.more-btn a {
		padding: 5px 20px;
		border-radius: 20px;
	}

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

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

	.index-product-list {
		padding: 30px 15px 0;
	}

	.flex-product {
		flex-direction: column;
	}

	.flex-product .product-left,
	.flex-product .product-right {
		width: 100%;
	}

	.flex-product .product-left {
		margin-right: 0;
	}

	.flex-product .product-msg .name {
		font-size: 18px;
	}

	.index-product-list .more-btn {
		padding-top: 30px;
	}

	.index-solution {
		padding: 50px 0;
	}

	.solution-area {
		flex-direction: column;
	}

	.solution-area .solution-msg {
		width: 100%;
		padding-right: 0;
		background: rgba(2, 0, 102, .8);
		padding: 30px 20px;
	}

	.solution-area .solution-msg .solution-desc {
		margin-top: 30px;
	}

	.solution-area .solution-list {
		width: 100%;
		margin-top: 30px;
	}

	.solution-area .solution-list .solution-list-item {
		width: 100%;
	}

	.index-case .case-list-left,
	.index-case .case-list-right {
		width: 100%;
	}

	.index-case .case-list-right {
		margin-top: 30px;
	}

	.index-about-grid .about-grid-right .item-data .count {
		font-size: 32px;
	}

	.index-news-list {
		margin-bottom: 30px;
	}

	.index-news-list .news-thumb .news-title,
	.index-news-list .news-list .topic span,
	.index-news-list .news-list .topic span.title {
		font-size: 16px;
	}

	.static-banner .banner-text .cn-title {
		font-size: 20px;
		letter-spacing: 0;
	}

	.static-banner .banner-text .en-title {
		font-size: 16px;
	}

	.list-category-product .product-name {
		font-size: 24px;
	}

	.list-category-product .list-products .item-product .thumb-desc {
		padding: 0 30px;
	}

	.list-category-product .list-products .item-product .thumb-desc .title {
		font-size: 20px;
	}

	.list-category-product .list-products .item-product .thumb-desc .standard {
		margin: 30px 0;
		flex-wrap: ;
	}

	.list-category-product .list-products .item-product .thumb-desc .standard .icon:not(:last-child) {
		margin-right: 10px;
	}

	.list-category-product .list-products .item-product .thumb-desc .standard .icon span {
		font-size: 14px;
		white-space: nowrap;
	}

	.section-padding-product {
		padding: 0;
	}

	.show-product {
		flex-wrap: wrap;
		padding: 30px 0;
	}

	.show-product .product-thumbs,
	.show-product .product-detail {
		width: 100%;
	}

	.show-product .product-detail .name {
		font-size: 24px;
	}

	.show-product .product-detail .params-table .item {
		width: 100%;
	}

	.show-product .product-detail .params-table .item:nth-child(2n) {
		border-left: 1px solid #ececec;
	}

	.show-product-features .topic-title {
		font-size: 24px;
		padding: 0;
	}

	.show-product-features .features-table .features-title {
		font-size: 24px;
		padding: 15px;
	}

	.show-product-features .content {
		padding: 30px 0 50px;
	}

	.show-product-features .features-table .features-list .features-tr {
		flex-wrap: nowrap;
	}

	.show-product-features .features-table .features-list .features-tr .item {
		width: 30%;
		font-size: 16px;
		padding: 15px 10px;
	}

	.show-product-features .features-table .features-list .features-tr .nr {
		width: 70%;
		padding: 0 0 0 20px;
	}

	.download-topic,
	.related-topic-title,
	.field-topic-title {
		font-size: 24px;
		margin-bottom: 30px;
		padding: 0;
	}

	.download-list a {
		font-size: 16px;
		padding: 15px;
	}

	.related-list-product {
		flex-direction: column;
	}

	.related-list-product .related-item {
		width: 100%;
		margin-bottom: 30px;
	}

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

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

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

	.field-list .field-item:not(:nth-child(2n)) {
		margin-right: 20px;
	}

	.field-list .field-item .title {
		font-size: 16px;
		margin-top: 10px;
	}

	.solution-list .solution-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.solution-list .solution-item .item-desc .title {
		font-size: 18px;
	}

	.category-solution-name {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0;
	}

	.category-solution-name a {
		width: 50%;
		font-size: 18px;
		text-align: center;
		border-bottom: 1px solid #ececec;
	}

	.category-solution-name a:not(:last-child) {
		margin-right: 0;
	}

	.show-solution-container {
		padding-bottom: 0;
	}

	.show-solution-container .title {
		font-size: 28px;
	}

	.solution-thumb-desc .item-thumb-desc .thumb-desc {
		padding: 30px 15px;
	}

	.solution-thumb-desc .item-thumb-desc .thumb-desc .topic {
		font-size: 24px;
	}

	.show-solution-related .related-list {
		padding: 50px 0;
	}

	.show-solution-related .related-title {
		font-size: 24px;
	}

	.show-solution-related .related-list .item {
		width: calc((100% - 20px) / 2);
		margin-bottom: 30px;
	}

	.show-solution-related .related-list .item:not(:last-child) {
		margin-right: 0;
	}

	.show-solution-related .related-list .item:not(:nth-child(2n)) {
		margin-right: 20px;
	}

	.case-list .item-case {
		width: 100%;
		margin-bottom: 30px;
	}

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

	.show-case-container .case-desc {
		padding: 30px;
	}

	.show-case-container .case-desc .title {
		font-size: 24px;
	}

	.category-icon-tab {
		margin-top: 0;
		padding: 20px 0;
	}

	.category-icon-tab a img {
		max-width: 30px;
	}

	.category-icon-tab a .title {
		font-size: 14px;
	}

	.custom-topic-title {
		font-size: 32px;
	}

	.custom-innovation {
		padding: 80px 0;
	}

	.custom-innovation .innovation {
		width: 100%;
	}

	.custom-innovation .innovation .innovation-desc {
		padding: 30px;
	}

	.custom-grid, .custom-grid.even {
		flex-direction: column;
	}

	.custom-grid .grid-thumb, .custom-grid .grid-desc {
		width: 100%;
	}

	.custom-grid .grid-desc {
		padding: 30px 15px 0;
	}

	.custom-process .item-process {
		width: calc((100% - 30px) / 2);
	}

	.custom-process .item-process:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.custom-process .item-process:not(:nth-child(2n)) {
		margin-right: 30px;
	}

	.custom-case .item-case {
		width: calc((100% - 20px) / 2);
	}

	.custom-case .item-case:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.custom-case .item-case:not(:nth-child(2n)) {
		margin-right: 20px;
	}

	.custom-case .item-case .thumb-title {
		font-size: 16px;
	}

	.custom-contact {
		flex-direction: column;
	}

	.custom-contact .contact-title, .custom-contact .contact-form {
		width: 100%;
	}

	.custom-contact .contact-form {
		margin-top: 30px;
	}

	.custom-contact .contact-form form {
		flex-direction: column;
	}

	.custom-contact .contact-form .form-line {
		width: 100%;
		flex-direction: column;
	}

	.custom-contact .contact-form .form-line:not(:last-child) {
		width: 100%;
	}

	.custom-contact .contact-form form input {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.custom-contact .contact-form form button {
		width: 100%;
	}

	.scroll-certificate-swiper .certificate-item {
		padding: 30px 15px;
	}

	.scroll-certificate-swiper .certificate-item p {
		font-size: 16px;
	}

	.about-topic-title {
		font-size: 32px;
	}

	.about-content .about-body {
		padding: 30px 0;
	}

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

	.about-scroll-num .item-data .count-desc {
		font-size: 16px;
	}

	.about-culture .item-culture {
		width: 100%;
		margin-bottom: 0;
	}

	.about-culture .item-culture:not(:last-child) {
		margin-right: 0;
	}

	.about-contact .about-contact-map .contact-desc,
	.about-contact .about-contact-department .item-department {
		padding: 30px 15px;
	}

	.show-news-container {
		padding: 50px 30px;
	}

	.show-news-container .show-news-title {
		font-size: 24px;
	}

	.show-news-container .show-news-content {
		padding: 0 0 30px;
	}

	.show-news-container .show-links {
		padding: 30px 0 0;
	}

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

	.service-grid {
		flex-direction: column;
	}

	.service-grid .item-policy:not(:last-child) {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.service-video-list .video-ul .item-video {
		width: calc((100% - 20px) / 2);
	}

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

	.service-video-list .video-ul .item-video:not(:nth-child(2n)) {
		margin-right: 20px;
	}

	.service-video-list .video-ul .item-video .thumb-title {
		font-size: 16px;
	}

	.service-download .service-pdf {
		margin-bottom: 0;
	}

	.service-download .service-pdf .item-pdf {
		width: 100%;
	}

	.service-download .service-pdf .item-pdf:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.footer-wrapper .footer-nav {
		justify-content: flex-start;
	}

	.footer-wrapper .footer-nav dl dt,
	.footer-wrapper .footer-nav dl dt a {
		font-size: 18px;
	}

	.footer-wrapper .footer-nav dl {
		width: 33.333333%;
	}

	.footer-wrapper .footer-nav dl.contact {
		width: 100%;
	}

	.footer-copy .footer-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-copy .copyright {
		margin-top: 20px;
		text-align: left;
	}
}