.main-content {
	width: 100%;
	margin-top: 8.2rem
}

.main-content p {
	font-size: 12px
}

.main-content .content-nav {
	width: 100%;
	height: 5.83rem;
	background: #f7f8fa
}

.main-content .content-nav .nav-list {
	width: 40%;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin: 0 auto
}

.main-content .content-nav .nav-list .list-item {
	width: 20%;
	line-height: 5.83rem;
	color: #666;
	text-align: center
}

.main-content .content-nav .nav-list .list-item a {
	display: inline-block;
	text-align: center;
	color: #666;
	text-decoration: none;
	font-size: 14px
}

.main-content .content-nav .nav-list .list-item.active {
	border-bottom: 2px solid #00a4ff
}

.main-content .Porta-potty a {
	background-color: #fff;
	position: absolute;
	color: #2e3b8e !important;
	padding: 3px 10px 3px 20px;
	border-radius: 15px;
	left: 23%;
	bottom: 28%;
	font-weight: 700;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.main-content .Porta-potty a span {
	width: 0;
	height: 0;
	margin: 0 0 0 8px;
	border: 8px solid transparent;
	border-left: 8px solid #2e3b8e;
	display: block
}

.main-content .mapTooltip {
	padding: 0 15px
}

.main-content .mapTooltip p {
	font-size: 12px;
	margin-bottom: .3rem
}

.main-content .mapTooltip .star {
	color: gold
}

.main-content .content1 {
	height: 1500px
}

.main-content .content1 .product {
	position: relative;
	width: 370px;
	height: 370px;
	background: #f8f9fb;
	border-radius: 8px;
	padding: 0 8%
}

.main-content .content1 .product>img {
	width: 102px;
	height: 102px;
	margin-top: 62px
}

.main-content .content1 .product .pro-title {
	margin: 34px 0 10px 0;
	font-size: 20px
}

.main-content .content1 .product .pro-desc {
	font-size: 14px;
	color: #696969;
	text-align: left
}

.main-content .content1 .product .hover-box {
	width: 100px;
	height: 514px;
	position: absolute;
	top: 0;
	left: -4%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4px 5px #dedede;
	display: none
}

.main-content .content1 .product .hover-box .pro-info {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	margin-top: 30px
}

.main-content .content1 .product .hover-box .pro-info .pro-icon {
	width: 30%
}

.main-content .content1 .product .hover-box .pro-info .pro-icon img {
	width: 87px;
	height: 87px
}

.main-content .content1 .product .hover-box .pro-info .pro-introduce {
	width: 70%;
	padding-right: 10px
}

.main-content .content1 .product .hover-box .pro-info .pro-introduce .pro-introduce-title {
	font-size: 17px;
	color: #333;
	text-align: left;
	margin-top: 10px
}

.main-content .content1 .product .hover-box .pro-info .pro-introduce .sub-introduce {
	color: #696969;
	text-align: left
}

.main-content .content1 .product .hover-box .pro-list {
	margin-top: 40px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: wrap
}

.main-content .content1 .product .hover-box .pro-list .pro-list-item {
	height: 120px;
	width: 50%;
	margin-left: -5%
}

.main-content .content1 .product .hover-box .pro-list .pro-list-item dt {
	height: 65px
}

.main-content .content1 .product .hover-box .pro-list .pro-list-item dd {
	color: #666;
	font-size: 12px
}

.main-content .content1 .product .hover-box .more-info {
	display: inline-block;
	width: 80px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #19bbff;
	border-radius: 4px;
	font-size: 14px;
	color: #19bbff;
	position: absolute;
	left: 6%;
	bottom: 8%
}

.main-content .content1 .product:hover .hover-box {
	width: 400px;
	display: block
}

.main-content .content1 .concat-img img {
	width: 70% !important
}

.main-content .content2 {
	height: 720px;
	background: #070c41
}

.main-content .content2 .advantage {
	color: #fff
}

.main-content .content2 .advantage .advantage-box {
	width: 90%;
	margin: 0 auto 20px auto;
	border: 1px solid #999;
	border-radius: 20px;
	padding: 48px 15px;
	height: 326px
}

.main-content .content2 .advantage .advantage-icon {
	height: 90px;
	text-align: center
}

.main-content .content2 .advantage .advantage-title {
	font-size: 24px
}

.main-content .content2 .advantage .advantage-desc {
	margin-top: 38px;
	font-size: 16px;
	text-align: left
}

.main-content .content3 {
	padding-bottom: 0 !important
}

.main-content .content4 {
	padding-bottom: 0 !important
}

.main-content .content4 .place-box {
	width: 1100px;
	height: 60px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row
}

.main-content .content4 .place-box .place-item {
	width: 16.66%;
	color: #666;
	line-height: 60px;
	font-size: 20px
}

.main-content .content4 .place-box .place-item:hover {
	cursor: pointer
}

.main-content .content4 .place-box .place-item.active {
	border-bottom: 2px solid #19bbff
}

.main-content .content4 .set-back {
	width: 100%;
	height: 380px;
	background: #f7f8fa
}

.main-content .content4 .set-back .container {
	margin: 0 auto
}

.main-content .content4 .set-back .container .tab {
	display: none
}

.main-content .content4 .set-back .container .tab.active {
	display: block
}

.main-content .content4 .set-back .container .main-pic {
	margin-top: 40px
}

.main-content .content4 .set-back .container .case-title {
	font-size: 20px;
	color: #333;
	margin-top: 69px;
	text-align: left
}

.main-content .content4 .set-back .container .case-subtit {
	color: #6a6a6a;
	text-align: left
}

.main-content .content4 .set-back .container .case-box {
	margin-top: 50px
}

.main-content .content4 .set-back .container .case-name {
	color: #333;
	font-size: 18px;
	text-align: left
}

.main-content .content4 .set-back .container .case-img-box {
	margin-top: 25px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row
}

.main-content .content4 .set-back .container .case-img-box .item-img {
	width: 18%;
	margin: 0 1%
}

.main-content .content4 .set-back .container .case-img-box .item-img:first-child {
	margin: 0 1% 0 0
}

.main-content .content4 .set-back .container .case-img-box .item-img img {
	width: 100%
}

.main-content .content5 {
	padding: 8.3rem 0 2rem 0 !important
}

.main-content .content6 {
	padding: 0 !important
}

.main-content .content {
	padding: 8.3rem 0;
	text-align: center
}

.main-content .content .line {
	margin: 27px 0
}

.main-content .content .content-title {
	font-size: 2.5rem
}

.main-content .content .sub-desc {
	font-size: 1.5rem;
	color: #666
}

.main-content .content .white {
	color: #fff;
	margin-bottom: .5rem
}

.main-content .content .container {
	margin: 80px auto
}

.main-content .content .container .company-logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 20px
}

