.rel {
	position: relative
}

.abs {
	position: absolute
}

.fixed {
	position: fixed
}

.lineAniAfter:after {
	transition: transform .5s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform-origin: left
}

.flex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}

.flex-wrap {
	flex-flow: wrap
}

.flex-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.inline-block {
	display: inline-block
}

.block {
	display: block
}

.hide {
	display: none
}

.bold {
	font-weight: 700;
	font-family: "mb"
}

.txt-center {
	text-align: center
}

.txt-left {
	text-align: left
}

.txt-right {
	text-align: right
}

.before {
	opacity: 0;
	visibility: hidden
}

.after {
	opacity: 1;
	visibility: visible
}

.font {
	font-family: Arial
}

.txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.upper {
	text-transform: uppercase
}

.middle {
	vertical-align: middle
}

.background {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

@font-face {
	font-family: "icon";
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg')
}

@media screen and (min-width:1024px) {
	::-webkit-scrollbar {
		width: 5px;
		background-color: #f7f8f9
	}

	::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.header-wrapper:hover {
		background-color: #fff
	}

	.header-wrapper:hover .logo-box img {
		display: none
	}

	.header-wrapper:hover .logo-box img.on {
		display: block
	}

	.header-wrapper:hover .pc-nav-box li>a {
		color: #333
	}

	.header-wrapper:hover .pc-nav-box li:hover>a {
		color: #2389d0
	}

	.header-wrapper:hover .pc-nav-box li.on>a {
		color: #2389d0
	}

	.header-wrapper:hover .pc-nav-box li.on>a:after {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.header-wrapper:hover .other-box a {
		color: #161617
	}

	.header-wrapper:hover .other-box a:hover {
		color: #2389d0
	}

	.header-wrapper:hover .search {
		background-image: url(../image/search2.svg)
	}

	.header-wrapper:hover .user {
		background-image: url(../image/user2.svg)
	}

	.header-wrapper:hover .service {
		background-image: url(../image/service.svg)
	}

	.header-wrapper:hover .language .caption {
		background-image: url(../image/language2.svg)
	}

	.header-wrapper .language:hover .list {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease
	}

	.header-wrapper .language:hover .list:before {
		opacity: 1;
		visibility: visible
	}

	.header-wrapper .search:hover {
		background-image: url(../image/search2.svg)
	}

	.header-wrapper .user:hover {
		background-image: url(../image/user2.svg)
	}

	.goods-box .swiper-wrapper,
	.case-box .swiper-wrapper,
	.goods-box .swiper-container,
	.case-box .swiper-container {
		overflow: inherit
	}

	.goods-box .swiper-wrapper,
	.case-box .swiper-wrapper {
		flex-flow: wrap
	}

	.remo-wrapper .category-box a:hover .icon .init {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 0;
		visibility: hidden
	}

	.remo-wrapper .category-box a:hover .icon .on {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1;
		visibility: visible
	}

	.caseinfo-wrapper .box-2 .swiper-wrapper {
		justify-content: center
	}

	.page-nav-wrapper {
		position: relative;
		z-index: 10
	}

	.page-nav-wrapper:before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #edeeee;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0
	}

	.page-nav-wrapper .intruction-caption {
		display: none
	}

	.page-nav-wrapper .page-nav-box {
		position: relative;
		z-index: 1
	}

	.page-nav-wrapper .nav {
		font-size: 0;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: center
	}

	.page-nav-wrapper .nav>a {
		position: relative;
		display: inline-block;
		text-align: center;
		font-size: 18px;
		padding: 0 40px;
		line-height: 100px;
		min-width: 124px;
		font-weight: 700;
		font-family: "mb";
		transition: background .3s ease;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		-ms-transition: background .3s ease;
		-o-transition: background .3s ease
	}

	.page-nav-wrapper .nav>a.on,
	.page-nav-wrapper .nav>a:hover {
		color: #fff;
		background-color: #2389d0
	}

	.partner-box ul li:nth-child(3n) {
		margin-right: 0
	}

	.partner-box ul li:nth-child(-n+3) {
		margin-top: 0
	}

	.catalog-wrapper .list:not(.special) ul li:nth-child(4n) {
		margin-right: 0
	}

	.catalog-wrapper .list:not(.special) ul li:nth-child(-n+4) {
		margin-top: 0
	}

	.catalog-wrapper .list.special ul li:nth-child(3n) {
		margin-right: 0
	}

	.catalog-wrapper .list.special ul li:nth-child(-n+3) {
		margin-top: 0
	}

	.goodsinfo-wrapper {
		background: url(../image/downloadbg2.jpg) no-repeat right top;
		background-size: 50%;
		padding-bottom: 0 !important
	}

	.goodsinfo-wrapper.nobg {
		background: none
	}

	.goods-box li:hover>a,
	.goods-box .swiper-slide:hover>a {
		background-color: #fff;
		box-shadow: 0 0 30px 0 rgba(4, 18, 40, 0.07)
	}

	.goods-box li:hover .pic img,
	.goods-box .swiper-slide:hover .pic img {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05)
	}

	.goods-box li:hover .name,
	.goods-box .swiper-slide:hover .name {
		color: #2389d0
	}

	.goods-box li:hover .info,
	.goods-box .swiper-slide:hover .info {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}

	.goods-box li:hover .more,
	.goods-box .swiper-slide:hover .more {
		bottom: 0;
		opacity: 1;
		visibility: visible
	}

	.goods-box li:hover .btn-box,
	.goods-box .swiper-slide:hover .btn-box {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}

	.index-box-2 .main li:nth-child(-n+3) {
		margin-top: 0
	}

	.index-box-2 .main li:nth-child(3n) {
		margin-right: 0
	}

	.index-box-2 .main li:nth-child(1),
	.index-box-2 .main li:nth-child(6) {
		width: 49.3468%
	}

	.goodsinfo-wrapper .goods-box .swiper-pagination,
	.remo-wrapper .goods-box .swiper-pagination {
		display: block;
		left: 0;
		bottom: 0;
		font-size: 0;
		width: 100%
	}

	.goodsinfo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet,
	.remo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet {
		opacity: .2;
		background: #000;
		margin: 0 15px;
		width: 10px;
		height: 10px;
		border: none;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease
	}

	.goodsinfo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:focus,
	.remo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:focus,
	.goodsinfo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:active,
	.remo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:active,
	.goodsinfo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:link,
	.remo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet:link {
		outline: none
	}

	.goodsinfo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.remo-wrapper .goods-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #2389d0;
		opacity: 1
	}

	.case-wrapper ul li {
		display: none
	}

	.case-wrapper ul li:nth-child(-n+4) {
		display: block
	}

	.applicationInfo-wrapper .box-1 .box-container {
		width: 1100px !important
	}
}

