@charset "UTF-8";

	.jss10 {
		width: 100%;
		cursor: pointer;
		height: auto;
	}

	.jss10:hover {color: #BD0000;}
	.jss12 {
		opacity: 1;
		transform: translateY(0);
		pointer-events: unset;
	}

	.jss13 {
		width: 100%;
		cursor: pointer;
		height: auto;
	}

	.jss13:hover {
		color: #BD0000;
	}
	.jss1 {
		background-color: #ffffff !important;
	}
	.jss3 {
		width: 130px;
		height: 32px;
	}
	@media (max-width:1179.95px) {
		.jss4 {
			display: none;
		}
	}

	.jss5 {
		cursor: pointer;
	}

	.jss5:hover {
		opacity: 0.8;
	}

	.jss6 {
		color: #BD0000;
	}

	.jss7 {
		margin-left: 8px;
	}

	@media (min-width:1180px) {
		.jss7 {
			display: none;
		}
	}
	

	.jss53 {
		position: relative;
	}

	@media (max-width:1179.95px) {
		.jss53 {
			position: static;
		}
	}

	.jss18 {
		padding: 154px 76px 178px;
	}

	@media (max-width:1179.95px) {
		.jss18 {
			padding: 112px 36px 112px;
		}
	}

	@media (max-width:959.95px) {
		.jss18 {
			padding: 0;
		}
	}

	.jss19 {
		padding: 72px 88px;
		max-width: 60%;
	}

	@media (max-width:1179.95px) {
		.jss19 {
			padding: 48px 64px;
		}
	}

	@media (max-width:959.95px) {
		.jss19 {
			max-width: 100%;
		}
	}

	@media (max-width:767.95px) {
		.jss19 {
			padding: 40px 24px;
		}
	}

	.jss20 {
		width: 180px;
		height: 48px;
	}

	.jss21 {
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
		object-fit: cover;
	}

/* 	.jss22 {
		display: none;
	} */

	@media (max-width:959.95px) {
		.jss22 {
			display: block;
		}
		.p-r{
			margin-top: 20px;
		}
	}
	.jss38 {
		width: 100%;
		cursor: pointer;
		padding: 80px 60px 54px;
	}

	@media (max-width:1179.95px) {
		.jss38 {
			padding: 48px 36px 24px;
		}
	}

	@media (max-width:767.95px) {
		.jss38 {
			padding: 24px 20px 20px;
		}
			
		.p-r{
			margin-top: 20px;
		}
	}

	.jss39 {
		min-height: 162px;
	}

	@media (max-width:767.95px) {
		.jss39 {
			width: 100%;
			min-height: auto;
		}
	}

	.jss40 {
		right: 52px;
		width: 45.7%;width: 336px;height: 336px;
		bottom: -36.8%;
		cursor: pointer;
	}
	.xuanze{
		width: 620px;height: auto;
	}
	.js-fengfu{
		position: absolute;left: 40px;top: 100px;
	}
	.js-jingzhun{
		position: absolute;left: 0;top: 250px;
	}
	.js-jingyan{
		position: absolute;right:50px;top:80px;
	}
	.js-quanfang{
		position: absolute;right: 0;top: 260px;
	}
	.jsapp-fengfu,.jsapp-jingyan,.jsapp-jingzhun,.jsapp-quanfang{
		width: 49%;
	}
	.js-app{display: none;}
	@media screen and (min-width: 1180px) {
		display: none;
	}
	
	@media (max-width:1179.95px) {
		.jss40 {right: 28px;}
		.js-app{display: none;}
		.xuanze{
			width: 520px;height: auto;
		}
		.js-fengfu{
			width: 360px;top: 80px;
		}
		.js-jingzhun{
			width: 220px;top: 200px;
		}
		.js-jingyan{
			width: 310px;top:50px;
		}
		.js-quanfang{
			width: 310px;top:200px;
		}
	}

	@media (max-width:990.95px) {
		.jss40 {
			right: 20px;
			display: none;
		}
		.js-pc{display: none;}
		.js-app{display: block;}
		.jsapp-center{
			margin-top: -120px;
		}
	}
	@media (max-width:767.95px) {
		.jsapp-center{
			margin-top: -70px;
		}
	}
	@media (max-width: 500px) {
		.jss40 {
			right: 0;
			bottom: -40px;
		}
		.jsapp-center{
			margin-top: -60px;
		}
	}

	.jss41 {
		left: 80px;
		width: 35%;
		bottom: -14.5%;
		cursor: pointer;
	}

	@media (max-width:1179.95px) {
		.jss41 {
			left: 56px;
		}
	}

	@media (max-width:767.95px) {
		.jss41 {
			left: 20px;
			display: none;
		}
	}
	@media (max-width:767.95px) {
		.jss29 {
			flex-wrap: wrap;
			flex-direction: column-reverse;
		}
	}

	.jss30 {
		width: 54%;
		margin-left: -22px;
	}

	@media (max-width:767.95px) {
		.jss30 {
			width: 100%;
			margin-left: 0;
		}
	}

	.jss31 {
		width: 40.44%;
		margin-top: -148px;
		margin-left: 48px;
	}

	@media (max-width:767.95px) {
		.jss31 {
			width: 65%;
			margin: -72px auto 16px;
		}
	}
	@media (max-width:767.95px) {
		.jss32 {
			flex-wrap: wrap;
			flex-direction: column-reverse;
		}
	}

	.jss33 {
		width: 50%;
		padding-top: 52px;
		padding-right: 118px;
	}

	@media (max-width:1179.95px) {
		.jss33 {
			padding-top: 36px;
			padding-right: 72px;
		}
	}

	@media (max-width:959.95px) {
		.jss33 {
			padding-right: 36px;
		}
	}

	@media (max-width:767.95px) {
		.jss33 {
			width: 100%;
			padding-top: 0;
			padding-right: 0;
		}
	}

	.jss34 {
		width: 50%;
	}

	@media (max-width:767.95px) {
		.jss34 {
			width: 100%;
		}
	}

	.jss34 img {
		width: calc(100% + 50px);
		height: 100%;
	}

	@media (max-width:767.95px) {
		.jss34 img {
			width: 100%;
		}
	}
	.jss35 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.jss36:after {
		flex: auto;
		content: "";
		display: block;
	}

	.jss37 {
		width: 285px;
		height: 88px;
		margin: 40px 0;
	}

	@media (max-width:1179.95px) {
		.jss37 {
			margin: 24px 0;
		}
	}

	@media (max-width:959.95px) {
		.jss37 {
			width: 226px;
			margin: 16px 0;
		}
	}

	@media (max-width:767.95px) {
		.jss37 {
			width: 165px;
			height: 60px;
		}
	}
	.jss56 {
		padding-top: 72px;
	}

	@media (max-width:767.95px) {
		.jss56 {
			flex-wrap: wrap;
			padding-top: 36px;
		}
	}

	.jss57 {
		margin: 0 32px;
		padding-left: 8px;
	}

	@media (max-width:1179.95px) {
		.jss57 {
			margin: 0 16px;
		}
	}

	@media (max-width:767.95px) {
		.jss57 {
			width: calc(50% - 8px);
			margin: 4px 4px;
		}
	}

	@media (max-width: 500px) {
		.jss57 {
			width: calc(100% - 16px);
			margin: 8px 8px;
		}
	}

	.jss58 {
		padding: 76px 60px 48px;
		max-width: 428px;
		max-height: 284px;
	}

	@media (max-width:1179.95px) {
		.jss58 {
			padding: 56px 48px 36px;
		}
	}

	@media (max-width:959.95px) {
		.jss58 {
			padding: 56px 24px 20px;
		}
	}

	.jss59 {
		margin-bottom: 32px;
	}

	@media (max-width:959.95px) {
		.jss59 {
			margin-bottom: 16px;
		}
	}

	.jss60 {
		top: 16px;
		left: 0;
		width: 122px;
		height: 30px;
	}

	.jss60:after {
		left: 0;
		width: 8px;
		bottom: -8px;
		height: 8px;
		content: "";
		display: block;
		position: absolute;
		background: #BD0000;
	}
	.jss23 {
		width: 40%;padding-top: 32px;text-align: justify;
		line-height: 1.6;
	}
	.jss26 {width:60%;padding-top: 40px;}
	.jss261 {width:60%;margin-left: 20px;}
	.jss26 img,.jss261 img {
		width: calc(100% + 50px);
		height: 100%;
	}
	.jss24 {
		padding-top:50px;
		text-indent: 2em;
		width:76%;line-height: 2;
	}
	@media (max-width:992px) {
		.jss23 {
			width: 100%;
		}
		.jss26,.jss261 {
			display: none;
		}
		.jss24{
			width: 100%;
		}
	}
	.jss25 {
		width: 100%;
		margin-top: 24px;
	}
	
	@media (min-width:992px) {
		.jss25 {
			display: none;
		}
		
	}
	@media (max-width:1179.95px) {
		.jss24 {
			padding-top: 36px;
			
		}
	}
	
	@media (max-width:767.95px) {
		.jss24 {
			padding-top: 20px;
			width: 100%;
		}
	}


	
	.jss27 {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	@media (max-width:767.95px) {
		.jss27 {
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}

	.jss28 {
		width: 25%;
	}

	@media (max-width:767.95px) {
		.jss28 {
			width: 50%;
		}
	}

	@media (max-width: 500px) {
		.jss28 {
			width: 100%;
		}
	}