.main-content .content .container .company-logo .logo-box {
	width: 216px;
	height: 120px;
	border: 1px solid #e5e5e5;
	line-height: 120px;
	text-align: center
}

@media only screen and (min-width:1000px) and (max-width:1200px) {
	.main-content {
		margin-top: 0
	}

	.main-content .content-nav {
		height: 40px
	}

	.main-content .content-nav .nav-list {
		width: 100%
	}

	.main-content .content-nav .nav-list .list-item {
		height: 40px !important;
		line-height: 40px
	}

	.main-content .content {
		padding: 60px 0
	}

	.main-content .content .content-title {
		font-size: 24px
	}

	.main-content .content .line {
		margin: 10px 0
	}

	.main-content .content .sub-desc {
		font-size: 16px;
		width: 80%;
		margin: 0 auto
	}

	.main-content .content .container {
		margin: 60px 0 0 0
	}

	.main-content .content1 {
		height: auto
	}

	.main-content .content1 .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333% !important;
		max-width: 33.3333%
	}

	.main-content .content1 .col-md-4 .product {
		width: 99%;
		margin-bottom: 20px
	}

	.main-content .content1 .col-md-4 .product:hover .hover-box {
		width: 100%;
		display: block;
		z-index: 99;
		left: .5%;
		padding-left: 2%
	}

	.main-content .content1 .col-md-4 .product.sp {
		margin-bottom: 0 !important
	}

	.main-content .content2 {
		height: auto
	}

	.main-content .content2 .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25% !important;
		max-width: 25%
	}

	.main-content .content4 .roll-place {
		width: 100%;
		overflow-x: scroll;
		overflow: hidden
	}

	.main-content .content4 .place-box {
		width: 400px;
		padding: 0 .5%
	}

	.main-content .content4 .place-box .place-item {
		width: 16.66%;
		font-size: 12px
	}

	.main-content .content4 .set-back {
		height: auto;
		background: #f7f8fa;
		padding-bottom: 40px
	}

	.main-content .content4 .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40% !important;
		max-width: 40%
	}

	.main-content .content4 .main-pic img {
		width: 90%
	}

	.main-content .content5 .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important
	}

	.main-content .content5 .col-sm-6 .logo-box {
		width: 100% !important
	}

	.main-content .content5 .col-sm-6 .logo-box img {
		width: 120px
	}
}

