﻿@media all and (max-width:1680px) {
	.w1600 {
	width:94%
}
.contact-page .content ul li .text {
	padding:0 3%
}
.contact-page .content ul li .text .desc {
	line-height:24px
}
}@media all and (max-width:1540px) {
	header .head-nav .info {
	display:none !important
}
}@media all and (max-width:1480px) {
	.w1400 {
	width:94%
}
.home-service .process .right ul li {
	margin:0 10px
}
.home-service .process .btns a {
	width:150px;
	height:44px
}
.home-adv ul li .item h2 {
	font-size:120px;
	line-height:120px
}
.case-carousel .case-container .item .text .desc p {
	width:100% !important
}
.about-page .section2 ul>li .text,.about-page .section3 ul>li .text {
	padding:4%
}
}@media all and (max-width:1400px) {
	.font-36 {
	font-size:30px
}
.font-32 {
	font-size:28px
}
.font-20 {
	font-size:18px
}
.font-72 {
	font-size:56px
}
.font-48 {
	font-size:36px
}
.font-24 {
	font-size:20px
}
.font-20 {
	font-size:18px
}
.font-18 {
	font-size:16px
}
.font-16 {
	font-size:15px
}
.case-carousel .case-container .item .text {
	padding-top:3%;
	padding-right:3%
}
.home-service .content ul li .text .desc p {
	display:inline
}
.news-container ul li a .text .info {
	margin-top:6%
}
.product-filter ul li>div a {
	margin-right:24px
}
.case-page .case-info .text .case-logo {
	width:160px;
	height:80px
}
.case-page .case-info .text .desc {
	width:100% !important
}
.customize-page .section2 ul li .text {
	padding:4%
}
.customize-page .section2 ul li .text .desc {
	width:100% !important
}
.customize-page .section2 ul li .text h5 {
	display:none
}
.form-info form {
	width:100%
}
.question-page .section1 .content .text {
	width:760px;
	height:480px
}
footer .content ul li {
	margin-right:50px
}
}@media all and (max-width:1280px) {
	header .head-nav .logo .img img {
	max-height:50px
}
.home-service .process .right ul li {
	margin:0 4px
}
.home-service .process {
	flex-direction:column
}
.home-service .process .left {
	text-align:center;
	margin-bottom:24px
}
.home-adv ul li .item h2 {
	font-size:60px;
	line-height:60px;
	bottom:30px
}
.case-carousel .case-container .item .text .desc p {
	line-height:24px
}
.customize-page .section2 ul li .text {
	padding:3%
}
.customize-page .section2 ul li .text .desc {
	line-height:24px
}
.question-page .section1 .content .text {
	width:700px;
	height:420px
}
.question-page .section1 .content .text .zx {
	width:46%
}
footer .content ul li {
	margin-right:32px
}
}@media all and (max-width:1200px) {
	.home-service .content {
	flex-direction:column
}
.home-service .content .img-text {
	width:100%
}
.home-service .content .img-text img {
	position:relative;
	width:100%;
	display:block
}
.home-service .content ul {
	width:100%;
	display:flex
}
.home-service .content ul li {
	width:33.333%;
	padding-top:33.333%
}
.home-service .content ul li:last-child {
	position:relative;
	right:auto;
	bottom:auto
}
.product-filter ul li {
	flex-direction:column;
	margin-bottom:6px;
	border:1px #eee solid
}
.product-filter ul li h4 {
	padding-top:16px;
	padding-bottom:16px
}
.product-page .content .productu-info {
	width:100%;
	margin-left:0
}
.case-page .content {
	flex-direction:column
}
.case-page .content .case-info {
	width:100%
}
.case-page .related {
	width:100%
}
.case-page .case-info .atlas .thumb-item .atlas-thumb {
	width:80%
}
.culture-page .section4 .btns>div.button-prev {
	left:0;
	background:#f1f1f1;
	width:42px;
	height:42px
}
.culture-page .section4 .btns>div.button-next {
	right:0;
	background:#f1f1f1;
	width:42px;
	height:42px
}
footer .content ul li {
	margin-right:20px
}
footer .content ul li .pro-nav {
	width:230px
}
}@media all and (max-width:992px) {
	#container {
	padding-top:56px !important
}
header .head-nav .logo .img img {
	max-height:46px
}
header {
	padding:0 2% !important;
	position:fixed !important
}
header .head-nav {
	height:56px
}
header .head-nav .logo .img .a {
	display:none
}
header .head-nav .logo .img .b {
	display:block
}
.index-container {
	height:auto;
	width:100%
}
.index-container .swiper-slide {
	height:auto
}
.index-container .swiper-slide img {
	position:relative;
	display:block;
	width:100%
}
.home-search .content {
	flex-direction:column
}
.home-search .content form {
	width:100%;
	margin-top:24px;
	height:50px
}
.home-search .content form button {
	height:50px
}
.home-search .content form .add select {
	height:50px
}
.case-carousel .case-container .item {
	flex-direction:column-reverse
}
.case-carousel .case-container .item .img {
	width:100%
}
.case-carousel .case-container .item .text {
	width:100%;
	padding:2% 2% 4%
}
.case-carousel .btns {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.case-carousel .btns div {
	position:absolute;
	top:40%;
	width:50px;
	height:50px
}
.case-carousel .btns .case-button-prev {
	left:0
}
.case-carousel .btns .case-button-next {
	right:0
}
.news-container ul li a {
	flex-direction:column
}
.news-container ul li a .img {
	width:100%;
	padding-top:56%
}
.news-container ul li a .text {
	width:100%
}
.product-page .content .productu-info .introduce .series .pages {
	flex-direction:column;
	justify-content:flex-start !important
}
.product-page .content .productu-info .introduce .series .pages p {
	line-height:30px
}
.product-page .content .productu-info .nav-common li a {
	height:50px
}
.product-page .content .productu-info .company-info .text {
	position:relative;
	left:auto;
	top:auto;
	right:auto;
	bottom:auto;
	padding:4% 0 8%;
	background:#1c1f2a
}
.product-page .content .productu-info .company-info .text ul {
	margin-top:24px
}
.product-page .content .productu-info .company-info .text ul li h5 {
	font-size:14px
}
.position .content {
	height:50px;
	justify-content:flex-end !important
}
.case-page .case-info .atlas .thumb-item {
	padding:0 40px
}
.case-page .case-info .atlas .thumb-item .btns>div {
	width:40px;
	height:40px
}
.case-page .case-info .atlas .thumb-item .atlas-thumb {
	width:100%
}
.case-page .case-info .title {
	height:50px
}
.case-page .case-info .text {
	flex-direction:column
}
.case-page .case-info .text .case-logo {
	border-right:none
}
.customize-page .section2 ul li {
	flex-wrap:wrap;
	margin-bottom:20px
}
.customize-page .section2 ul li .img {
	width:100%
}
.customize-page .section2 ul li .text {
	width:100%
}
.customize-page .section2 ul li .text a {
	margin-top:16px
}
.question-page .section1 .content .text {
	position:relative;
	width:100%;
	height:300px
}
.question-page .section1 .content .text .zx {
	width:100%
}
.question-page .section2 .content {
	flex-wrap:wrap
}
.question-page .section2 .content .text {
	width:100%
}
.question-page .section2 .content .img {
	width:100%
}
.contact-page .content ul li {
	flex-wrap:wrap
}
.contact-page .content ul li .img {
	width:100%
}
.contact-page .content ul li .text {
	width:100%
}
.about-page .section1 .content .text {
	padding:4% 0 0
}
.about-page .section1 .adv ol {
	flex-wrap:wrap
}
.about-page .section1 .adv ol li {
	width:50%;
	margin:10px 0
}
.about-page .section2 ul>li,.about-page .section3 ul>li {
	flex-wrap:wrap;
	margin-bottom:16px
}
.about-page .section2 ul>li .img,.about-page .section3 ul>li .img {
	width:100%
}
.about-page .section2 ul>li .text,.about-page .section3 ul>li .text {
	width:100%
}
.about-page .section4 .content {
	flex-direction:column
}
.about-page .section4 .content img {
	max-width:100px;
	margin-bottom:16px
}
.about-page .section4 .content .text {
	text-align:center
}
.about-page .section4 .content .text a {
	margin:auto
}
.culture-page .section1 .text {
	padding:4% 0
}
.culture-page .section3 .text {
	padding:4%
}
footer .content {
	flex-direction:column
}
footer .content ul li p {
	line-height:30px
}
footer .code img {
	margin-top:24px
}
.product-page .content .productu-info .commission ul li {
	flex-direction:column;
	align-items:flex-start !important
}
.question-page .section2 .content .text .desc {
	width:100% !important
}
.question-page .section3 .more {
	height:50px
}
.font-72 {
	font-size:2.5rem;
	line-height:40px
}
.font-60 {
	font-size:2.5rem
}
.font-36 {
	font-size:1.5rem
}
.font-32 {
	font-size:1.375rem
}
.font-30 {
	font-size:1.25rem
}
.font-24 {
	font-size:1.25rem
}
.font-20 {
	font-size:1.125rem
}
.font-48 {
	font-size:2rem
}
.font-18 {
	font-size:1rem
}
.font-16 {
	font-size:.9375rem
}
.home-service .content .img-text img {
	position:relative;
	display:block;
	width:100%
}
.home-service .content .img-text .main-ser {
	position:relative;
	left:auto;
	top:auto;
	bottom:auto;
	width:100%;
	background:#1c1f2a;
	background-size:cover;
	padding:4%
}
.home-service .content .img-text .main-ser .text .desc {
	line-height:24px
}
.home-service .content .img-text .main-ser .btns {
	margin-top:20px
}
.home-service .content .img-text .main-ser .btns a {
	width:150px;
	height:42px
}
.customize-page .section3 ul {
	flex-wrap:wrap
}
.customize-page .section3 ul li {
	margin:10px 0
}
.home-search .content h2 {
	text-align:center
}
}@media all and (max-width:768px) {
	.home-service .process .right {
	padding-right:0
}
.home-service .process .right::before {
	content:none
}
.home-service .process .right ul li {
	flex-direction:column
}
.home-case ol li {
	flex-direction:column
}
.news-detail .news-detail-footer {
	flex-direction:column
}
.news-detail .news-detail-footer p {
	line-height:30px
}
}@media all and (max-width:576px) {
	.font-48 {
	font-size:24px
}
.font-24 {
	font-size:18px
}
.font-20 {
	font-size:16px
}
.font-72 {
	font-size:24px
}
.font-36 {
	font-size:1.25rem
}
.font-16 {
	font-size:14px
}
.home-search .content form {
	width:100%;
	margin-top:24px;
	flex-direction:column;
	min-height:224px
}
.home-search .content form .add {
	flex-wrap:wrap;
	width:100%
}
.home-search .content form .add select {
	width:100%;
	margin-bottom:10px
}
.home-search .content form button {
	width:100%;
	height:50px
}
.home-adv ul li .item .text {
	height:56px;
	line-height:56px
}
.home-adv ul li .item .text h2 {
	bottom:20px
}
}/*# sourceMappingURL=./style_devices.css.map */