@media screen and (max-width:1600px) {
	.box-container {
		width: 1366px
	}

	.pc-nav-box {
		margin: 0 120px
	}

	.index-banner-wrapper .title {
		font-size: 66px;
		line-height: 66px
	}

	.index-banner-wrapper .desc {
		font-size: 28px
	}

	.index-banner-wrapper li {
		font-size: 17px
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		width: 82px
	}

	.support-box .title {
		font-size: 36px
	}

	.support-box .index-btn {
		font-size: 20px
	}

	.footer-wrapper {
		padding: 90px 0 50px
	}

	.inquiry-wrapper .text {
		line-height: 60px;
		height: 60px
	}

	.inquiry-wrapper .caption {
		height: 62px;
		line-height: 60px
	}

	.page-title {
		font-size: 56px;
		line-height: 64px
	}

	.page-box {
		padding: 74px 0 110px
	}

	.inquiry-wrapper .title,
	.inquiry-wrapper .submit {
		font-size: 22px
	}

	.remo-wrapper .box-1 .info {
		padding-right: 100px
	}

	.page-box-2,
	.index-box {
		padding: 106px 0
	}

	.remo-wrapper .box-2 a>p,
	.remo-wrapper .box-3 .title,
	.goods-box .name,
	.case-box .name,
	.remo-wrapper .box-2 .title {
		font-size: 22px
	}

	.remo-wrapper .category-box .icon {
		width: 110px;
		height: 110px
	}

	.remo-wrapper .box-3 .icon {
		width: 110px
	}

	.remo-wrapper .detail-box {
		padding-right: 100px
	}

	.goods-box li>a,
	.goods-box .swiper-slide>a {
		padding: 40px 40px 78px
	}

	.goods-box .pic img {
		height: 100%
	}

	.case-box .pic img {
		height: 240px
	}

	.page-caption {
		font-size: 44px;
		line-height: 60px
	}

	.case-wrapper .case-box,
	.accessory-wrapper .goods-box {
		padding-top: 90px
	}

	.case-wrapper .case-box.on,
	.accessory-wrapper .goods-box.on {
		padding-bottom: 110px;
		margin-top: 110px
	}

	.caseinfo-wrapper .top .desc {
		font-size: 28px
	}

	.caseinfo-wrapper .top {
		margin-bottom: 50px
	}

	.caseinfo-wrapper .base-box .info {
		padding: 64px 100px 0 70px
	}

	.caseinfo-wrapper .base-box .author,
	.caseinfo-wrapper .base-box .content {
		font-size: 22px;
		line-height: 32px
	}

	.caseinfo-wrapper .param-box p {
		font-size: 22px;
		line-height: 30px
	}

	.caseinfo-wrapper .param-box ul {
		padding: 38px 0 28px
	}

	.caseinfo-wrapper .param-box .icon {
		width: 58px
	}

	.caseinfo-wrapper .caption {
		font-size: 32px
	}

	.caseinfo-wrapper .detail-box .item {
		margin-bottom: 110px
	}

	.caseinfo-wrapper .detail-box .pic {
		margin-left: 110px
	}

	.mt {
		margin-top: 110px
	}

	.online {
		width: 100px;
		height: 100px
	}

	.online img {
		width: 24px
	}

	.online p {
		font-size: 13px;
		margin-top: 2px
	}

	.goodsinfo-wrapper .download-box .item {
		height: 74px;
		line-height: 74px
	}

	.goodsinfo-wrapper .download-box .item>* {
		padding: 0 24px
	}

	.goodsinfo-wrapper .download-box .item .title {
		font-size: 16px
	}

	.goods-banner-wrapper h1 {
		font-size: 60px;
		line-height: 80px
	}

	.goods-banner-wrapper .desc {
		font-size: 16px;
		line-height: 30px
	}

	.goods-banner-wrapper .button-box a {
		line-height: 50px;
		font-size: 16px
	}

	.goods-banner-wrapper .button-box {
		margin-top: 60px
	}

	.page-nav-wrapper .nav>a {
		font-size: 17px;
		line-height: 80px;
		padding: 0 32px
	}

	.applicationInfo-wrapper .box-1 .title {
		font-size: 44px
	}

	.application-wrapper .box-1 .name {
		font-size: 44px
	}

	.application-wrapper .box-1 .info {
		padding: 64px 90px 0 70px
	}

	.application-wrapper .box-1 .desc {
		margin: 10px auto 45px;
		max-height: 120px;
		-webkit-line-clamp: 4
	}

	.application-wrapper .box-2 .icon {
		width: 110px
	}

	.application-wrapper .box-1 .pic img {
		height: 391px
	}

	.news-wrapper .first-news .info {
		padding: 0 80px 0 70px
	}

	.news-wrapper .title {
		font-size: 22px
	}

	.news-wrapper .first-news .title {
		margin: 6px auto 12px
	}

	.news-wrapper .first-news .desc {
		margin-bottom: 34px
	}

	.news-wrapper li .desc {
		margin-bottom: 20px
	}

	.news-wrapper li .title {
		margin-top: 0
	}

	.news-wrapper .icon {
		font-size: 15px
	}

	.newsinfo-wrapper .w1200 {
		margin-top: 90px
	}

	.partnerInfo-wrapper .box-1 .info {
		margin-left: calc((100% - 1366px) / 2);
		padding: 60px 70px
	}

	.partnerInfo-wrapper .box-2 .name {
		font-size: 22px;
		margin-top: 48px
	}

	.page-banner-wrapper .btn {
		margin-top: 60px
	}

	.catalog-wrapper .list.special .pic img {
		height: 320px
	}

	.catalog-wrapper .pic img {
		height: 418px
	}

	.catalog-wrapper .name {
		font-size: 22px
	}

	.catalog-wrapper ul li {
		margin-top: 54px
	}

	.drivers-wrapper td {
		padding: 20px 22px
	}

	.drivers-wrapper th {
		line-height: 60px
	}

	.rma-wrapper .download,
	.rma-wrapper .brief {
		font-size: 22px
	}

	.rma-wrapper .title {
		font-size: 28px
	}

	.compare-wrapper .pic img {
		height: 144px
	}

	.compare-wrapper .title,
	.compare-wrapper th {
		font-size: 22px
	}

	.compare-wrapper thead a {
		margin-bottom: 48px
	}

	.datasheet-wrapper td:first-child,
	.datasheet-wrapper td:first-child div {
		font-size: 22px
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(odd) .info {
		padding: 0 100px 0 calc((100% - 1366px) / 2)
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(even) .info {
		padding: 0 calc((100% - 1366px) / 2) 0 100px
	}

	.goodsinfo-wrapper .detail-box .item .page-caption {
		margin-bottom: 28px
	}

	.goodsinfo-wrapper .detail-box .box-container .page-caption {
		margin-bottom: 60px
	}

	.goods-banner-wrapper .button-box a {
		padding: 0 22px
	}

	.goods-banner-wrapper .content+.button-box {
		margin-top: 64px
	}

	.goods-banner-wrapper .content {
		font-size: 17px
	}

	.goods-wrapper .select-box .caption {
		line-height: 82px
	}

	.goods-wrapper .select-box {
		margin-top: -82px
	}

	.goods-wrapper .compare-box .name {
		font-size: 22px
	}

	.goods-wrapper .button {
		margin-left: 80px
	}

	.goods-wrapper .close i {
		width: 28px;
		height: 28px
	}

	.online {
		right: 30px
	}

	.about-wrapper .box-1 .content {
		font-size: 18px;
		line-height: 28px
	}

	.about-wrapper .box-2 .icon {
		width: 90px
	}

	.about-wrapper .box-2 .title {
		font-size: 26px;
		margin: 34px auto 12px
	}

	.about-wrapper .box-2 .desc {
		font-size: 17px
	}

	.about-wrapper .prev {
		left: -60px
	}

	.about-wrapper .next {
		right: -60px
	}

	.about-wrapper .box-3 .title {
		font-size: 22px;
		margin-bottom: 10px
	}

	.about-wrapper .box-3 .content {
		font-size: 15px
	}

	.about-wrapper .box-4 .info {
		padding: 70px 100px 0 80px
	}

	.about-wrapper .box-4 .content {
		font-size: 16px;
		line-height: 28px
	}

	.about-wrapper .box-5 .title {
		font-size: 22px;
		margin-top: 44px
	}

	.about-wrapper .box-5 .content {
		font-size: 15px
	}

	.index-box-4 ul .pic img {
		height: 186px
	}

	.index-box-4 .title {
		font-size: 18px;
		margin-bottom: 36px
	}

	.index-box-4 .button {
		font-size: 16px
	}

	.index-box-4 .icon {
		width: 60px;
		height: 60px;
		margin-top: -30px;
		margin-left: -30px
	}

	.index-box-4 .info {
		padding-bottom: 32px
	}

	.index-box-4 .name {
		font-size: 22px
	}

	.index-box-3 .num {
		font-size: 66px
	}

	.index-box-3 {
		padding: 120px 0 180px
	}

	.index-box-1 .info {
		padding: 70px 80px 0 100px
	}

	.index-box-1 .desc {
		margin-bottom: 40px
	}

	.index-box-1 .page-caption {
		margin-bottom: 24px
	}

	.index-btn,
	.button-group a {
		width: 160px;
		height: 50px;
		line-height: 46px
	}

	.index-btn:hover i:nth-child(1),
	.index-btn:hover i:nth-child(3) {
		width: 160px
	}

	.index-btn:hover i:last-child,
	.index-btn:hover i:nth-child(2) {
		height: 50px
	}

	.index-btn,
	.button-group a {
		font-size: 16px
	}

	.index-box-1 .cat-box .icon {
		width: 40px
	}

	.index-box-1 .cat-box a:hover,
	.index-box-1 .cat-box a.on {
		height: 116px
	}

	.index-box-1 .cat-box a,
	.index-box-1 .cat-box {
		height: 70px
	}

	.forgetpwd-wrapper .box-container {
		padding-top: 110px
	}

	.support-box .box-container {
		padding: 0
	}

	.index-box-2 .main .pic img {
		height: 309px
	}

	.index-box-1 .pic img {
		max-height: 63vh
	}

	.partner-box .pic img {
		height: 200px
	}

	.index-box-4 .video .pic {
		height: 402px
	}

	.goods-banner-wrapper .swiper-pagination {
		bottom: 5%
	}

	.about-wrapper .swiper-btn {
		width: 60px;
		height: 60px
	}

	.goodsinfo-wrapper .detail-box .page-caption,
	.applicationInfo-wrapper .box-1 .title {
		font-size: 32px;
		line-height: 40px
	}

	.catalog-wrapper .list ul li {
		margin-top: 56px
	}
}

@media screen and (max-width:1440px) {
	.box-container {
		width: 1200px
	}

	.pc-nav-box {
		margin: 0 100px
	}

	.index-banner-wrapper .title {
		font-size: 60px;
		line-height: 60px
	}

	.index-banner-wrapper .desc {
		font-size: 24px;
		line-height: 32px
	}

	.index-banner-wrapper li {
		font-size: 16px;
		line-height: 32px
	}

	.index-banner-wrapper li:before {
		top: 14px
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		width: 68px
	}

	.support-box .title {
		font-size: 32px
	}

	.support-box .index-btn,
	.index-btn,
	.button-group a {
		font-size: 17px
	}

	.footer-nav-box .navs {
		margin-top: 24px
	}

	.pc-nav-box ul {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.pc-nav-box ul li {
		margin-right: 0
	}

	.logo-box {
		width: 136px
	}

	.header-wrapper .box {
		height: 90px
	}

	.pc-nav-box li>a {
		line-height: 90px
	}

	.pc-nav-box .goods,
	.search-form {
		top: 90px
	}

	.page-banner-wrapper .info {
		padding-top: 90px
	}

	.header-wrapper .search {
		margin-right: 32px
	}

	.header-wrapper .search,
	.header-wrapper .user,
	.header-wrapper .language .caption,
	.header-wrapper .service {
		width: 26px;
		height: 26px
	}

	.support-box {
		padding: 80px 0
	}

	.index-btn,
	.button-group a {
		width: 162px;
		height: 50px;
		line-height: 46px
	}

	.index-btn:hover i:nth-child(1),
	.index-btn:hover i:nth-child(3) {
		width: 162px
	}

	.index-btn:hover i:last-child,
	.index-btn:hover i:nth-child(2) {
		height: 50px
	}

	.share a {
		width: 42px;
		height: 42px
	}

	.w1280 {
		width: 1180px
	}

	.inquiry-wrapper .text {
		line-height: 56px;
		height: 56px
	}

	.inquiry-wrapper .caption {
		height: 56px;
		line-height: 54px
	}

	.page-title {
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 40px
	}

	.page-box {
		padding: 64px 0 100px
	}

	.inquiry-wrapper .title,
	.inquiry-wrapper .submit {
		font-size: 18px
	}

	.inquiry-wrapper .submit {
		line-height: 56px;
		margin-top: 40px
	}

	.remo-wrapper .box-1 .info {
		padding-right: 80px
	}

	.page-box-2,
	.index-box {
		padding: 90px 0
	}

	.remo-wrapper .box-2 a>p,
	.remo-wrapper .box-3 .title,
	.goods-box .name,
	.case-box .name,
	.remo-wrapper .box-2 .title {
		font-size: 20px
	}

	.remo-wrapper .category-box .icon {
		width: 100px;
		height: 100px
	}

	.remo-wrapper .box-3 .icon {
		width: 100px
	}

	.remo-wrapper .detail-box {
		padding-right: 90px
	}

	.goods-box li>a,
	.goods-box .swiper-slide>a {
		padding: 36px 36px 64px
	}

	.goods-box .pic img {
		height: 100%
	}

	.case-box .pic img {
		height: 210px
	}

	.goods-box .desc {
		font-size: 15px
	}

	.goods-box .name {
		margin-top: 12px
	}

	.more {
		line-height: 46px
	}

	.case-box .icon {
		width: 40px;
		height: 40px;
		top: -20px
	}

	.case-box .info {
		padding: 24px 30px 30px 26px
	}

	.remo-wrapper .box-3 .desc,
	.content,
	.content div:not(.page-caption) {
		font-size: 15px
	}

	.goods-box li,
	.case-box li,
	.goods-box .swiper-slide,
	.case-box .swiper-slide {
		width: calc((100% - 45px) / 4);
		margin-top: 15px;
		margin-right: 15px
	}

	.page-caption {
		font-size: 40px;
		line-height: 56px
	}

	.case-wrapper .case-box,
	.accessory-wrapper .goods-box {
		padding-top: 80px
	}

	.case-wrapper .case-box.on,
	.accessory-wrapper .goods-box.on {
		padding-bottom: 100px;
		margin-top: 100px
	}

	.caseinfo-wrapper .top .desc {
		font-size: 24px;
		line-height: 32px
	}

	.caseinfo-wrapper .top {
		margin-bottom: 44px
	}

	.caseinfo-wrapper .base-box .info {
		padding: 58px 90px 0 60px
	}

	.caseinfo-wrapper .base-box .author,
	.caseinfo-wrapper .base-box .content {
		font-size: 20px;
		line-height: 30px
	}

	.caseinfo-wrapper .param-box p {
		font-size: 18px
	}

	.caseinfo-wrapper .param-box .icon {
		width: 52px
	}

	.caseinfo-wrapper .caption {
		font-size: 28px;
		line-height: 34px
	}

	.caseinfo-wrapper .detail-box .item {
		margin-bottom: 100px
	}

	.caseinfo-wrapper .detail-box .pic {
		margin-left: 100px
	}

	.mt {
		margin-top: 100px
	}

	.caseinfo-wrapper .content li {
		font-size: 15px
	}

	.caseinfo-wrapper .detail-box .content {
		margin-bottom: 40px
	}

	.caseinfo-wrapper .param-box {
		margin-bottom: 60px
	}

	.caseinfo-wrapper .top .brief {
		font-size: 17px
	}

	.caseinfo-wrapper .goods-box .pic img {
		height: 100%
	}

	.online {
		width: 96px;
		height: 96px
	}

	.online img {
		width: 22px
	}

	.goodsinfo-wrapper .download-box .item {
		height: 70px;
		line-height: 70px
	}

	.goodsinfo-wrapper .download-box .item>* {
		padding: 0 22px
	}

	.goodsinfo-wrapper .case-box .pic img {
		height: 271px
	}

	.goods-banner-wrapper h1 {
		font-size: 52px;
		line-height: 70px
	}

	.goods-banner-wrapper .desc {
		font-size: 16px;
		line-height: 30px
	}

	.goods-banner-wrapper .button-box a {
		line-height: 46px;
		font-size: 14px;
		margin-right: 15px
	}

	.goods-banner-wrapper .button-box {
		margin-top: 50px
	}

	.goods-banner-wrapper {
		padding-top: 0
	}

	.page-nav-wrapper .nav>a {
		font-size: 16px;
		line-height: 76px;
		padding: 0 30px
	}

	.applicationInfo-wrapper .box-1 .title {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 14px
	}

	.applicationInfo-wrapper .box-1 .desc,
	.applicationInfo-wrapper .box-1 .desc li {
		font-size: 17px
	}

	.applicationInfo-wrapper .box-1 .desc {
		line-height: 26px
	}

	.applicationInfo-wrapper .box-1 .desc li:before {
		top: 10px
	}

	.page-banner-wrapper .desc {
		font-size: 17px;
		margin-top: 14px
	}

	.application-wrapper .box-1 .name {
		font-size: 40px;
		line-height: 48px
	}

	.application-wrapper .box-1 .info {
		padding: 60px 76px 0 60px
	}

	.application-wrapper .box-1 .desc {
		margin: 16px auto 36px;
		max-height: 104px;
		line-height: 26px;
		font-size: 16px
	}

	.application-wrapper .box-2 .icon {
		width: 100px
	}

	.application-wrapper .box-1 .pic img {
		height: 390px
	}

	.btn {
		width: 140px;
		line-height: 46px;
		font-size: 16px
	}

	.application-wrapper .box-2 .name {
		font-size: 22px
	}

	.page-banner-wrapper .desc {
		width: 600px
	}

	.news-wrapper .first-news .info {
		padding: 0 70px
	}

	.news-wrapper .title {
		font-size: 20px
	}

	.news-wrapper .first-news .desc {
		margin-bottom: 24px
	}

	.news-wrapper li .desc {
		margin-bottom: 16px
	}

	.news-wrapper li .title {
		margin-bottom: 8px
	}

	.news-wrapper .date {
		font-size: 16px
	}

	.news-wrapper .desc {
		-webkit-line-clamp: 3;
		height: 72px;
		font-size: 15px
	}

	.pageNum a {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 16px
	}

	.pageNum {
		margin-top: 60px
	}

	.newsinfo-wrapper .name {
		font-size: 32px
	}

	.partner-box .info {
		padding-left: 24px;
		padding-right: 24px
	}

	.relative-btn-box a {
		width: 98px;
		height: 50px;
		line-height: 50px
	}

	.relative-btn-box a.btn:hover {
		width: 170px
	}

	.newsinfo-wrapper .w1200 {
		margin-top: 80px
	}

	.btn-box a {
		line-height: 46px;
		font-size: 14px
	}

	.partnerList-wrapper .item {
		margin-bottom: 60px
	}

	.partnerInfo-wrapper .box-1 .info {
		margin-left: calc((100% - 1200px) / 2);
		padding: 54px
	}

	.partnerInfo-wrapper .box-2 .name {
		font-size: 20px;
		margin-top: 34px;
		margin-bottom: 10px
	}

	.partnerInfo-wrapper .icon {
		width: 54px
	}

	.partnerInfo-wrapper .page-title {
		margin-bottom: 50px
	}

	.page-banner-wrapper .btn {
		margin-top: 40px
	}

	.catalog-wrapper .list.special .pic img {
		height: 282px
	}

	.catalog-wrapper .pic img {
		height: 367px
	}

	.catalog-wrapper .name {
		font-size: 20px;
		line-height: 26px;
		height: 52px
	}

	.catalog-wrapper ul li {
		margin-top: 48px
	}

	.drivers-wrapper th,
	.drivers-wrapper td:first-child {
		font-size: 16px
	}

	.rma-wrapper .download,
	.rma-wrapper .brief {
		font-size: 20px
	}

	.rma-wrapper .title {
		font-size: 26px;
		padding: 28px 70px 28px 0
	}

	.rma-wrapper .download {
		line-height: 48px
	}

	.compare-wrapper .pic img {
		height: 120px
	}

	.compare-wrapper .icon {
		width: 22px;
		height: 22px;
		background-size: 10px
	}

	.compare-wrapper .title,
	.compare-wrapper th {
		font-size: 20px
	}

	.datasheet-wrapper td {
		padding-left: 24px;
		padding-right: 24px
	}

	.datasheet-wrapper td:first-child,
	.datasheet-wrapper td:first-child div {
		font-size: 20px
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(odd) .info {
		padding: 0 80px
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(even) .info {
		padding: 0 80px
	}

	.goodsinfo-wrapper .detail-box .item .page-caption {
		margin-bottom: 20px
	}

	.goodsinfo-wrapper .detail-box .desc {
		font-size: 16px;
		line-height: 26px
	}

	.goodsinfo-wrapper .detail-box .box-container .page-caption {
		margin-bottom: 50px
	}

	.goods-banner-wrapper .content+.button-box {
		margin-top: 50px
	}

	.goods-banner-wrapper .content {
		font-size: 16px;
		line-height: 28px
	}

	.goods-wrapper .select-box .caption {
		line-height: 76px
	}

	.goods-wrapper .select-box {
		margin-top: -76px
	}

	.goods-wrapper .compare-box .name {
		font-size: 20px
	}

	.goods-wrapper .button {
		margin-left: 70px
	}

	.goods-wrapper .close i {
		width: 26px;
		height: 26px
	}

	.online {
		right: 20px
	}

	.goods-wrapper .compare-box .center a:not(.button) {
		font-size: 16px;
		margin-right: 50px
	}

	.goods-wrapper .compare-box .center a:not(.button):before {
		width: 22px;
		height: 22px;
		background-size: 10px;
		margin-right: 15px
	}

	.goods-wrapper .compare-box .box-container {
		height: 90px
	}

	.about-wrapper .box-1 .content {
		font-size: 16px;
		line-height: 24px
	}

	.about-wrapper .box-2 .icon {
		width: 80px
	}

	.about-wrapper .box-2 .title {
		font-size: 22px;
		margin: 24px auto 4px
	}

	.about-wrapper .box-2 .desc {
		font-size: 14px
	}

	.about-wrapper .swiper-btn {
		width: 54px;
		height: 54px
	}

	.about-wrapper .box-3 .title {
		font-size: 20px;
		margin-bottom: 10px
	}

	.about-wrapper .box-3 .content {
		font-size: 14px
	}

	.about-wrapper .box-4 .info {
		padding: 50px 70px 0 70px
	}

	.about-wrapper .box-4 .content {
		font-size: 16px;
		line-height: 28px
	}

	.about-wrapper .box-5 .title {
		font-size: 20px;
		margin-top: 34px
	}

	.about-wrapper .box-5 .content {
		font-size: 14px
	}

	.about-wrapper .box-5 .icon {
		width: 50px
	}

	.index-box-4 .title {
		margin-top: 6px;
		font-size: 16px
	}

	.index-box-4 ul .pic img {
		height: 162px
	}

	.index-box-4 .title {
		font-size: 16px;
		margin-bottom: 24px
	}

	.index-box-4 .button {
		font-size: 14px
	}

	.index-box-4 .icon {
		width: 54px;
		height: 54px;
		margin-top: -27px;
		margin-left: -27px
	}

	.index-box-4 .info {
		padding-bottom: 24px
	}

	.index-box-4 .name {
		font-size: 20px
	}

	.index-box-3 .num {
		font-size: 60px;
		height: 50px;
		line-height: 50px
	}

	.index-box-3 {
		padding: 100px 0 140px
	}

	.index-box-1 .info {
		padding: 64px 70px 0 90px
	}

	.index-box-1 .desc {
		margin-bottom: 30px;
		margin-top: 24px;
		font-size: 16px;
		line-height: 26px
	}

	.index-box-1 .page-caption {
		margin-bottom: 16px
	}

	.index-box-1 .cat-box p {
		font-size: 16px
	}

	.index-btn,
	.button-group a {
		width: 160px;
		height: 50px;
		line-height: 46px
	}

	.index-btn:hover i:nth-child(1),
	.index-btn:hover i:nth-child(3) {
		width: 160px
	}

	.index-btn:hover i:last-child,
	.index-btn:hover i:nth-child(2) {
		height: 50px
	}

	.index-btn {
		font-size: 16px
	}

	.index-box-1 .cat-box .icon {
		width: 40px
	}

	.index-box-1 .cat-box a:hover,
	.index-box-1 .cat-box a.on {
		height: 116px
	}

	.index-box-1 .cat-box a,
	.index-box-1 .cat-box {
		height: 70px
	}

	.index-box-3 .top {
		margin-bottom: 70px
	}

	.modal-box h3 {
		font-size: 32px
	}

	.modal-box {
		padding-bottom: 60px
	}

	.index-box-2 .main .pic img {
		height: 272px
	}

	.index-box-2 .name {
		font-size: 22px;
		padding-bottom: 16px
	}

	.support-box a {
		font-size: 20px
	}

	.support-box a img {
		width: 42px;
		margin-right: 6px
	}

	.footer-wrapper .right {
		max-width: 600px
	}

	.footer-nav-box a {
		font-size: 16px
	}

	.footer-wrapper .tel {
		margin-top: 26px
	}

	.partner-box .pic img {
		height: 176px
	}

	.index-box-4 .video .pic {
		height: 352px
	}

	.goods-banner-wrapper .box-container {
		padding-bottom: 50px
	}

	.goodsinfo-wrapper .detail-box .page-caption,
	.applicationInfo-wrapper .box-1 .title {
		font-size: 28px;
		line-height: 40px
	}

	.catalog-wrapper .list ul li {
		margin-top: 50px
	}

	.index-box-3 i {
		width: 16px;
		height: 16px
	}

	.pc-nav-box .goods .item>a {
		font-size: 15px
	}

	.pc-nav-box .goods .nav a {
		font-size: 12px
	}

	.pc-nav-box .goods .item {
		width: 16%;
		margin-right: .8%
	}
}

@media screen and (max-width:1366px) {
	.pc-nav-box {
		margin: 0 90px
	}

	.index-banner-wrapper .title {
		font-size: 56px;
		line-height: 56px
	}

	.index-banner-wrapper .desc {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px
	}

	.index-banner-wrapper li {
		font-size: 14px;
		line-height: 30px
	}

	.index-banner-wrapper li:before {
		top: 13px
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		width: 64px;
		margin-right: 24px
	}

	.support-box .title {
		font-size: 28px
	}

	.header-wrapper .box {
		height: 84px
	}

	.pc-nav-box li>a {
		line-height: 84px
	}

	.pc-nav-box .goods,
	.search-form {
		top: 84px
	}

	.page-banner-wrapper .info {
		padding-top: 84px
	}

	.page-title {
		font-size: 46px;
		line-height: 54px;
		margin-bottom: 36px
	}

	.inquiry-wrapper .title {
		margin-bottom: 12px
	}

	.inquiry-wrapper .submit {
		line-height: 52px
	}

	.page-caption {
		font-size: 36px;
		line-height: 48px
	}

	.case-wrapper .case-box.on,
	.accessory-wrapper .goods-box.on {
		padding-bottom: 90px;
		margin-top: 90px
	}

	.caseinfo-wrapper .tag {
		font-size: 100px
	}

	.caseinfo-wrapper .top .desc {
		font-size: 22px
	}

	.caseinfo-wrapper .param-box .icon {
		width: 52px
	}

	.caseinfo-wrapper .param-box p {
		font-size: 17px
	}

	.caseinfo-wrapper .detail-box .item {
		margin-bottom: 90px
	}

	.caseinfo-wrapper .detail-box .pic {
		margin-left: 90px
	}

	.mt {
		margin-top: 90px
	}

	.goods-banner-wrapper .desc {
		font-size: 16px;
		line-height: 30px
	}

	.page-nav-wrapper .nav>a {
		line-height: 74px;
		padding: 0 28px
	}

	.application-wrapper .box-1 .name {
		font-size: 36px;
		line-height: 42px
	}

	.application-wrapper .box-2 .name {
		font-size: 20px
	}

	.application-wrapper .box-2 .name {
		margin-top: 24px
	}

	.forgetpwd-wrapper .box-container {
		padding-top: 80px
	}

	.index-box-2 .name {
		font-size: 20px
	}

	.goodsinfo-wrapper .detail-box .page-caption,
	.applicationInfo-wrapper .box-1 .title {
		font-size: 24px;
		line-height: 36px
	}
}

@media screen and (max-width:1280px) {
	.pc-nav-box {
		margin: 0 50px
	}

	.page-title {
		font-size: 40px;
		line-height: 60px
	}

	.page-banner-wrapper .info-2 .desc {
		font-size: 13px
	}

	.page-banner-wrapper .desc {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px
	}

	.page-banner-wrapper .btn {
		margin-top: 30px
	}

	.goods-banner-wrapper h1 {
		font-size: 42px;
		line-height: 60px
	}
}

@media screen and (max-width:1004px) {
	.goods-banner-wrapper {
		height: 100%
	}

	.box-container,
	.w1200,
	.w1280 {
		width: 100%;
		padding: 0 15px
	}

	.hidden-xs {
		display: none
	}

	.hidden-pc {
		display: block
	}

	.nav-icon {
		font-size: 0;
		width: 26px;
		height: 26px;
		position: relative;
		margin-left: 20px
	}

	.nav-icon.on span:nth-child(1) {
		transform: rotate(45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(.215, .61, .355, 1), transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms, -webkit-transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms
	}

	.nav-icon.on span:nth-child(2) {
		opacity: 0
	}

	.nav-icon.on span:nth-child(3) {
		transform: rotate(-45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(.215, .61, .355, 1), transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms, -webkit-transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms
	}

	.nav-icon span {
		display: inline-block;
		width: 100%;
		height: 2px;
		background: #161617;
		position: absolute;
		left: 0;
		top: 12px;
		z-index: 10;
		transform-origin: center center;
		transition: margin 140ms cubic-bezier(.25, .46, .45, .94) 230ms, transform 280ms cubic-bezier(.215, .61, .355, 1) 0ms, -webkit-transform 280ms cubic-bezier(.215, .61, .355, 1) 0ms
	}

	.nav-icon span:nth-child(1) {
		margin-top: -6px
	}

	.nav-icon span:nth-child(2) {
		margin-top: 0
	}

	.nav-icon span:nth-child(3) {
		margin-top: 6px
	}

	.phone-nav {
		width: 100%;
		height: calc(100% - 60px);
		position: fixed;
		right: 0;
		top: 60px;
		background: #fff;
		z-index: 501;
		overflow: auto;
		border-top: 1px solid #f3f3f3
	}

	.phone-nav ul {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		transition: max-height .8s ease;
		-webkit-transition: max-height .8s ease;
		-moz-transition: max-height .8s ease;
		-ms-transition: max-height .8s ease;
		-o-transition: max-height .8s ease
	}

	.phone-nav ul::-webkit-scrollbar {
		width: 4px
	}

	.phone-nav ul::-webkit-scrollbar-track {
		background-color: #eaeaea
	}

	.phone-nav ul::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.phone-nav ul li {
		position: relative
	}

	.phone-nav ul li.active>a {
		font-weight: 700;
		font-family: "mb";
		color: #2389d0
	}

	.phone-nav ul li.active>.nav_top_box>.top_nav:before {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg)
	}

	.phone-nav ul li>.nav_top_box>a {
		position: relative;
		display: block;
		font-size: 15px;
		color: #333;
		line-height: 48px;
		padding: 0 15px;
		border-bottom: 1px solid #f3f3f3;
		text-transform: capitalize
	}

	.phone-nav ul li>.nav_top_box>a:last-child:before,
	.phone-nav ul li>.nav_top_box>a:last-child:after {
		content: "";
		display: inline-block;
		background: #2389d0;
		position: absolute;
		z-index: 10
	}

	.phone-nav ul li>.nav_top_box>a:last-child:before {
		width: 3px;
		height: 13px;
		right: 20px;
		top: 18px;
		transition: transform .3s ease;
		-webkit-transition: transform .3s ease;
		-moz-transition: transform .3s ease;
		-ms-transition: transform .3s ease;
		-o-transition: transform .3s ease
	}

	.phone-nav ul li>.nav_top_box>a:last-child:after {
		width: 13px;
		height: 3px;
		right: 15px;
		top: 23px
	}

	.phone-nav ul li.on>a {
		font-weight: 700;
		font-family: "mb";
		color: #2389d0
	}

	.phone-nav ul li .navs {
		background: #f9f9f9;
		width: 100%;
		display: none
	}

	.phone-nav ul li .navs>.nav_s_box>a {
		font-size: 14px;
		display: block;
		color: #666;
		padding-left: 0;
		line-height: 50px;
		padding: 0 15px;
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .navs>.nav_s_box>a:last-child {
		margin-bottom: 0;
		border-bottom: none
	}

	.phone-nav .goods .navs {
		display: block
	}

	.phone-nav .cate {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}

	.phone-nav .cate.on:after {
		transform: rotateX(180deg)
	}

	.phone-nav .cate:after {
		content: "";
		width: 15px;
		height: 100%;
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 10;
		background-image: url(../image/down3.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center
	}

	.phone-nav .nav {
		padding: 10px 0;
		display: none;
		border-bottom: 1px solid #eee
	}

	.phone-nav .nav a {
		display: block;
		font-size: 14px;
		color: #888;
		line-height: 24px;
		margin-bottom: 6px;
		padding: 0 20px
	}

	.phone-nav .nav a:last-child {
		margin-bottom: 0
	}

	.pic img.pc {
		display: none
	}

	.pic img.phone {
		display: block
	}

	.p_h {
		height: 60px
	}

	.header-wrapper {
		padding: 0 15px;
		background-color: #fff
	}

	.header-wrapper .box {
		height: 60px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.header-wrapper .search {
		width: 16px;
		height: 16px;
		margin-right: 16px;
		background-image: url(../image/search2.svg)
	}

	.header-wrapper .user {
		width: 18px;
		height: 18px;
		background-image: url(../image/user2.svg)
	}

	.header-wrapper .other-box a {
		color: #161617
	}

	.header-wrapper .service {
		background-image: url(../image/service.svg);
		width: 20px;
		height: 18px
	}

	.header-wrapper .language .caption {
		background-image: url(../image/language2.svg);
		width: 16px;
		height: 16px
	}

	.header-wrapper .logo-box .init {
		display: none
	}

	.header-wrapper .logo-box .on {
		display: block;
		width: 80px
	}

	.header-wrapper .language {
		margin: 0 18px
	}

	.header-wrapper .language .list {
		width: 100px;
		margin-left: -50px
	}

	.header-wrapper .language .list a {
		line-height: 30px;
		font-size: 14px
	}

	.logo-box {
		width: 80px
	}

	.logo-box .init {
		display: none
	}

	.logo-box .on {
		display: block
	}

	.pc-nav-box {
		display: none
	}

	.footer-wrapper {
		padding: 50px 0 30px
	}

	.footer-wrapper .box-container {
		display: block
	}

	.footer-wrapper .left {
		width: 100%
	}

	.footer-wrapper .right {
		max-width: inherit;
		width: 100%;
		text-align: left
	}

	.footer-wrapper .copyright,
	.footer-wrapper .copyright a {
		font-size: 12px
	}

	.footer-wrapper .copyright {
		width: 100%;
		line-height: 20px;
		max-width: inherit;
		margin-top: 10px;
		display: none
	}

	.footer-wrapper .copyright.phone {
		display: block
	}

	.footer-wrapper .other-box {
		width: 100%
	}

	.footer-wrapper .desc {
		width: 100%;
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px
	}

	.footer-wrapper .tel {
		line-height: 24px;
		font-size: 16px;
		margin-top: 0
	}

	.footer-wrapper .email,
	.footer-wrapper .address {
		line-height: 24px
	}

	.footer-wrapper .email {
		font-size: 17px
	}

	.footer-nav-box {
		display: none
	}

	.share {
		width: 100%
	}

	.share a {
		width: 32px;
		height: 32px;
		margin-right: 8px
	}

	.support-box {
		padding: 40px 15px
	}

	.support-box .canvas {
		height: 400px;
		bottom: -200px
	}

	.support-box .title {
		font-size: 22px;
		line-height: 30px
	}

	.support-box .index-btn {
		margin-top: 24px;
		font-size: 14px
	}

	.support-box a {
		font-size: 13px;
		line-height: 18px
	}

	.support-box a img {
		display: block;
		width: 30px;
		margin: 0 auto 4px
	}

	.index-btn {
		width: 120px;
		height: 44px;
		line-height: 40px;
		font-size: 14px
	}

	.index-btn:hover i:nth-child(1),
	.index-btn:hover i:nth-child(3) {
		width: 120px
	}

	.index-btn:hover i:last-child,
	.index-btn:hover i:nth-child(2) {
		height: 44px
	}

	.button-group {
		margin-top: 40px
	}

	.button-group a {
		width: 120px;
		height: 44px;
		line-height: 40px;
		font-size: 13px;
		margin-right: 15px
	}

	.index-banner-wrapper .index-banner-swiper .box-container {
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
		-moz-transform: translateY(60px);
		-ms-transform: translateY(60px);
		-o-transform: translateY(60px)
	}

	.index-banner-wrapper .swiper-slide img {
		display: none
	}

	.index-banner-wrapper .swiper-slide img.phone {
		display: block
	}

	.index-banner-wrapper .title,
	.index-banner-wrapper .desc,
	.index-banner-wrapper ul {
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
		-moz-transform: translateY(60px);
		-ms-transform: translateY(60px);
		-o-transform: translateY(60px)
	}

	.index-banner-wrapper .title {
		font-size: 44px;
		line-height: 44px
	}

	.index-banner-wrapper .desc {
		font-size: 20px;
		line-height: 30px;
		margin: 20px auto auto
	}

	.index-banner-wrapper ul {
		display: none
	}

	.index-banner-wrapper .info {
		text-align: center;
		height: auto;
		align-items: flex-start;
		padding-top: 60px
	}

	.index-banner-wrapper .swiper-pagination {
		bottom: 20px
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		margin-right: 20px;
		width: 6px;
		height: 6px;
		opacity: .5;
		border-radius: 50%;
		background-color: #fff
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:before,
	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:after {
		display: none
	}

	.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		opacity: 1
	}

	.search-form {
		top: 60px;
		padding: 24px 0;
		box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
	}

	.search-form .w1200 {
		width: 100%
	}

	.search-form .keywords {
		line-height: 40px;
		font-size: 14px;
		padding: 0 60px 0 20px
	}

	.search-form ::-webkit-input-placeholder {
		color: #999;
		font-size: 14px
	}

	.search-form :-moz-placeholder {
		color: #999;
		font-size: 14px
	}

	.search-form ::-moz-placeholder {
		color: #999;
		font-size: 14px
	}

	.search-form :-ms-input-placeholder {
		color: #999;
		font-size: 14px
	}

	.search-form .close {
		margin-top: -8px;
		width: 16px;
		height: 16px
	}

	.index-btn {
		width: 120px;
		height: 42px;
		line-height: 38px;
		font-size: 13px
	}

	.index-btn:hover i:nth-child(1),
	.index-btn:hover i:nth-child(3) {
		width: 120px
	}

	.index-btn:hover i:last-child,
	.index-btn:hover i:nth-child(2) {
		height: 42px
	}

	.index-box-1 .box-container {
		padding: 0
	}

	.index-box-1 .page-title {
		padding-left: 15px;
		padding-right: 15px
	}

	.index-box-1 .page-caption,
	.index-box-1 .desc,
	.index-box-1 .index-btn {
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
		-moz-transform: translateY(60px);
		-ms-transform: translateY(60px);
		-o-transform: translateY(60px)
	}

	.index-box-1 .swiper-container {
		padding-left: 15px
	}

	.index-box-1 .swiper-slide {
		width: 90%
	}

	.index-box-1 .info {
	    position: relative;
		width: 90%;
		padding: 30px 30px 0 30px;
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
		-moz-transform: translateY(60px);
		-ms-transform: translateY(60px);
		-o-transform: translateY(60px)
	}

	.index-box-1 .page-caption {
		font-size: 16px;
		line-height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		max-height: 48px
	}

	.index-box-1 .page-caption:after {
		width: 24px;
		margin-top: 10px
	}

	.index-box-1 .desc {
		font-size: 12px;
		line-height: 20px;
		height: 60px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin: 0 auto 20px
	}

	.index-box-1 .cat-box {
		display: none
	}

	.index-box-1 .swiper-container {
		padding-bottom: 40px
	}

	.index-box-1 .swiper-pagination {
		bottom: 0;
		font-size: 0;
		display: block
	}

	.index-box-1 .swiper-pagination .swiper-pagination-bullet {
		margin: 0 20px 0 0;
		width: 6px;
		height: 6px;
		opacity: 1;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2)
	}

	.index-box-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: #2389d0
	}

	.index-box-1 .pic img {
		max-height: inherit
	}

	.index-box-2 .page-title {
		margin-bottom: 6px
	}

	.index-box-2 .brief {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px
	}

	.index-box-2 .main ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.index-box-2 .main li {
		width: 48%;
		margin-right: 0;
		margin-top: 4%
	}

	.index-box-2 .main li:nth-child(1) {
		margin-top: 0
	}

	.index-box-2 .main li:nth-child(1),
	.index-box-2 .main li:nth-child(6) {
		width: 100%
	}

	.index-box-2 .main .pic img {
		height: auto
	}

	.index-box-2 .name {
		padding: 0 15px 12px;
		font-size: 14px
	}

	.index-box-3 {
		padding: 60px 0 100px;
		background: url(../image/p_index3.jpg) no-repeat center center;
		background-size: cover
	}

	.index-box-3 .top {
		margin-bottom: 50px
	}

	.index-box-3 .top .page-title {
		margin-bottom: 16px
	}

	.index-box-3 .brief {
		width: 100%;
		font-size: 14px
	}

	.index-box-3 .data ul {
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.index-box-3 .data ul li {
		width: 48%;
		max-width: inherit;
		margin-top: 40px
	}

	.index-box-3 .data ul li:nth-child(-n+2) {
		margin-top: 0
	}

	.index-box-3 .data p {
		font-size: 12px;
		line-height: 20px;
		margin-top: 4px
	}

	.index-box-3 .num {
		font-size: 42px;
		line-height: 30px;
		height: 30px
	}

	.index-box-3 i {
		width: 12px;
		height: 12px;
		top: 6px;
		margin-left: 4px
	}

	.index-box-4 {
		padding-bottom: 15px
	}

	.index-box-4 .main {
		display: block
	}

	.index-box-4 .video-box,
	.index-box-4 .list {
		width: 100%
	}

	.index-box-4 .video .pic:after {
		height: 220px
	}

	.index-box-4 .icon {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px
	}

	.index-box-4 .name {
		font-size: 16px;
		padding: 0 20px 20px
	}

	.index-box-4 .list {
		margin-top: 40px
	}

	.index-box-4 ul {
		display: block
	}

	.index-box-4 ul li {
		width: 100%;
		margin-left: 0;
		margin-top: 15px
	}

	.index-box-4 ul li a {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		flex-direction: row-reverse
	}

	.index-box-4 ul .pic {
		width: 44%;
		height: auto
	}

	.index-box-4 ul .pic img {
		height: 100%
	}

	.index-box-4 .info {
		width: 56%;
		padding: 15px 10px
	}

	.index-box-4 .date {
		font-size: 12px;
		line-height: 16px
	}

	.index-box-4 .title {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		-webkit-line-clamp: 2;
		margin: 2px auto 6px
	}

	.index-box-4 .button {
		font-size: 12px;
		line-height: 16px;
		background-size: 10px;
		padding-left: 15px
	}

	.index-box-4 .ibtn {
		width: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		margin: 20px auto 0
	}

	.index-box-4 .view {
		font-size: 12px
	}

	.index-box-4 .view i {
		width: 5px;
		margin-left: 10px;
		vertical-align: middle;
		position: relative;
		top: -1px
	}

	.page-box {
		padding: 50px 0
	}

	.page-title {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 20px
	}

	.inquiry-wrapper .form {
		display: block
	}

	.inquiry-wrapper .form>label {
		margin-bottom: 10px
	}

	.inquiry-wrapper i {
		font-size: 14px
	}

	.inquiry-wrapper .group,
	.inquiry-wrapper .caption {
		padding-left: 15px
	}

	.inquiry-wrapper .text,
	.inquiry-wrapper .msg {
		padding-right: 20px
	}

	.inquiry-wrapper .text {
		height: 42px;
		line-height: 42px
	}

	.inquiry-wrapper label {
		font-size: 14px;
		line-height: 24px
	}

	.inquiry-wrapper label.normal {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 0;
		display: block
	}

	.inquiry-wrapper .group {
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px
	}

	.inquiry-wrapper .group .list {
		max-height: 270px
	}

	.inquiry-wrapper .group .list a {
		font-size: 14px;
		line-height: 44px;
		padding: 0 15px
	}

	.inquiry-wrapper .caption {
		font-size: 14px;
		padding-right: 20px;
		height: 44px;
		line-height: 42px
	}

	.inquiry-wrapper .caption:after {
		right: 15px;
		width: 14px
	}

	.inquiry-wrapper .box.half {
		width: 100%
	}

	.inquiry-wrapper .msg-box {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.inquiry-wrapper .msg {
		height: 90px;
		line-height: 26px
	}

	.inquiry-wrapper .title,
	.inquiry-wrapper .submit {
		font-size: 15px
	}

	.inquiry-wrapper .title {
		line-height: 24px;
		margin: 0 auto 8px
	}

	.inquiry-wrapper .submit {
		width: 100%;
		line-height: 42px;
		margin-top: 30px
	}

	.more {
		font-size: 14px;
		line-height: 42px;
		bottom: -42px
	}

	.more i {
		margin-left: 8px;
		width: 5px;
		height: 10px
	}

	.page-banner-wrapper>img {
		height: 200px;
		object-fit: cover
	}

	.page-banner-wrapper .info {
		padding-top: 0
	}

	.page-banner-wrapper .info-2 .desc {
		font-size: 12px
	}

	.page-banner-wrapper .desc {
		font-size: 12px;
		line-height: 14px;
		margin-top: 2px;
		max-height: 70px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
		width: 100%
	}

	.page-banner-wrapper .btn {
		display: none
	}

	.page-box-2 {
		padding: 50px 0 50px
	}

	.page-nav-wrapper {
		position: relative;
		z-index: 20;
		padding: 0;
		height: auto;
		margin-top: 0
	}

	.page-nav-wrapper .box-container {
		height: auto;
		padding: 0
	}

	.page-nav-wrapper .page-nav-box {
		padding-right: 0
	}

	.page-nav-wrapper.goods-nav .page-nav-box {
		background: none;
		padding: 50px 0 0;
		background: url(../image/downloadbg2.jpg) no-repeat right top;
		background-size: 50%;
		padding-bottom: 0 !important
	}

	.page-nav-wrapper.goods-nav .page-nav-box.nobg {
		background: none
	}

	.page-nav-wrapper.goods-nav .page-nav-box .nav {
		position: static;
		padding: 0 15px;
		background: none;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: center
	}

	.page-nav-wrapper.goods-nav .page-nav-box .nav a {
		font-size: 14px;
		width: 31.33%;
		margin-right: 3%;
		border: 1px solid #f7f8f9;
		text-align: center
	}

	.page-nav-wrapper.goods-nav .page-nav-box .nav a:last-child {
		margin-right: 0
	}

	.page-nav-wrapper.goods-nav .page-nav-box .nav a.on {
		background-color: #2389d0;
		border-color: #2389d0;
		color: #fff
	}

	.page-nav-box {
		width: 100%;
		background: #f4f4f4
	}

	.page-nav-box .w1200 {
		position: relative;
		height: auto;
		padding: 0
	}

	.page-nav-box .intruction-caption {
		position: relative;
		display: block;
		line-height: 50px;
		padding: 0 15px;
		background: #2389d0;
		color: #fff
	}

	.page-nav-box .intruction-caption.extend:after {
		transform: rotateX(180deg)
	}

	.page-nav-box .intruction-caption:after {
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 10;
		content: "";
		width: 13px;
		height: 100%;
		background: url(../image/down.png) no-repeat center center;
		background-size: contain
	}

	.page-nav-box .nav {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 10;
		width: 100%;
		padding: 10px 0;
		background: #f7f8f9;
		display: none;
		max-height: 353px;
		overflow-y: auto
	}

	.page-nav-box .nav::-webkit-scrollbar {
		width: 4px;
		background-color: #f7f8f9
	}

	.page-nav-box .nav::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.page-nav-box .nav a {
		display: block;
		width: 100%;
		text-align: left;
		line-height: 42px;
		padding: 0 15px;
		font-size: 14px;
		border-top: 1px solid #f2f2f2
	}

	.page-nav-box .nav a:first-child {
		border-top: none
	}

	.page-nav-box .nav>a.on,
	.page-nav-box .nav>a:hover {
		background: none;
		color: #2389d0
	}

	.page-nav-box .nav>a:after {
		display: none
	}

	.index-box {
		padding: 60px 0
	}

	.content,
	.content div:not(.page-caption) {
		font-size: 14px
	}

	.remo-wrapper .box-1 .box-container {
		display: block
	}

	.remo-wrapper .box-1 .info,
	.remo-wrapper .box-1 .pic {
		width: 100%
	}

	.remo-wrapper .box-1 .info {
		padding-right: 0
	}

	.remo-wrapper .box-1 .pic {
		margin-top: 50px
	}

	.remo-wrapper .box-2 a>p,
	.remo-wrapper .box-2 .title {
		font-size: 16px;
		line-height: 24px
	}

	.remo-wrapper .box-2 .progress {
		top: -2px;
		height: 2px
	}

	.remo-wrapper .category-box {
		flex-flow: wrap;
		margin-bottom: 30px
	}

	.remo-wrapper .category-box a {
		width: 48%;
		margin-top: 20px
	}

	.remo-wrapper .category-box a:nth-child(-n+2) {
		margin-top: 0
	}

	.remo-wrapper .category-box .icon {
		width: 54px;
		height: 54px
	}

	.remo-wrapper .category-box p {
		margin-top: 16px;
		height: 48px
	}

	.remo-wrapper .detail-box {
		border-width: 2px;
		padding: 24px
	}

	.remo-wrapper .detail-box .title {
		width: 100%
	}

	.remo-wrapper .detail-box .content {
		line-height: 24px;
		width: 100%;
		min-height: inherit;
		margin-top: 12px
	}

	.remo-wrapper .detail-box .inner {
		display: block
	}

	.remo-wrapper .box-3 ul {
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.remo-wrapper .box-3 li {
		width: 48%;
		margin-top: 30px;
		margin-right: 0
	}

	.remo-wrapper .box-3 li:nth-child(-n+2) {
		margin-top: 0
	}

	.remo-wrapper .box-3 .icon {
		width: 54px
	}

	.remo-wrapper .box-3 .title {
		font-size: 16px;
		line-height: 24px;
		margin: 12px auto 8px
	}

	.remo-wrapper .box-3 .desc {
		font-size: 13px;
		line-height: 18px
	}

	.remo-wrapper .box-4 .box-container {
		padding: 0
	}

	.remo-wrapper .box-4 .page-title {
		padding-left: 15px;
		padding-right: 15px
	}

	.remo-wrapper .goods-box .swiper-wrapper {
		padding-bottom: 0
	}

	.goods-box .swiper-container,
	.case-box .swiper-container {
		padding-bottom: 30px
	}

	.goods-box ul,
	.case-box ul {
		display: block
	}

	.goods-box li,
	.case-box li,
	.goods-box .swiper-slide,
	.case-box .swiper-slide {
		width: 100%;
		margin-right: 0;
		margin-top: 0
	}

	.goods-box li,
	.case-box li {
		margin-bottom: 15px
	}

	.goods-box li:last-child,
	.case-box li:last-child {
		margin-bottom: 0
	}

	.goods-box .name,
	.case-box .name {
		font-size: 16px;
		line-height: 24px;
		height: 24px
	}

	.goods-box .swiper-pagination,
	.case-box .swiper-pagination {
		display: block;
		bottom: 0;
		font-size: 0
	}

	.goods-box .swiper-pagination .swiper-pagination-bullet,
	.case-box .swiper-pagination .swiper-pagination-bullet {
		opacity: 1;
		background: none;
		margin: 0 5px;
		width: 8px;
		height: 8px;
		border: 1px solid #2389d0;
		transition: width .3s ease;
		-webkit-transition: width .3s ease;
		-moz-transition: width .3s ease;
		-ms-transition: width .3s ease;
		-o-transition: width .3s ease
	}

	.goods-box .swiper-pagination .swiper-pagination-bullet:focus,
	.case-box .swiper-pagination .swiper-pagination-bullet:focus,
	.goods-box .swiper-pagination .swiper-pagination-bullet:active,
	.case-box .swiper-pagination .swiper-pagination-bullet:active,
	.goods-box .swiper-pagination .swiper-pagination-bullet:link,
	.case-box .swiper-pagination .swiper-pagination-bullet:link {
		outline: none
	}

	.goods-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.case-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #2389d0;
		width: 24px;
		border-radius: 30px
	}

	.goods-box .swiper-container {
		padding-left: 15px;
		padding-top: 15px
	}

	.goods-box li>a,
	.goods-box .swiper-slide>a {
		padding: 20px 20px 60px;
		background-color: #fff;
		box-shadow: 0 0 30px 0 rgba(4, 18, 40, 0.07)
	}

	.goods-box .swiper-slide {
		width: 70%
	}

	.goods-box .pic img {
		height: auto
	}

	.goods-box .info {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px)
	}

	.goods-box .desc {
		font-size: 14px
	}

	.goods-box .btn-box {
		position: static
	}

	.goods-box .btn-box a {
		line-height: 40px
	}

	.case-box li:hover a,
	.case-box .swiper-slide:hover a {
		background-color: #fff
	}

	.case-box li>a {
		background-color: #fbfbfb
	}

	.case-box .pic img {
		height: auto
	}

	.case-box .info {
		padding: 24px
	}

	.case-box .icon {
		width: 32px;
		height: 32px;
		right: 12px;
		top: -16px
	}

	.case-wrapper .case-box {
		padding-top: 30px
	}

	.case-wrapper .case-box.on {
		padding-bottom: 30px;
		margin-top: 30px
	}

	.case-wrapper .case-box ul li {
		float: none
	}

	.case-wrapper ul {
		height: auto;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto
	}

	.case-wrapper .page-more {
		display: none
	}

	.accessory-wrapper .page-caption {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 5px
	}

	.accessory-wrapper .box-container {
		padding-left: 0;
		padding-right: 0
	}

	.accessory-wrapper .goods-box {
		padding-top: 30px
	}

	.accessory-wrapper .goods-box.on {
		padding-bottom: 30px;
		margin-top: 30px
	}

	.accessory-wrapper .goods-box ul {
		padding: 15px
	}

	.accessory-wrapper .goods-box ul li {
		width: 48%
	}

	.accessory-wrapper .goods-box ul li:nth-child(odd) {
		margin-right: 4%
	}

	.accessory-wrapper .goods-box ul li a {
		padding: 22px 5px 40px;
		box-shadow: none
	}

	.accessory-wrapper .goods-box .desc {
		font-size: 12px;
		line-height: 22px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		height: 66px
	}

	.accessory-wrapper ul {
		height: auto;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto
	}

	.accessory-wrapper .more {
		line-height: 38px;
		font-size: 12px
	}

	.accessory-wrapper .page-more {
		display: none
	}

	.page-more {
		width: 70%
	}

	.page-more i {
		width: 12px;
		height: 6px;
		margin-right: 6px
	}

	.page-more a {
		font-size: 12px;
		line-height: 20px
	}

	.mt {
		margin-top: 50px
	}

	.page-caption {
		font-size: 22px;
		line-height: 36px;
		margin-bottom: 20px
	}

	.caseinfo-wrapper .top {
		margin-bottom: 30px;
		padding-right: 0
	}

	.caseinfo-wrapper .top .desc {
		font-size: 16px;
		line-height: 24px
	}

	.caseinfo-wrapper .top .brief {
		font-size: 13px;
		line-height: 22px;
		margin-top: 12px
	}

	.caseinfo-wrapper .return {
		top: -20px;
		font-size: 12px
	}

	.caseinfo-wrapper .return i {
		width: 10px;
		height: 10px;
		margin-right: 6px
	}

	.caseinfo-wrapper .caption {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 8px
	}

	.caseinfo-wrapper .content {
		line-height: 24px
	}

	.caseinfo-wrapper .content li {
		padding-left: 15px;
		font-size: 14px
	}

	.caseinfo-wrapper .content li:before {
		width: 4px;
		height: 4px;
		top: 10px
	}

	.caseinfo-wrapper .base-box {
		flex-flow: wrap;
		flex-direction: column-reverse
	}

	.caseinfo-wrapper .base-box .info,
	.caseinfo-wrapper .base-box .pic {
		width: 100%
	}

	.caseinfo-wrapper .base-box .info {
		padding: 30px
	}

	.caseinfo-wrapper .base-box .author,
	.caseinfo-wrapper .base-box .content {
		font-size: 15px;
		line-height: 24px
	}

	.caseinfo-wrapper .author {
		margin-top: 40px
	}

	.caseinfo-wrapper .tag {
		font-size: 60px;
		height: 17px;
		line-height: 50px;
		margin-bottom: 6px
	}

	.caseinfo-wrapper .param-box {
		margin: 15px auto 30px
	}

	.caseinfo-wrapper .param-box ul {
		flex-flow: wrap;
		padding: 24px 0
	}

	.caseinfo-wrapper .param-box ul li {
		width: 33.33%;
		padding: 0 5px;
		margin-top: 30px
	}

	.caseinfo-wrapper .param-box ul li:nth-child(-n+3) {
		margin-top: 0
	}

	.caseinfo-wrapper .param-box ul li:after {
		display: none
	}

	.caseinfo-wrapper .param-box .icon {
		width: 36px
	}

	.caseinfo-wrapper .param-box p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 8px
	}

	.caseinfo-wrapper .detail-box .item {
		display: block;
		margin-bottom: 40px
	}

	.caseinfo-wrapper .detail-box .pic {
		width: 100%;
		margin-left: 0;
		margin-top: 40px
	}

	.caseinfo-wrapper .detail-box .info {
		width: 100%
	}

	.caseinfo-wrapper .detail-box .content {
		margin-bottom: 20px
	}

	.ralative-goods-wrapper .w1280 {
		padding: 0
	}

	.ralative-goods-wrapper .page-caption {
		padding: 0 15px;
		margin-bottom: 8px
	}

	.ralative-goods-wrapper .goods-box .swiper-slide {
		width: 70%
	}

	.ralative-goods-wrapper .goods-box .pic img {
		height: auto
	}

	.online {
		width: 50px;
		height: 50px;
		right: 10px
	}

	.online img {
		width: 18px
	}

	.online p {
		display: none
	}

	.goods-banner-wrapper {
		padding-top: 0;
		align-items: flex-start
	}

	.goods-banner-wrapper .box-container {
		padding: 0 15px 50px;
		flex-direction: column-reverse
	}

	.goods-banner-wrapper .info {
		width: 100% !important;
		margin-top: 60px
	}

	.goods-banner-wrapper h1 {
		font-size: 30px;
		line-height: 40px
	}

	.goods-banner-wrapper .desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 6px
	}

	.goods-banner-wrapper .pic {
		position: relative;
		width: 100% !important;
		margin-right: 0 !important
	}

	.goods-banner-wrapper .pic .swiper-container {
		padding-bottom: 20px
	}

	.goods-banner-wrapper .content {
		font-size: 12px;
		line-height: 22px;
		margin-top: 10px
	}

	.goods-banner-wrapper .content+.button-box {
		margin-top: 30px
	}

	.goods-banner-wrapper .button-box {
		margin-top: 30px
	}

	.goods-banner-wrapper .button-box a {
		line-height: 42px;
		margin-right: 10px;
		font-size: 13px
	}

	.goods-banner-wrapper .swiper-pagination {
		bottom: 0
	}

	.goods-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
		margin: 0 8px;
		width: 8px;
		height: 8px;
		margin-top: 10px
	}

	.goods-wrapper .select-box {
		margin-top: 40px;
		flex-flow: wrap
	}

	.goods-wrapper .select-box .caption {
		line-height: 40px;
		font-size: 12px;
		padding: 0 15px
	}

	.goods-wrapper .select-box .caption:after {
		width: 12px
	}

	.goods-wrapper .select-box .group {
		width: 48%;
		margin-top: 4%
	}

	.goods-wrapper .select-box .group:nth-child(-n+2) {
		margin-top: 0
	}

	.goods-wrapper .select-box .group .box {
		max-height: 256px
	}

	.goods-wrapper .select-box .group .box a {
		font-size: 12px;
		padding: 0 15px;
		line-height: 32px
	}

	.goods-wrapper .tab-box a {
		min-width: 100px;
		line-height: 28px;
		font-size: 12px
	}

	.goods-wrapper .tab-box a:after {
		width: 8px;
		height: 8px;
		margin-left: 12px
	}

	.goods-wrapper .compare-box .box-container {
		position: relative;
		height: inherit;
		padding-top: 15px;
		padding-bottom: 15px;
		flex-flow: wrap
	}

	.goods-wrapper .compare-box .name {
		font-size: 16px;
		line-height: 20px;
		margin-right: 0;
		width: 100%
	}

	.goods-wrapper .compare-box .center {
		display: block;
		flex: 0 0 100%;
		margin-top: 20px
	}

	.goods-wrapper .compare-box .center a:not(.button) {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		margin-right: 20px
	}

	.goods-wrapper .compare-box .center a:not(.button):before {
		width: 14px;
		height: 14px;
		background-size: 6px;
		margin-right: 6px
	}

	.goods-wrapper .close {
		position: absolute;
		right: 15px;
		top: 15px;
		z-index: 10
	}

	.goods-wrapper .close i {
		width: 16px;
		height: 16px
	}

	.goods-wrapper .close p {
		margin-top: 4px;
		display: none
	}

	.goods-wrapper .button {
		display: block;
		width: 130px;
		line-height: 34px;
		font-size: 12px;
		margin: 20px auto 0
	}

	.goodsinfo-wrapper .download-box .list {
		border-top: 2px solid #2389d0
	}

	.goodsinfo-wrapper .download-box .item {
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		height: auto;
		left: 24px;
		padding: 15px 0;
		border-bottom: 1px solid #edeeee
	}

	.goodsinfo-wrapper .download-box .item>* {
		width: 31.33%;
		padding: 0;
		line-height: 24px;
		font-size: 14px;
		border: none
	}

	.goodsinfo-wrapper .download-box .item>*:nth-child(2) {
		border-left: none;
		background-color: #fff
	}

	.goodsinfo-wrapper .download-box .item>*:nth-child(3) {
		width: 31.33%;
		background-color: #fff
	}

	.goodsinfo-wrapper .download-box .item>*:last-child {
		width: 31.33%
	}

	.goodsinfo-wrapper .download-box .item .title {
		width: 100%;
		font-size: 16px;
		background-color: #fff;
		margin-bottom: 10px
	}

	.goodsinfo-wrapper .download-box .item a {
		font-size: 14px
	}

	.goodsinfo-wrapper .download-box .item a img {
		top: -2px;
		width: 12px;
		margin-right: 6px
	}

	.goodsinfo-wrapper .detail-box .item {
		display: block;
		padding: 0 15px;
		margin-bottom: 40px
	}

	.goodsinfo-wrapper .detail-box .item:last-child {
		margin-bottom: 0
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(even) .info {
		padding: 20px 0 0
	}

	.goodsinfo-wrapper .detail-box .item:nth-child(odd) .info {
		padding: 20px 0 0
	}

	.goodsinfo-wrapper .detail-box .item .page-caption {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 12px
	}

	.goodsinfo-wrapper .detail-box .pic,
	.goodsinfo-wrapper .detail-box .info {
		width: 100%
	}

	.goodsinfo-wrapper .detail-box .caption {
		font-size: 18px;
		margin-bottom: 10px
	}

	.goodsinfo-wrapper .detail-box .desc {
		font-size: 14px;
		line-height: 24px
	}

	.goodsinfo-wrapper .detail-box .box-container .page-caption {
		margin-bottom: 30px
	}

	.goodsinfo-wrapper .ralative-case-wrapper.mt {
		padding-bottom: 0
	}

	.goodsinfo-wrapper .ralative-goods-wrapper {
		padding: 50px 0
	}

	.goodsinfo-wrapper .data-box table .special td:nth-child(2),
	.goodsinfo-wrapper .data-box table .special td:nth-child(2) div,
	.goodsinfo-wrapper .data-box table td:nth-child(3),
	.goodsinfo-wrapper .data-box table td:nth-child(3) div {
		color: #666;
		font-size: 14px
	}

	.goodsinfo-wrapper .goods-box .swiper-wrapper {
		padding-bottom: 0
	}

	.goodsinfo-wrapper .box-1 .tab-item .main {
		overflow-x: auto
	}

	.goodsinfo-wrapper .box-1 .tab-item .main::-webkit-scrollbar {
		height: 3px;
		background-color: #f7f8f9
	}

	.goodsinfo-wrapper .box-1 .tab-item .main::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.ralative-case-wrapper .case-box .swiper-slide {
		width: 100%;
		background-color: #fff
	}

	.ralative-case-wrapper .case-box .pic img {
		height: auto
	}

	.applicationInfo-wrapper .box-1 .list {
		margin-bottom: 40px
	}

	.applicationInfo-wrapper .box-1 .item {
		display: block;
		margin-bottom: 40px
	}

	.applicationInfo-wrapper .box-1 .item:last-child {
		margin-bottom: 0
	}

	.applicationInfo-wrapper .box-1 .pic,
	.applicationInfo-wrapper .box-1 .info {
		width: 100%
	}

	.applicationInfo-wrapper .box-1 .info {
		margin-bottom: 20px
	}

	.applicationInfo-wrapper .box-1 .title {
		line-height: 30px;
		font-size: 18px;
		margin-bottom: 10px
	}

	.applicationInfo-wrapper .box-1 .desc,
	.applicationInfo-wrapper .box-1 .desc li {
		font-size: 14px
	}

	.applicationInfo-wrapper .box-1 .desc {
		line-height: 24px
	}

	.applicationInfo-wrapper .box-1 .desc li {
		padding-left: 15px
	}

	.applicationInfo-wrapper .box-1 .desc li:before {
		width: 4px;
		height: 4px
	}

	.applicationInfo-wrapper .box-2 .swiper-slide {
		background-color: #fff
	}

	.applicationInfo-wrapper .box-3 .box-container {
		padding-left: 0;
		padding-right: 0
	}

	.applicationInfo-wrapper .box-3 .page-caption {
		padding-left: 15px;
		padding-right: 15px
	}

	.application-wrapper .box-1 .list ul {
		display: block
	}

	.application-wrapper .box-1 .list li {
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px
	}

	.application-wrapper .box-1 .list li:last-child {
		margin-bottom: 0
	}

	.application-wrapper .box-1 .list li:hover a>.name {
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px)
	}

	.application-wrapper .box-1 .pic img {
		height: auto
	}

	.application-wrapper .box-1 .info {
		padding: 26px 24px
	}

	.application-wrapper .box-1 a>.name {
		bottom: 15px;
		padding: 0 24px
	}

	.application-wrapper .box-1 .name {
		font-size: 22px;
		line-height: 30px
	}

	.application-wrapper .box-1 .desc {
		font-size: 14px;
		line-height: 24px;
		min-height: 96px;
		margin: 6px auto 20px;
		max-height: 96px
	}

	.application-wrapper .box-2 .page-caption {
		margin-bottom: 30px
	}

	.application-wrapper .box-2 .list ul {
		display: block
	}

	.application-wrapper .box-2 .list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	.application-wrapper .box-2 .list li:last-child {
		margin-bottom: 0
	}

	.application-wrapper .box-2 .icon {
		width: 50px
	}

	.application-wrapper .box-2 .name {
		font-size: 16px;
		line-height: 24px;
		margin: 14px auto 0px
	}

	.application-wrapper .box-2 .desc {
		font-size: 12px
	}

	.btn {
		font-size: 13px;
		width: 100px;
		line-height: 34px
	}

	.news-wrapper .first-news a,
	.news-wrapper .list li a {
		display: block
	}

	.news-wrapper .first-news {
		margin-bottom: 30px
	}

	.news-wrapper .first-news .title {
		margin: 5px auto 15px
	}

	.news-wrapper .first-news .desc {
		margin-bottom: 20px
	}

	.news-wrapper .first-news .info {
		padding: 30px 20px
	}

	.news-wrapper .first-news .info,
	.news-wrapper .first-news .pic {
		width: 100%
	}

	.news-wrapper .title {
		font-size: 16px;
		line-height: 26px;
		max-height: 52px
	}

	.news-wrapper .desc {
		font-size: 14px
	}

	.news-wrapper .icon {
		font-size: 12px
	}

	.news-wrapper .icon img {
		width: 5px;
		margin-left: 6px
	}

	.news-wrapper li {
		margin-bottom: 15px;
		background-color: #f5f6f7
	}

	.news-wrapper li .pic {
		width: 100%
	}

	.news-wrapper li .info {
		width: 100%;
		padding: 30px 20px
	}

	.news-wrapper li .desc {
		margin-bottom: 14px
	}

	.news-wrapper .date {
		font-size: 14px
	}

	.pageNum {}

	.pageNum a {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.newsinfo-wrapper .w1200 {
		padding-left: 15px;
		margin-top: 40px
	}

	.newsinfo-wrapper .top {
		padding-bottom: 26px
	}

	.newsinfo-wrapper .date {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 4px
	}

	.newsinfo-wrapper .name {
		font-size: 18px;
		line-height: 30px
	}

	.newsinfo-wrapper .content-box {
		width: 100%;
		float: none
	}

	.newsinfo-wrapper .content {
		font-size: 14px;
		line-height: 24px;
		margin-top: 26px
	}

	.newsinfo-wrapper .share {
		display: none
	}

	.relative-btn-box {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 40px
	}

	.relative-btn-box a {
		width: 32.33%;
		height: 44px;
		line-height: 44px;
		margin-right: 0;
		background-size: 16px !important
	}

	.relative-btn-box a.btn:hover {
		width: 32.33%
	}

	.partnerList-wrapper .item {
		margin-bottom: 40px
	}

	.partner-box .page-caption {
		margin-bottom: 15px
	}

	.partner-box ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.partner-box li {
		width: 48%;
		margin-right: 0;
		margin-top: 4%;
		border: 1px solid #f7f8f9
	}

	.partner-box li:nth-child(-n+2) {
		margin-top: 0
	}

	.partner-box li:nth-child(-n+2) {
		margin-top: 0
	}

	.partner-box .pic img {
		height: 80px
	}

	.partner-box .info {
		padding: 5px 15px
	}

	.partner-box .name {
		font-size: 12px;
		line-height: 16px
	}

	.btn-box {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}

	.btn-box a {
		line-height: 30px;
		font-size: 10px
	}

	.btn-box a i {
		width: 5px;
		height: 10px;
		margin-left: 6px;
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0)
	}

	.partnerInfo-wrapper .box-1 {
		background-attachment: inherit
	}

	.partnerInfo-wrapper .box-1 .info {
		width: calc(100% - 30px);
		padding: 24px;
		border-width: 3px;
		margin: 0 auto
	}

	.partnerInfo-wrapper .box-1 .page-title {
		margin-bottom: 12px
	}

	.partnerInfo-wrapper .content::-webkit-scrollbar {
		width: 3px
	}

	.partnerInfo-wrapper .box-2 ul {
		display: block
	}

	.partnerInfo-wrapper .box-2 li {
		width: 100%;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 40px
	}

	.partnerInfo-wrapper .box-2 li:last-child {
		margin-bottom: 0
	}

	.partnerInfo-wrapper .box-2 .name {
		font-size: 16px;
		line-height: 24px;
		margin: 15px auto 6px
	}

	.partnerInfo-wrapper .icon {
		width: 50px
	}

	.partnerInfo-wrapper .desc {
		font-size: 14px;
		width: 85%;
		margin: 0 auto
	}

	.catalog-wrapper .list.special ul li {
		width: 48%;
		margin-right: 0
	}

	.catalog-wrapper .list.special .pic img {
		height: auto
	}

	.catalog-wrapper .list ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.catalog-wrapper .list ul li {
		width: 48%;
		margin-right: 0;
		margin-top: 30px
	}

	.catalog-wrapper .list ul li:nth-child(-n+2) {
		margin-top: 0
	}

	.catalog-wrapper .pic img {
		height: auto
	}

	.catalog-wrapper .name {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
		margin: 18px auto 4px
	}

	.catalog-wrapper .download {
		font-size: 12px;
		line-height: 20px
	}

	.catalog-wrapper .download img {
		width: 14px
	}

	.select-box {
		position: relative;
		top: 0;
		z-index: 10;
		width: 100%;
		margin-bottom: 4%
	}

	.select-box .group .box {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		max-height: 200px
	}

	.select-box .group .box a {
		font-size: 14px;
		line-height: 39px;
		padding: 0 15px
	}

	.select-box .caption {
		font-size: 14px;
		line-height: 40px;
		padding: 0 30px 0 15px
	}

	.select-box .caption:after {
		right: 15px;
		width: 10px
	}

	.datasheet-wrapper td {
		font-size: 12px;
		line-height: 20px;
		padding: 10px 15px
	}

	.datasheet-wrapper td:nth-child(3) {
		width: 32%;
		font-size: 14px
	}

	.datasheet-wrapper td:first-child,
	.datasheet-wrapper td:first-child div {
		font-size: 16px
	}

	.datasheet-wrapper td:nth-child(2),
	.datasheet-wrapper td:nth-child(2) div {
		font-size: 14px
	}

	.datasheet-wrapper td li,
	.datasheet-wrapper td li a {
		font-size: 12px
	}

	.datasheet-wrapper td ul {
		display: block
	}

	.datasheet-wrapper td ul li {
		width: 100%;
		padding-right: 0
	}

	.datasheet-wrapper .special td:first-child,
	.datasheet-wrapper .special td:first-child div {
		font-size: 14px
	}

	.datasheet-wrapper .special td:nth-child(2),
	.datasheet-wrapper .special td:nth-child(2) div {
		font-size: 14px
	}

	.drivers-wrapper .box-container {
		padding-left: 0;
		padding-right: 0
	}

	.drivers-wrapper .select-box,
	.drivers-wrapper .page-title {
		padding-left: 15px;
		padding-right: 15px
	}

	.drivers-wrapper .main {
		width: calc(100% - 15px);
		margin-left: 15px;
		overflow-x: auto
	}

	.drivers-wrapper .main::-webkit-scrollbar {
		height: 3px;
		background-color: #f7f8f9
	}

	.drivers-wrapper .main::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.drivers-wrapper table {
		width: 1200px
	}

	.drivers-wrapper th {
		line-height: 54px
	}

	.drivers-wrapper td {
		padding: 15px
	}

	.drivers-wrapper td:first-child {
		line-height: 24px
	}

	.rma-wrapper .top {
		margin-bottom: 30px;
		padding-right: 0;
		text-align: right
	}

	.rma-wrapper .page-title {
		text-align: left
	}

	.rma-wrapper .brief {
		font-size: 16px;
		line-height: 24px;
		text-align: left
	}

	.rma-wrapper .download {
		display: inline-block;
		min-width: 40%;
		line-height: 40px;
		max-width: 100%;
		position: static;
		font-size: 12px;
		margin-top: 10px
	}

	.rma-wrapper .download img {
		margin-right: 6px;
		width: 14px;
		top: 3px;
		position: relative
	}

	.rma-wrapper .title {
		font-size: 16px;
		line-height: 26px;
		padding: 20px 30px 20px 0
	}

	.rma-wrapper .title:before {
		width: 12px;
		height: 12px;
		margin-top: -6px
	}

	.rma-wrapper .content {
		margin-bottom: 30px
	}

	.compare-wrapper {
		margin-top: 0
	}

	.compare-wrapper .main {
		overflow-x: auto
	}

	.compare-wrapper .main::-webkit-scrollbar {
		height: 3px;
		background-color: #f7f8f9
	}

	.compare-wrapper .main::-webkit-scrollbar-thumb {
		background-color: #2389d0
	}

	.compare-wrapper .top {
		margin-bottom: 24px;
		text-align: left
	}

	.compare-wrapper .page-caption {
		margin-bottom: 4px;
		text-align: center
	}

	.compare-wrapper .brief {
		font-size: 14px;
		line-height: 24px
	}

	.compare-wrapper .return {
		position: static;
		font-size: 13px;
		padding-left: 20px
	}

	.compare-wrapper .pic img {
		height: 68px
	}

	.compare-wrapper .icon {
		width: 20px;
		height: 20px;
		background-size: 8px
	}

	.compare-wrapper .title {
		font-size: 16px;
		line-height: 24px;
		margin-top: 16px
	}

	.compare-wrapper table {
		width: 600px
	}

	.compare-wrapper thead td {
		padding: 20px 15px 0
	}

	.compare-wrapper thead a {
		margin-bottom: 20px
	}

	.compare-wrapper tbody td {
		padding-top: 8px;
		padding-bottom: 8px
	}

	.compare-wrapper td,
	.compare-wrapper th {
		height: 56px
	}

	.compare-wrapper td:first-child,
	.compare-wrapper th:first-child {
		padding-left: 15px;
		padding-right: 15px
	}

	.compare-wrapper th {
		font-size: 15px
	}

	.compare-wrapper td {
		line-height: 16px;
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px
	}

	.compare-wrapper td:first-child {
		font-size: 14px
	}

	.about-wrapper .box-1 {
		display: block;
		padding: 0 15px;
		margin-bottom: 40px
	}

	.about-wrapper .box-1 .info,
	.about-wrapper .box-1 .pic {
		width: 100%
	}

	.about-wrapper .box-1 .info {
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 40px
	}

	.about-wrapper .box-1 .content {
		font-size: 14px;
		line-height: 24px
	}

	.about-wrapper .box-1 .page-title {
		margin-bottom: 16px
	}

	.about-wrapper .box-2 ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: wrap
	}

	.about-wrapper .box-2 li {
		width: 48%;
		padding-right: 0;
		margin-top: 32px
	}

	.about-wrapper .box-2 li:nth-child(-n+2) {
		margin-top: 0
	}

	.about-wrapper .box-2 li:nth-child(5) {
		width: 100%
	}

	.about-wrapper .box-2 .icon {
		width: 50px
	}

	.about-wrapper .box-2 .title {
		font-size: 18px;
		line-height: 24px;
		margin: 20px auto 4px
	}

	.about-wrapper .box-2 .desc {
		font-size: 14px
	}

	.about-wrapper .box-3 {
		background-attachment: inherit;
		background-position: center bottom
	}

	.about-wrapper .box-3 .top {
		margin-bottom: 20px
	}

	.about-wrapper .box-3 .brief {
		width: 100%;
		font-size: 14px;
		line-height: 24px
	}

	.about-wrapper .box-3 .swiper-box:before {
		top: 39px
	}

	.about-wrapper .box-3 .swiper-box .box-container {
		padding: 0 60px
	}

	.about-wrapper .box-3 .year-box {
		display: block
	}

	.about-wrapper .box-3 .inner {
		display: block
	}

	.about-wrapper .box-3 .swiper-slide {
		display: block
	}

	.about-wrapper .box-3 .swiper-slide:nth-child(even) .dot:before {
		bottom: auto;
		top: 0
	}

	.about-wrapper .box-3 .swiper-slide:nth-child(even) .year {
		margin-top: 0
	}

	.about-wrapper .box-3 .swiper-slide:nth-child(odd) {
		padding-top: 0
	}

	.about-wrapper .box-3 .swiper-slide:nth-child(odd) .year {
		margin-bottom: 10px
	}

	.about-wrapper .box-3 .info-box {
		padding: 20px
	}

	.about-wrapper .box-3 .year {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 10px
	}

	.about-wrapper .box-3 .dot {
		width: 12px;
		height: 52px;
		margin: 0 auto
	}

	.about-wrapper .box-3 .dot:before {
		width: 12px;
		height: 12px
	}

	.about-wrapper .box-3 .line {
		height: 40px
	}

	.about-wrapper .box-3 .title {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 6px
	}

	.about-wrapper .swiper-btn {
		width: 28px;
		height: 28px;
		transform: none;
		top: 25px
	}

	.about-wrapper .prev {
		left: 10px
	}

	.about-wrapper .next {
		right: 10px
	}

	.about-wrapper .box-4 .item {
		display: block;
		margin-bottom: 15px
	}

	.about-wrapper .box-4 .info,
	.about-wrapper .box-4 .pic {
		width: 100%
	}

	.about-wrapper .box-4 .info {
		padding: 30px 20px
	}

	.about-wrapper .box-4 .page-caption {
		margin-bottom: 12px
	}

	.about-wrapper .box-4 .content {
		font-size: 14px;
		line-height: 24px
	}

	.about-wrapper .box-5 ul {
		flex-flow: wrap
	}

	.about-wrapper .box-5 li {
		width: 100%;
		margin-right: 0;
		margin-top: 30px
	}

	.about-wrapper .box-5 li:first-child {
		margin-top: 0
	}

	.about-wrapper .box-5 .icon {
		width: 40px
	}

	.about-wrapper .box-5 .title {
		font-size: 16px;
		line-height: 24px;
		margin: 20px auto 4px
	}

	.modal-box {
		width: calc(100% - 30px);
		padding: 40px 20px 30px
	}

	.modal-box h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 12px
	}

	.modal-box .close {
		right: 15px;
		top: 15px
	}

	.modal-box .tips {
		font-size: 14px
	}

	.modal-box .brief {
		margin-bottom: 20px
	}

	.forgetpwd-wrapper .box-container {
		width: 100%;
		padding-top: 0
	}

	.forgetpwd-wrapper .page-caption {
		margin-bottom: 8px
	}

	.forgetpwd-wrapper .brief {
		margin-bottom: 25px
	}

	.forgetpwd-wrapper .form {
		width: 100%
	}

	.forgetpwd-wrapper .group.special .text {
		width: 56.86%
	}

	.forgetpwd-wrapper .group.special .button {
		width: 41.18%
	}

	.forgetpwd-wrapper .button {
		font-size: 12px
	}

	.modal-box .brief,
	.forgetpwd-wrapper .brief {
		font-size: 14px
	}

	.modal-box .submit,
	.forgetpwd-wrapper .submit,
	.modal-box .button,
	.forgetpwd-wrapper .button {
		line-height: 48px
	}

	.modal-box .submit,
	.forgetpwd-wrapper .submit {
		font-size: 16px
	}

	.modal-box .text,
	.forgetpwd-wrapper .text {
		font-size: 14px;
		line-height: 46px
	}

	.modal-box ::-webkit-input-placeholder,
	.forgetpwd-wrapper ::-webkit-input-placeholder {
		color: 14px;
		font-size: #666
	}

	.modal-box :-moz-placeholder,
	.forgetpwd-wrapper :-moz-placeholder {
		color: 14px;
		font-size: #666
	}

	.modal-box ::-moz-placeholder,
	.forgetpwd-wrapper ::-moz-placeholder {
		color: 14px;
		font-size: #666
	}

	.modal-box :-ms-input-placeholder,
	.forgetpwd-wrapper :-ms-input-placeholder {
		color: 14px;
		font-size: #666
	}

	.contact-wrapper .w1200 {
		display: block
	}

	.contact-wrapper .item {
		width: 100%;
		margin-top: 20px
	}

	.contact-wrapper .item:first-child {
		margin-right: 0
	}

	.contact-wrapper .item li {
		padding: 14px 0 14px 40px;
		background-position: top 18px left 8px
	}

	.contact-wrapper .address,
	.contact-wrapper .item li {
		background-size: 20px
	}

	.contact-wrapper .name {
		font-size: 18px;
		line-height: 26px;
		padding-bottom: 6px;
		border-width: 1px
	}

	.contact-wrapper .address {
		font-size: 15px;
		padding: 15px 0 15px 40px;
		background-position: top 15px left 8px
	}
}