@media (max-width: 760px) {
	.index-wrap {
		background-color: #f5f5f5;
	}
	.index-wrap.ad {
		background: no-repeat 55% center;
		height: 180px;
		background-size: cover;
	}
	.index-title {
		font-size: 16px;
		margin-top: 32px;
	}
	.index-sub-title {
		font-size: 12px;
		margin: 8px auto 0;
	}
	.index-list {
		margin: 20px auto 35px;
	}
	.index-item {
		width: 100%;
		margin-bottom: 20px;
		background-color: #fff;
	}
	.index-item span {
		font-size: 14px;
		margin-top: 8px;
		padding-bottom: 15px;
	}
	.index-item:first-child {
		margin-left: 0;
	}
	.index-news-list {
		margin: 15px auto 0;
		display: none;
	}
	.index-news-item h1 {
		font-size: 16px;
	}
	.index-news-item {
		width: 100%;
		margin: 20px auto 0 !important;
		float: inherit;
	}
	.index-news-item ul {
		margin-top: 16px;
	}
	.index-news-item li {
		margin-top: 8px;
	}
	/* [i="banner"] .swiper-slide > a {
		height: 130px;
	} */
	[i="footer"] {
		padding-bottom: 0px;
		background: #252525;
	}
	[i="footer"] > .u-container {
		position: relative;
	}
	.footer--pc {
		display: none;
	}
	.footer-box {
		width: 100%;
		float: inherit;
		margin: 20px auto 0;
	}
	.footer-qrCode {
		position: absolute;
		right: 0px;
		top: 88px;
	}
	.copyright {
		height: auto;
		padding: 15px 0;
	}
	.copyright p {
		line-height: 25px;
	}
	.copyright p span {
		margin-top: 5px;
	}
	/* about.html */
	.sideBar {
		display: none;
	}
	.bread-crumb {
		height: 40px;
		line-height: 40px;
		display: none;
	}
	.bread-crumb span {
		font-size: 12px;
	}
	.bread-crumb .list {
		padding-left: 0px;
		white-space: nowrap;
	}
	.news-container {
		margin-top: 30px;
	}
	.cases-name {
		font-size: 22px;
	}
	.news-info {
		margin-top: 12px;
		font-size: 12px;
	}
	.news-link {
		margin: 25px 0 25px;
	}
	.news-link .pre,
	.news-link .next {
		float: inherit;
		width: 100%;
		font-size: 14px;
	}
	.news-link .pre {
		text-align: left;
	}
	.news-link .next {
		margin-top: 5px;
	}
	.related-title {
		font-size: 18px;
	}
	.related-list {
		margin-top: 0;
		width: 100%;
	}
	.related-item {
		width: 100%;
		margin-top: 8px;
	}
	.pagination {
		margin: 35px 0 45px;
	}
	.pagination .first,
	.pagination .end {
		display: none;
	}
	.cases-menu {
		transition: max-height 0.5s;
		max-height: 42px;
		overflow: hidden;
		margin-top: 0;
		width: 100%;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	.cases-menu.active {
		max-height: 1000px;
	}
	.cases-menu.active .cases-menu-title-icon2 {
		transform: rotate(180deg);
	}
	.cases-menu-title {
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		color: #333;
	}
	.cases-menu-title img {
		margin-top: 5px;
	}
	.cases-menu-title-icon {
		display: none;
	}
	.cases-menu-title .cases-menu-title-icon2 {
		display: inline-block;
		width: 20px;
		margin-top: 10px;
	}
	.cases-menu ul {
		margin-top: 16px;
		margin-bottom: 22px;
	}
	.cases-menu ul li {
		margin-top: 14px;
	}
	.cases-menu-contact {
		display: none;
	}
	.cases-list {
		width: 100%;
	}
	.cases-item {
		padding: 20px 0;
		height: auto;
	}
	.cases-item:first-child {
		height: auto;
	}
	.cases-item img {
		position: static;
		width: 100%;
		height: auto;
		/* width: 146px;
    height: 100px; */
	}
	.cases-item .title {
		line-height: 42px;
		font-size: 16px;
	}
	.cases-item .name,
	.cases-item .address,
	.cases-item .type,
	.cases-item .content {
		font-size: 14px;
	}
	.concat-one {
		width: 90%;
		margin: 0 auto;
	}
	#baiduMap {
		margin-top: 20px;
		width: 100% !important;
		overflow: hidden;
	}
	.concat-title {
		margin-top: 40px;
	}
	.concat-box {
		margin-top: 10px;
		margin-bottom: 32px;
	}
	.concat-mess .name {
		font-size: 18px;
	}
	.concat-mess .company {
		font-size: 16px;
	}
	.concat-all {
		width: 90%;
	}
	.concat-all-title {
		margin-top: 40px;
	}
	.concat-all-subtitle {
		margin-top: 15px;
	}
	.concat-all-screen {
		display: none;
	}
	.concat-list {
		width: 100%;
		margin-top: 10px;
	}
	.concat-item {
		width: 100%;
		height: auto;
		margin-top: 25px;
		padding: 0;
	}
	.concat-item .range {
		margin-top: 15px;
	}

	.download-container {
		margin-top: 30px;
	}
	.download-name {
		font-size: 16px;
	}
	.download-info {
		margin-top: 12px;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.download-link {
		margin: 25px 0 25px;
	}
	.download-link .pre,
	.download-link .next {
		float: inherit;
		width: 100%;
		font-size: 14px;
	}
	.download-link .pre {
		text-align: left;
	}
	.download-link .next {
		margin-top: 5px;
	}
	.related-title {
		font-size: 18px;
	}
	.related-list {
		margin-top: 0;
		width: 100%;
	}
	.related-item {
		width: 100%;
		margin-top: 8px;
	}
	.download-item {
		padding-left: 0;
		height: auto;
		position: relative;
		padding-bottom: 86px;
	}
	.download-img {
		position: inherit;
		width: 100%;
		height: auto;
	}
	.download-item-name {
		margin-top: 10px;
		font-size: 16px;
	}
	.download-desc {
		line-height: 24px;
		margin-top: 6px;
	}
	.download-item-info {
		display: flex;
		align-items: center;
	}
	.download-item-info .btn {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	.download-item-info img {
		margin-left: 10px !important;
		width: 16px;
	}
	.download-item-info .flag,
	.download-item-info .eyes,
	.download-item-info .time,
	.download-item-info .share {
		float: left;
		margin-top: -10px;
		display: flex;
		align-items: center;
	}

	.news-container {
		margin-top: 30px;
	}
	.news-name {
		font-size: 22px;
	}
	.news-info {
		margin-top: 12px;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.news-link {
		margin: 25px 0 25px;
	}
	.news-link .pre,
	.news-link .next {
		float: inherit;
		width: 100%;
		font-size: 14px;
	}
	.news-link .pre {
		text-align: left;
	}
	.news-link .next {
		margin-top: 5px;
	}

	.news-item {
		padding-left: 0;
		height: auto;
		position: relative;
		padding-bottom: 80px;
	}
	.news-img {
		position: inherit;
		width: 100%;
		height: auto;
	}
	.news-item-name {
		margin-top: 10px;
		font-size: 16px;
	}
	.news-desc {
		line-height: 24px;
		margin-top: 6px;
	}
	.news-item-info {
		display: block;
	}
	.news-item-info .btn {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	.news-item-info img {
		margin-left: 10px !important;
	}
	.news-item-info .flag,
	.news-item-info .eyes,
	.news-item-info .time,
	.news-item-info .share {
		float: left;
		margin-top: -10px;
	}
	.product-container {
		padding: 5% 0 0;
	}
	.product-image {
		width: 100%;
		margin: 0;
	}
	.pro-name {
		display: none;
	}
	#product-swiper-thumbs {
		display: none;
	}
	.product-mess {
		width: 100%;
	}
	.product-name {
		font-size: 18px;
		margin-top: 20px;
	}
	.product-description {
		font-size: 14px;
		margin-bottom: 10px;
		width: auto;
	}
	.product-props {
		display: block;
	}
	.product-props p {
		width: 100%;
	}
	.product-props,
	.product-link {
		position: static;
		padding: 10px 0;
	}
	.product-link img {
		width: 30%;
	}
	.product-content-title {
		padding-left: 20px;
	}
	.product-content-title p {
		font-size: 18px;
		width: 72px;
	}
	.product-content {
		padding: 20px 0 30px;
	}
	.product-content img {
		width: 100%;
	}
	.recommend-title {
		width: 100%;
		padding: 14px 0 0 15px;
	}
	.product-item {
		width: 50%;
		margin: 0;
		padding: 2%;
		display: block;
	}
	.product-item img {
		width: 100%;
		height: auto;
	}
	.product-item p {
		width: 100%;
		font-size: 14px;
		margin-top: 6px;
	}
	.product-menu__list {
		display: none;
	}
	.product-menu {
		margin-top: 0;
		margin-bottom: 20px;
		padding-right: 0;
		text-align: left;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		max-height: 50px;
		-webkit-transition: max-height 0.5s;
		transition: max-height 0.5s;
		overflow: hidden;
		width: 100%;
	}
	.product-menu.active {
		max-height: 1000px;
	}
	.product-menu.active .product-menu__title img {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.product-menu>ul {
		display: block;
		font-size: 12px;
		padding: 0 20px;
		/* float: left; */
	}
	.product-menu__title {
		display: flex !important;
		font-weight: bold;
		height: 50px;
		padding: 0 10px;
	}
	.product-menu__title img {
		width: 16px;
	}
	.product-menu>ul li {
		margin-right: 10px;
		line-height: 30px;
		float: none;
		font-size: 14px;
	}
	.product-menu>ul li:before {
		display: none;
		margin-top: 12px;
		margin-right: 2px;
		width: 8px;
		height: 4px;
	}
	.product-input-box {
		display: none;
		width: 100%;
		margin-top: 15px;
		float: none;
		position: relative;
		height: 32px;
		clear: both;
	}
	.product-input-box input {
		width: 100%;
	}
	.product-title {
		font-size: 28px;
		margin-top: 15px;
	}
	.product-sub-title {
		font-size: 16px;
		margin-top: 6px;
	}
	.img-wrap1 {
		height: auto;
	}
	.ver-title {
		font-size: 20px;
		margin-top: 36px;
	}
	.ver-title span {
		margin: 0 28px;
	}
	.ver-title span:first-child {
		border: none;
	}
	.ver-input-box {
		margin-top: 32px;
	}
	.ver-input-box input {
		width: 100%;
		height: 35px;
		font-size: 18px;
		padding-left: 20px;
	}
    .ver-input-box input::placeholder {
      font-size: 12px;
    }
	.ver-btn {
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	.ver-input-box img {
		width: 26px;
		right: 110px;
		top: 5px;
	}
	.ver-step {
		margin-top: 36px;
		margin-bottom: 46px;
		font-size: 12px;
		text-align: left;
	}
	.ver-step span {
		/* display: block; */
		margin-right: 4px;
	}
	.ver-step img {
		width: 14px;
	}
	.ver-step i {
		font-size: 28px;
	}
	.iNav {
		display: none;
	}
	[i="mobileHeader"] {
		display: block;
	}
	[i="header"] {
		display: none;
	}
	.solution-link .pre,
	.solution-link .next {
		width: 100%;
		float: none;
		text-align: left;
	}
	.product-list {
		margin-bottom: 20px;
	}
	.product-list--recommend .product-list__item p {
		width: 100%;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.product-list--recommend img {
		width: 100%;
	}
	#index-product-container {
		padding: 20px;
	}
}