@media only screen and (min-width:406px) and (max-width:1000px) {
	.main-content .Porta-potty a {
		left: 25%;
		bottom: 20%;
		font-size: 15px
	}

	.main-content .Porta-potty a span {
		border: 6px solid transparent;
		border-left: 6px solid #2e3b8e
	}

	.content5 .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important
	}

	.content5 .col-sm-6 .logo-box {
		width: 100% !important
	}

	.content5 .col-sm-6 .logo-box img {
		width: 100px !important
	}
}

@media only screen and (min-width:100px) and (max-width:1000px) {
	.main-content {
		margin-top: 0
	}

	.main-content .content-nav {
		height: 40px
	}

	.main-content .content-nav .nav-list {
		width: 100%
	}

	.main-content .content-nav .nav-list .list-item {
		height: 40px !important;
		line-height: 40px
	}

	.main-content .content-nav .nav-list .list-item a {
		font-size: 12px
	}

	.main-content .Porta-potty a {
		left: 10%;
		bottom: 20%;
		font-size: 12px
	}

	.main-content .Porta-potty a span {
		border: 5px solid transparent;
		border-left: 5px solid #2e3b8e
	}

	.main-content .content {
		padding: 60px 0
	}

	.main-content .content .content-title {
		font-size: 24px
	}

	.main-content .content .line {
		margin: 10px 0
	}

	.main-content .content .sub-desc {
		font-size: 16px;
		width: 80%;
		margin: 0 auto
	}

	.main-content .content .container {
		margin: 60px 0 0 0
	}

	.main-content .content1 {
		height: auto
	}

	.main-content .content1 .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100%
	}

	.main-content .content1 .col-md-4 .product {
		width: 100%;
		margin-bottom: 20px
	}

	.main-content .content1 .col-md-4 .product:hover .hover-box {
		width: 100%;
		display: block;
		z-index: 99;
		left: .5%
	}

	.main-content .content1 .col-md-4 .product.sp {
		margin-bottom: 0 !important
	}

	.main-content .content2 {
		height: auto
	}

	.main-content .content2 .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100%
	}

	.main-content .content4 .roll-place {
		width: 100%;
		overflow-x: scroll;
		overflow: hidden
	}

	.main-content .content4 .place-box {
		width: 400px;
		padding: 0 .5%
	}

	.main-content .content4 .place-box .place-item {
		width: 16.66%;
		font-size: 12px
	}

	.main-content .content4 .set-back {
		height: auto;
		background: #f7f8fa;
		padding-bottom: 40px
	}

	.main-content .content4 .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100%
	}

	.main-content .content4 .main-pic img {
		width: 99%
	}

	.main-content .content5 .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important
	}

	.main-content .content5 .col-sm-6 .logo-box {
		width: 100% !important
	}

	.main-content .content5 .col-sm-6 .logo-box img {
		width: 70%
	}
}

@media only screen and (min-width:100px) and (max-width:380px) {
	.main-content .Porta-potty a {
		display: none
	}
}