.layout {
	position:relative;
	overflow:hidden;
}
.wrap {
	width:89.58333333333334rem;
	margin:0 auto;
}
.footer {
	background:#f8f8f8;
	padding-top:4.0625rem;
}
.footer .tps .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .tps .lts {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:46.09375rem;
	position:relative;
	padding-right:4.895833333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .tps .lts::before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:13.645833333333334rem;
	background:#e5e5e5;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
}
.footer .tps .rts {
	width:calc(100% - 46.09375rem);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding-left:4.6875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .tps .logo {
	display:block;
}
.footer .tps .logo img {
	max-height:3.125rem;
	display:block;
	object-fit:contain;
}
.footer .tps .wxs {
	width:7.083333333333334rem;
	margin-top:2.7083333333333335rem;
}
.footer .tps .wx {
	width:100%;
	height:7.083333333333334rem;
	display:block;
}
.footer .tps .wx img {
	width:100%;
	display:block;
}
.footer .tps .ls p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#b1afaf;
	margin-top:0.2604166666666667rem;
	text-align:center;
}
.footer .tps .ts li {
	display:flex;
	align-items:center;
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#868584;
	margin-bottom:0.7291666666666667rem;
}
.footer .tps .ts li img {
	max-height:0.7291666666666667rem;
	display:block;
	object-fit:contain;
	margin-right:0.3125rem;
}
.footer .tps .fxs {
	margin-top:4.166666666666667rem;
}
.footer .tps .fxs h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#3f3b3a;
	margin-bottom:0.2604166666666667rem;
}
.footer .tps .fxs dl {
	display:flex;
	align-items:center;
}
.footer .tps .fxs dd {
	width:1.5625rem;
	height:1.5625rem;
	background:#e5e5e5;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	margin-right:0.5208333333333334rem;
	cursor:pointer;
}
.footer .tps .fxs dd .ico {
	max-height:0.6770833333333334rem;
	display:block;
	object-fit:contain;
}
.footer .tps .fxs dd .dli {
	position:absolute;
	left:-1.4583333333333335rem;
	right:-1.4583333333333335rem;
	top:100%;
	z-index:1;
	width:5.208333333333334rem;
	height:5.208333333333334rem;
	background:#fff;
	padding:0.15625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}
.footer .tps .fxs dd:hover .dli {
	display:block;
}
.footer .tps .fxs dd .dli img {
	width:100%;
	height:100%;
	display:block;
}
.footer .tps .rts dl {
	max-width:10.416666666666668rem;
}
.footer .tps .rts dt {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#3f3b3a;
	margin-bottom:0.3125rem;
}
.footer .tps .rts dd a {
	font-size:0.7291666666666667rem;
	line-height:2.0833333333333335rem;
	display:block;
	color:#868584;
}
.footer .links {
	margin-top:4.375rem;
}
.footer .links h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#3f3b3a;
	font-weight:bold;
	margin-bottom:0.20833333333333334rem;
}
.footer .links dl {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.footer .links dd a {
	font-size:0.7291666666666667rem;
	line-height:1.4583333333333335rem;
	color:#3f3b3a;
	display:block;
	margin-right:1.0416666666666667rem;
}
.footer .tfs {
	margin-top:1.25rem;
	padding:0.8333333333333334rem 0;
	border-top:0.052083333333333336rem solid #e5e5e5;
}
.footer .tfs .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .tfs h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#3f3b3a;
}
.footer .tfs h6 span {
	margin-left:2.3958333333333335rem;
}
.copyright a,.copyright {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#3f3b3a;
}
.copyright a {
	margin-left:0.9375rem;
}
.pages dl {
	display:flex;
	align-items:center;
	justify-content:center;
}
.pages dd {
	text-align:center;
	font-size:0.7291666666666667rem;
	margin:0 0.4166666666666667rem;
	line-height:1.5625rem;
	color:#363636;
}
.pages dd a {
	font-size:0.7291666666666667rem;
	line-height:1.5625rem;
	color:#363636;
	display:inline-block;
	padding:0 0.4166666666666667rem;
	border-radius:0.20833333333333334rem;
	min-width:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.pages dd a:hover,.pages dd.on a {
	background:#b51d23;
	color:#fff;
}
.pages dd:first-child {
	margin-right:1.5625rem;
}
.pages dd:last-child {
	margin-left:1.5625rem;
}
.dsbanner {
	height:46.614583333333336rem;
	padding-top:8.854166666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.dsbanner .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 5.208333333333334rem 0 9.375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.dsbanner .txt {
	width:32.29166666666667rem;
}
.dsbanner .pic {
	width:42.1875rem;
}
.dsbanner .pic img {
	max-width:100%;
	display:block;
}
.dsbanner .txt h3 {
	font-size:2.8645833333333335rem;
	line-height:1.6;
	color:#273748;
	font-weight:bold;
	letter-spacing:0.20833333333333334rem;
	margin-bottom:1.5625rem;
}
.dsbanner .txt p {
	font-size:1rem;
	line-height:2rem;
	color:#59636e;
}
.dsbanner .btn {
	width:9.895833333333334rem;
	line-height:2.7083333333333335rem;
	background:#b51d23;
	font-size:0.9375rem;
	color:#fff;
	display:block;
	text-align:center;
	margin-top:2.6875rem;
}
.dsfuw {
	padding:4.427083333333334rem 0;
}
.dsfuw ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.dsfuw li {
	margin-bottom:2.604166666666667rem;
	width:calc((100% - 2.0833333333333335rem)/2);
}
.dsfuw li .img {
	height:25.78125rem;
	overflow:hidden;
}
.dsfuw li .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.dsfuw li h4 {
	margin:1.0416666666666667rem 0 0.625rem;
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#363636;
	font-weight:bold;
}
.dsfuw li p {
	font-size:0.7291666666666667rem;
	line-height:1.5;
	color:#666666;
	height:3em;
	overflow:hidden;
}
.yxbanner {
	height:31.25rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.yxbanner .txt {
	text-align:center;
}
.yxbanner .txt h1, .yxbanner .txt h2 {
	font-size:3.125rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
}
.yxbanner .txt p {
	font-size:1.1458333333333335rem;
	line-height:1.5;
	color:#fff;
	margin-top:1.3541666666666667rem;
}
.utfoms {
	width:32.03125rem;
	margin:2.291666666666667rem auto 0;
	background:#fff;
	border-radius:1.7708333333333335rem;
	height:3.229166666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.utfoms .t1 {
	width:calc(100% - 4.166666666666667rem);
	height:100%;
	border:none;
	background:none;
	cursor:pointer;
	padding:0 1.3020833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.9375rem;
	color:#333;
}
.utfoms .btn {
	width:4.0625rem;
	height:100%;
	background:url(../images/y1.png) no-repeat center/1.1979166666666667rem auto;
	border:none;
	cursor:pointer;
	font-size:0;
}
.uwcase {
	border-bottom:0.052083333333333336rem solid #f0f0f0;
	padding:1.0416666666666667rem 0 0.5208333333333334rem;
}
.uwcase dl {
	display:flex;
	flex-wrap:wrap;
}
.uwcase dd {
	margin-left:1.0416666666666667rem;
	margin-bottom:0.5208333333333334rem;
}
.uwcase dd a {
	padding:0 0.7291666666666667rem;
	display:inline-block;
	font-size:0.7291666666666667rem;
	line-height:1.4583333333333335rem;
	color:#363636;
}
.uwcase dd a:hover,.uwcase dd.on a {
	background:#b51d23;
	color:#fff;
}
.yxcase {
	padding:3.125rem 0 4.375rem;
}
.yxcase li a {
	display:inline-block;
	text-align:center;
}
.yxcase li .pics {
	overflow:hidden;
	position:relative;
	display:inline-block;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
}
.yxcase li .pics .img {
	width:100%;
	display:block;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.yxcase li .pics:hover .msk {
	opacity:1;
	pointer-events:auto;
	transform:translateY(0);
}
.yxcase li .pics:hover .img {
	transform:scale(1.03);
}
.yxcase li .pics .msk {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	opacity:0;
	pointer-events:none;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	   -moz-transition:all 0.3s;
	/* Firefox*/
	   -webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	   -o-transition:all 0.3s;
	transform:translateY(-0.5208333333333334rem);
}
.yxcase li .pics .ico {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	width:2.916666666666667rem;
	display:block;
	margin:0 auto;
}
.yxcase li h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#353535;
	margin-top:0.2604166666666667rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.yxcase .bns {
	text-align:center;
	display:block;
	margin-top:1.5625rem;
	-webkit-animation:bounce-up 2s linear infinite;
	animation:bounce-up 2s linear infinite;
	cursor:pointer;
}
.yxcase .bns span {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	background:url(../images/qw31.png) no-repeat bottom center/0.5729166666666667rem auto;
	padding-bottom:1.0416666666666667rem;
	display:inline-block;
}
.yxbanner .black h1,.yxbanner .black h2,.yxbanner .black p {
	color:#232323;
}
.uwcasezs {
	padding:2.604166666666667rem 0 5.729166666666667rem;
}
.uwcasezs ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.uwcasezs li {
	margin-right:2.8125rem;
	margin-bottom:2.0833333333333335rem;
	width:calc((100% - 5.729166666666667rem)/3);
	border:1px solid #dddddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s ease;
}
.uwcasezs li:hover {
	border-color:#fff;
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.uwcasezs li:nth-child(3n) {
	margin-right:0;
}
.uwcasezs li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#858585;
	padding:0.8333333333333334rem 0.7291666666666667rem;
}
.uwcasezs li h6 span {
	color:#353535;
	font-size:0.9375rem;
	font-weight:bold;
	display:inline-block;
	margin-right:0.625rem;
}
.uwcasezs li .pics {
	height:17.1875rem;
	overflow:hidden;
	position:relative;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	perspective:52.083333333333336rem;
}
.uwcasezs li .img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
	transform:rotate(0) scale(1);
}
.uwcasezs li .msk {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	background:rgba(0,0,0,0.75);
	opacity:0;
	pointer-events:none;
	transform:translate(1.5625rem,1.5625rem) scale(0.95);
	transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);
}
.uwcasezs li .ts {
	text-align:center;
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	transform:translateY(1.0416666666666667rem);
	transition:all 0.4s ease 0.2s;
}
.uwcasezs li .ts > div {
	width:100%;
	padding:0 0.7291666666666667rem;
	box-sizing:border-box;
}
.uwcasezs li .ts .ico {
	width:2.7083333333333335rem;
	display:block;
	margin:0 auto 0.8333333333333334rem;
	transition:all 0.5s ease 0.3s;
	transform:rotate(0deg) scale(0.8);
	opacity:0;
}
.uwcasezs li .ts h4 {
	font-size:0.9375rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.20833333333333334rem;
	transition:all 0.3s ease 0.4s;
	transform:translateY(0.5208333333333334rem);
	opacity:0;
}
.uwcasezs li .ts p {
	font-size:0.7291666666666667rem;
	line-height:1.5;
	color:#fff;
	transition:all 0.3s ease 0.5s;
	transform:translateY(0.5208333333333334rem);
	opacity:0;
}
.uwcasezs li .ts::before,.uwcasezs li .ts::after {
	content:"";
	position:absolute;
	width:0;
	left:50%;
	right:auto;
	height:0.052083333333333336rem;
	background:#fff;
	top:1.1458333333333335rem;
	z-index:1;
	transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0.15s;
}
.uwcasezs li .ts::after {
	bottom:1.1458333333333335rem;
	top:auto;
	transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0.2s;
}
.uwcasezs li .pics:hover .img {
	transform:rotate(-1deg) scale(1.08);
}
.uwcasezs li .pics:hover .msk {
	opacity:1;
	pointer-events:auto;
	transform:translate(0,0) scale(1);
}
.uwcasezs li .pics:hover .ts {
	opacity:1;
	transform:translateY(0);
}
.uwcasezs li .pics:hover .ts .ico {
	transform:rotate(360deg) scale(1);
	opacity:1;
}
.uwcasezs li .pics:hover .ts h4,.uwcasezs li .pics:hover .ts p {
	transform:translateY(0);
	opacity:1;
}
.uwcasezs li .pics:hover .ts::before,.uwcasezs li .pics:hover .ts::after {
	width:calc(100% - 1.4583333333333335rem);
	left:0.7291666666666667rem;
	right:0.7291666666666667rem;
}
.casedel .hds {
	background:#f7f7f7;
	padding:6.770833333333334rem 0;
}
.uwture {
	width:5.208333333333334rem;
	display:block;
	text-align:center;
	background:#fff;
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.1);
	border-radius:3.125rem;
	margin-left:3.125rem;
}
.uwture span {
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#999999;
	display:inline-block;
	background:url(../images/a37.png) no-repeat left center/0.36458333333333337rem auto;
	padding-left:0.78125rem;
}
.casedel .hds .flax {
	padding:0 3.125rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:3.6458333333333335rem;
}
.casedel .hds .pic {
	width:26.041666666666668rem;
}
.casedel .hds .pic img {
	max-width:100%;
	display:block;
	object-fit:contain;
}
.casedel .hds .txt {
	width:calc(100% - 29.6875rem);
}
.casedel .hds h3, .casedel .hds h1 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#232323;
}
.casedel .hds p {
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#363636;
	margin:0.8333333333333334rem 0 2.0833333333333335rem;
}
.casedel .hds .bns {
	margin-top:2.0833333333333335rem;
	text-align:center;
	display:block;
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.1);
	width:9.583333333333334rem;
	background:#fff;
}
.casedel .hds .bns span {
	font-size:0.8333333333333334rem;
	line-height:2.7083333333333335rem;
	color:#666666;
	padding-left:1.3020833333333335rem;
	display:inline-block;
	background:url(../images/y19.png) no-repeat left center/0.9375rem auto;
}
.casedel .dels {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#363636;
	padding:5.208333333333334rem 0;
}
.casedel .dels img {
	max-width:100%;
	height:auto !important;
	display:block;
	margin: 0 auto;
}
.uityouce {
	position:fixed;
	right:0.5%;
	bottom:24%;
	z-index:999;
}
.uityouce li {
	background:#fff;
	width:3.6458333333333335rem;
	height:3.4375rem;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	background:#b51c22;
}
.uityouce li .icon {
	height:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.uityouce li .icon::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:2.0833333333333335rem;
	height:0.052083333333333336rem;
	background:rgba(255,255,255,0.1);
	margin:0 auto;
}
.uityouce li .icon img {
	margin:0 auto;
	display:block;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}
.uityouce li .weixs {
	width:7.604166666666667rem;
	position:absolute;
	right:100%;
	margin-right:1.0416666666666667rem;
	top:-1.71875rem;
	z-index:11;
	background:#fff;
	border-radius:0.3125rem;
	padding:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.uityouce li .weixs img {
	display:block;
	width:100%;
}
.uityouce li a {
	height:100%;
	display:block;
}
.uityouce li:hover .hover {
	display:block;
}
.uityouce .phone {
	position:absolute;
	right:100%;
	top:18%;
	line-height:2.604166666666667rem;
	padding:0 1.0416666666666667rem;
	background:#fff;
	white-space:nowrap;
	font-size:0.9375rem;
	color:#333;
	border-radius:0.3125rem;
	margin-right:0.78125rem;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	display:none;
}
.uityouce li:hover .hover {
	display:block;
}
.uityouce li.utops {
	margin-top:0.2604166666666667rem;
	height:2.1875rem;
}
.picdel {
	background:#f7f7f7;
	padding:7.291666666666667rem 0;
	border-bottom:0.052083333333333336rem solid #e4e4e4;
}
.picdel .flax {
	margin-top:2.604166666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:0 3.125rem;
}
.picdel .pic {
	width:41.66666666666667rem;
}
.picdel .pic img {
	max-width:100%;
	height:auto;
	display:block;
	object-fit:contain;
}
.picdel .txt {
	width:calc(100% - 45.3125rem);
	position:sticky;
	top:6.25rem;
}
.picdel .txt h3 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.picdel .txt dl {
	display:flex;
	flex-wrap:wrap;
	margin-top:1.0416666666666667rem;
}
.picdel .txt dd {
	margin-bottom:0.5208333333333334rem;
	margin-right:0.5208333333333334rem;
}
.picdel .txt dd a{
	padding:0 0.625rem;
	line-height:1.3541666666666667rem;
	border:1px solid #eeeeee;
	border-radius:0.20833333333333334rem;
	background:#fff;
	font-size:0.78125rem;
	color:#666666;
	display: inline-block;
}
.picdel .txt .bns {
	margin-top:7.8125rem;
	text-align:center;
	display:block;
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.1);
	width:9.583333333333334rem;
	background:#fff;
}
.picdel .txt .bns span {
	font-size:0.8333333333333334rem;
	line-height:2.7083333333333335rem;
	color:#666666;
	padding-left:1.3020833333333335rem;
	display:inline-block;
	background:url(../images/y21.png) no-repeat left center/1.0416666666666667rem auto;
}
.pad160 {
	padding:0 8.333333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.jianztops {
	padding:4.6875rem 0 2.0833333333333335rem;
}
.jianztops .hds {
	display:flex;
	justify-content:space-between;
}
.jianztops .swiplts {
	overflow:hidden;
	width:calc(100% - 20.3125rem);
	position:relative;
	height:27.395833333333336rem;
}
.jianztops .swiplts img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.jianztops .hds .rts {
	width:18.75rem;
	position:relative;
}
.jianztops .hds .rts img {
	width:100%;
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
}
.jianztops .hds .ts h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#4e4036;
}
.jianztops .hds .ts .bns {
	width:8.958333333333334rem;
	line-height:2.291666666666667rem;
	background:#4e4036;
	display:block;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#fff;
	margin:0.7291666666666667rem auto 0;
}
.jianztops .hds .ts {
	margin-top:2.5rem;
	text-align:center;
	position:relative;
	z-index:2;
}
.jianztops .swiplts .prev,.jianztops .swiplts .next {
	content:"";
	position:absolute;
	left:1.0416666666666667rem;
	top:50%;
	z-index:1;
	background:url(../images/prev1.png) no-repeat center/0.78125rem auto;
	width:1.3541666666666667rem;
	height:1.3541666666666667rem;
	cursor:pointer;
}
.jianztops .swiplts .next {
	right:1.0416666666666667rem;
	left:auto;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.jianztops .swiplts h6 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#fff;
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:1;
	padding:0 1.0416666666666667rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.jianztops .bds {
	margin-top:3.6458333333333335rem;
}
.jianztops .bds ul {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.jianztops .bds li {
	margin-right:1.875rem;
	width:calc((100% - 3.854166666666667rem)/3);
	margin-bottom:1.0416666666666667rem;
	position:relative;
	padding:2.0833333333333335rem 0.8333333333333334rem 0.8333333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.jianztops .bds li:nth-child(3n) {
	margin-right:0;
}
.jianztops .bds li:nth-child(1) {
	background:#dee1e4;
}
.jianztops .bds li:nth-child(2) {
	background:#e2e0d6;
}
.jianztops .bds li:nth-child(3) {
	background:#e4d8e3;
}
.jianztops .bds li .ico {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	width:10.3125rem;
	display:block;
	object-fit:contain;
}
.jianztops .bds li h3 {
	font-size:1.3541666666666667rem;
	line-height:1.5;
	color:#232323;
}
.jianztops .bds li h4 {
	font-size:0.9375rem;
	line-height:1.5;
	color:#78797b;
	margin-top:0.3125rem;
}
.jianztops .bds li .txt {
	position:relative;
	z-index:2;
	text-align:center;
}
.jianztops .bds li dl {
	margin-top:1.4583333333333335rem;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	z-index:2;
}
.jianztops .bds li dd {
	margin-right:0.10416666666666667rem;
	margin-bottom:0.10416666666666667rem;
	width:calc((100% - 0.4166666666666667rem) / 4);
	background:#fff;
	height:4.895833333333334rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.jianztops .bds li dd h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
}
.jianztops .bds li .icon {
	width:1.875rem;
	height:1.875rem;
	position:relative;
	overflow:hidden;
	margin:0 auto 0.20833333333333334rem;
}
.jianztops .bds li .icon img {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.jianztops .bds li dd:hover .icon img {
	top:-100%;
}
.jianztops .bds li dd:hover {
	background:#b51d23;
}
.jianztops .bds li dd:hover h6 {
	color:#fff;
}
.uwjianzzs {
	padding:2.604166666666667rem 0 6.25rem;
}
.uwjianzzs .wrap {
	display:flex;
	justify-content:space-between;
}
.uwjianzzs .uwlt {
	width:calc(100% - 20.3125rem);
}
.uwjianzzs .uwrt {
	width:18.75rem;
	position:sticky;
	top:7.291666666666667rem;
	z-index:99;
}
.ugytit ul {
	display:flex;
	align-items:flex-start;
}
.ugytit .more {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	display:block;
}
.uwjianzzs .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.uwjianzzs .uwlt {
	width:calc(100% - 20.3125rem);
}
.ugytit {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:0.625rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
}
.ugytit .ls ul {
	display:flex;
	align-items:center;
}
.ugytit .more {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	display:block;
}
.ugytit .ls li {
	margin-right:1.7708333333333335rem;
	position:relative;
}
.ugytit .ls li:last-child {
	margin-right:0;
}
.ugytit .ls li a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	display:block;
}
.ugytit .ls li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.625rem;
	z-index:1;
	width:0;
	height:0.15625rem;
	background:#b51c22;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.ugytit .ls li.on::before{
	width:100%;
}
.ugytit .ls li a:hover,.ugytit .ls li.on a {
	/*font-size:1.25rem;*/
	color:#b51c22;
	font-weight:bold;
}
.cebtit {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	padding-bottom:0.5208333333333334rem;
	border-bottom:0.052083333333333336rem solid #000000;
}
.uwrmzx ul {
	margin-top:1.0416666666666667rem;
}
.uwrmzx li {
	margin-bottom:1.0416666666666667rem;
}
.uwrmzx li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uwrmzx li .img {
	width:6.979166666666667rem;
	overflow:hidden;
}
.uwrmzx li .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uwrmzx li .ts {
	width:calc(100% - 7.552083333333334rem);
}
.uwrmzx li h3 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#363636;
	max-height:3.2em;
	overflow:hidden;
}
.uwrmzx li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	margin-top:0.9375rem;
	color:#b51d23;
	padding-left:0.9375rem;
	background:url(../images/a30.png) no-repeat left center/0.6770833333333334rem auto;
}
.uwksdh,.uwrmzx {
	margin-bottom:1.6666666666666667rem;
}
.uwksdh dl {
	margin-top:1.1458333333333335rem;
	display:flex;
	flex-wrap:wrap;
}
.uwksdh dd a {
	display:inline-block;
	padding:0 1.25rem;
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#666666;
	background:#f8f8f8;
	margin-bottom:0.4166666666666667rem;
	margin-right:0.4166666666666667rem;
}
.uwjzgy {
	margin-bottom:3.125rem;
}
.ujzlist .hds {
	margin-top:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#f8f8f8;
}
.ujzlist .hds .pic {
	width:17.1875rem;
	overflow:hidden;
}
.ujzlist .hds .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.ujzlist .hds .ts {
	width:calc(100% - 19.270833333333336rem);
	padding-right:2.291666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.ujzlist .hds h3 a {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#363636;
	display:block;
	font-weight:bold;
}
.ujzlist .hds h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#b51d23;
	padding-left:0.9375rem;
	background:url(../images/a30.png) no-repeat left center/0.6770833333333334rem auto;
	margin:0.4166666666666667rem 0 0.5208333333333334rem;
}
.ujzlist .hds p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	height:3.2em;
	overflow:hidden;
}
.ujzlist .hds h5 a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	display:inline-block;
	color:#b51d23;
	padding-right:1.6666666666666667rem;
	background:url(../images/a29.png) no-repeat center right /1.1979166666666667rem auto;
}
.ujzlist .hds h5 {
	margin-top:1.0416666666666667rem;
}
.ujzlist .flax {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-top:1.5625rem;
}
.ujzlist dl {
	width:50%;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.ujzlist dl:first-child {
	padding-right:2.0833333333333335rem;
}
.ujzlist dl:last-child {
	padding-left:2.0833333333333335rem;
}
.ujzlist dl:first-child::before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	width:0.052083333333333336rem;
	background:#eeeeee;
	height:100%;
}
.ujzlist dd a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:0.8333333333333334rem;
}
.ujzlist dd:last-child a {
	margin-bottom:0;
}
.ujzlist dd h3 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#3f3b3a;
	width:calc(100% - 5rem);
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ujzlist dd h6 {
	font-size:0.8rem;
	line-height:1.6;
	color:#999999;
}
.uzolist ul {
	padding-bottom:2.604166666666667rem;
}
.uzolist li a {
	display:flex;
	justify-content:space-between;
	padding:1.5625rem 0;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.uzolist li .pic {
	width:19.270833333333336rem;
	overflow:hidden;
	display:flex;
}
.uzolist li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uzolist li .ts {
	width:calc(100% - 22.916666666666668rem);
	margin-top:0.78125rem;
}
.uzolist li:has(:not(.pic)) .ts,.uzolist li .pic:empty + .ts {
	width:100%;
	margin-top:0;
}
.uzolist li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
}
.uzolist li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#b51d23;
	padding-left:0.9375rem;
	background:url(../images/a30.png) no-repeat left center/0.6770833333333334rem auto;
	margin:0.4166666666666667rem 0 0.5208333333333334rem;
}
.uzolist li p {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#666666;
	height:3.6em;
	overflow:hidden;
}
.uzolist li h5 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	display:inline-block;
	color:#999999;
	padding-right:1.6666666666666667rem;
	margin-top:1.1458333333333335rem;
	background:url(../images/a31.png) no-repeat center right /1.1979166666666667rem auto;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.uzolist li:hover h5 {
	background:url(../images/a29.png) no-repeat center right /1.1979166666666667rem auto;
	color:#b51d23;
	padding-right:1.875rem;
}
.uzolist {
	padding-bottom:4.166666666666667rem;
}
.jianzdels {
	min-height:100vh;
}
.jianzdels .wrap {
	display:flex;
	justify-content:space-between;
}
.jianzdels .lts {
	border-right:0.052083333333333336rem solid #eeeeee;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width:calc(100% - 21.614583333333336rem);
	padding-right:2.7083333333333335rem;
	flex-shrink:0;
}
.jianzdels .rts {
	width:21.614583333333336rem;
	padding-left:2.34375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	align-self:flex-start;
	box-sizing:border-box;
	position:sticky;
	top:6.25rem;
	z-index:99;
}
.jianzdels .rts h2 {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
}
.jianzdels .rts ul {
	margin-top:0.8333333333333334rem;
	padding:1.5625rem 0 2.0833333333333335rem;
	border-top:0.052083333333333336rem solid #eeeeee;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.jianzdels .rts li {
	margin-bottom:2.604166666666667rem;
	font-size: 0.85rem;
}
.jianzdels .rts li:last-child {
	margin-bottom:0;
}
.jianzdels .rts li h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
}
.jianzdels .rts li h3 {
	margin:0.5208333333333334rem 0 1.0416666666666667rem;
}
.jianzdels .rts li h3 a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
}
.jianzdels .rts li h6 a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#b51d23;
	background:url(../images/a38.png) no-repeat right center/0.5208333333333334rem auto;
	padding-right:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #b51d23;
}
.jianzdels .rts li h6 a:hover {
	padding-right:1.1458333333333335rem;
}
.jianzdels .rts .btn {
	width:6.770833333333334rem;
	line-height:1.9791666666666667rem;
	background:#b51d23;
	border-radius:1.0416666666666667rem;
	text-align:center;
	display:block;
	margin-top:1.875rem;
	font-size:0.8333333333333334rem;
	color:#fff;
}
.crumbs dl {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size: 0.7rem;
}
.crumbs {
	margin-top:0.3125rem;
}
.crumbs dd span,.crumbs dd a {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#b3b3b3;
	display:block;
}
.crumbs dd span {
	margin:0 0.20833333333333334rem;
}
.crumbs dd:nth-child(1) a {
	background:url(../images/a39.png) no-repeat left center/0.8333333333333334rem auto;
	padding-left:1.0416666666666667rem;
}
.jianzdels .hds {
	padding-bottom:1.0416666666666667rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.jianzdels .hds h1 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
}
.jianzdels .hds dl {
	display:flex;
	align-items:center;
	margin-top:0.625rem;
}
.jianzdels .hds dd {
	display:flex;
	align-items:center;
	margin-right:1.3541666666666667rem;
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
}
.jianzdels .hds dd img {
	margin-right:0.2604166666666667rem;
	display:inline-block;
	align-items:center;
	height:0.7291666666666667rem;
	object-fit:contain;
}
.jianzdels .text img {
	display:block;
	margin:0 auto;
	height:auto !important;
}
.jianzdels .text {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#666666;
	margin-top:2.0833333333333335rem;
}
.jianzdels {
	padding:2.604166666666667rem 0 6.770833333333334rem;
}
.abobanner {
	height:46.875rem;
	position:relative;
}
.abobanner .txt h1 {
	letter-spacing:0.20833333333333334rem;
}
.abobanner .txt p {
	margin-top:4.166666666666667rem;
}
.arrow {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:1;
	margin:0 auto;
	-webkit-animation:bounce-up 2s linear infinite;
	animation:bounce-up 2s linear infinite;
	cursor:pointer;
	background:url(../images/qw30.png) no-repeat center/contain;
	height:2.03125rem;
	width:1.3541666666666667rem;
}
@-webkit-keyframes bounce-up {
	25% {
	-webkit-transform:translateY(0.5208333333333334rem);
}
50%,100% {
	-webkit-transform:translateY(0);
}
75% {
	-webkit-transform:translateY(-0.5208333333333334rem);
}
;}@keyframes bounce-up {
	25% {
	transform:translateY(0.5208333333333334rem);
}
50%,100% {
	transform:translateY(0);
}
75% {
	transform:translateY(-0.5208333333333334rem);
}
;}.uwqxban {
	height:23.177083333333336rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.uwqxban h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#FFFFFF;
	line-height:3.0208333333333335rem;
	text-align:center;
}
.uwqxban .btn span {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:2.8125rem;
	background:url(../images/a40.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.3541666666666667rem;
}
.uwqxban .btn {
	text-align:center;
	width:10.15625rem;
	background:#B82E27;
	display:block;
	margin:1.875rem auto 0;
}
.abou3 {
	padding:5.208333333333334rem 0;
}
.abtit {
	text-align:center;
}
.abtit h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#363636;
	line-height:1.6;
}
.abtit p {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:#363636;
	line-height:1.5;
	margin-top:0.7291666666666667rem;
}

.abou3 ul {
	margin:2.0833333333333335rem 7.8125rem 0;
	display:flex;
	flex-wrap:wrap;
}
/*
.abou3 li {
	width:calc(100% / 6);
	min-height:5.208333333333334rem;
	overflow:hidden;
	margin-bottom:0.8333333333333334rem;
	display:flex;
	justify-content:center;
	align-items:center;
	perspective:41.66666666666667rem;
}
*/
.abou3 li img {
	max-width:80%;
	max-height:80%;
	display:block;
	object-fit:contain;
	transform-style:preserve-3d;
	margin:0 auto;
	filter:grayscale(100%);
	transition:all 0.5s ease;
}

.abou3 li:hover img {
	filter:grayscale(0);
	transform:scale(1.05) rotateY(360deg);
}


.abou2 .bds {
	margin:3.125rem 7.8125rem 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.abou2 {
	height:46.875rem;
	padding:5.729166666666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.abou2 .lts li {
	cursor:pointer;
	margin-bottom:0.7291666666666667rem;
}
.abou2 .lts li span {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#363636;
	display:inline-block;
	position:relative;
	padding-bottom:0.3125rem;
}
.abou2 .lts li span::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:0;
	height:0.052083333333333336rem;
	background:#b51d23;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.abou2 .lts {
	width:29.166666666666668rem;
}
.abou2 .lts li.on span,.abou2 .lts li:hover span {
	color:#B51D23;
}
.abou2 .lts li.on span::before,.abou2 .lts li:hover span::before {
	width:100%;
}
.abou2 .pic {
	width:36.458333333333336rem;
}
.abou2 .pic img {
	width:93%;
	height:93%;
	display:block;
	object-fit:contain;
}
.abou1 {
	padding:4.166666666666667rem 0 0;
}
.abou1 .wrap {
	padding:0 7.8125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.abou1 h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#363636;
	line-height:3.0208333333333335rem;
	text-align:center;
}
.abou1 h6 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.875rem;
	text-align:center;
	margin-top:1.1458333333333335rem;
}
.abou1 .bds {
	position:relative;
	background:url(../images/a4.png) no-repeat center;
	min-height:22.5rem;
	margin:2.0833333333333335rem auto 0;
}
.abou1 .bds ul {
	display:flex;
	justify-content:center;
	margin:0 0.5208333333333334rem;
	padding-top:2.0833333333333335rem;
}
.abou1 .bds h3 {
	font-weight:400;
	font-size:0.9375rem;
	color:#B51D23;
	line-height:1.875rem;
	font-weight:bold;
}
.abou1 .bds h3 span {
	font-size:2.0833333333333335rem;
}
.abou1 .bds p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.3541666666666667rem;
	margin-top:0.3125rem;
}
.abou1 .bds .ts {
	position:relative;
	padding-left:1.3541666666666667rem;
}
.abou1 .bds .ts::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(../images/a41.png) no-repeat left center;
	width:0.46875rem;
	height:14.270833333333334rem;
}
.abou1 .bds li {
	margin-right:6.25rem;
}
.abou1 .bds li:last-child {
	margin-right:0;
}
.abou1 .bds li:nth-child(2) {
	margin-top:6.25rem;
}
.abou1 .bds li:nth-child(4) {
	margin-top:4.166666666666667rem;
}
.wztit h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#363636;
	line-height:1.5;
	margin-bottom:0.4166666666666667rem;
}
.uwwangzzs {
	background:#F7F7F7;
	padding:5.729166666666667rem 0;
}
.wztit h6 {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:#363636;
	line-height:1.5;
}
.uwwangzzs .hds {
	display:flex;
	justify-content:space-between;
	margin-top:2.0833333333333335rem;
}
.uwwangzzs .hds .lts {
	width:calc(100% - 49.0625rem);
	background:#fff;
	padding:3.3333333333333335rem 2.604166666666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uwwangzzs .swiprts {
	width:49.0625rem;
	position:relative;
	overflow:hidden;
}
.uwwangzzs .swiprts img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uwwangzzs .swiprts .next,.uwwangzzs .swiprts .prev {
	width:2.291666666666667rem;
	height:5.9375rem;
	background:url(../images/prev1.png) no-repeat center rgba(255,255,255,0.3);
	background-size:0.78125rem auto;
	position:absolute;
	left:2.291666666666667rem;
	top:50%;
	z-index:1;
	margin-top:-2.916666666666667rem;
	cursor:pointer;
}
.uwwangzzs .swiprts .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:2.291666666666667rem;
}
.uwwangzzs .swiprts .spots {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:1;
	text-align:center;
}
.uwwangzzs .swiprts .spots span {
	width:6.770833333333334rem;
	height:0.10416666666666667rem;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:initial;
	background:none;
}
.uwwangzzs .swiprts .swiper-pagination-bullet-active {
	background:#fff !important;
}
.uwwangzzs .lts h6 {
	border-top:0.052083333333333336rem solid rgba(63,59,58,0.3);
	padding-top:1.0416666666666667rem;
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#3f3b3a;
	line-height:1.6;
	margin-bottom:4.6875rem;
}
.uwwangzzs .lts .ts {
	padding-right:7.8125rem;
}
.uwwangzzs .lts h3 {
	font-weight:bold;
	font-size:1.25rem;
	color:#3F3B3A;
	line-height:2.0833333333333335rem;
}
.uwwangzzs .lts p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#9e9c9c;
	line-height:1.6rem;
	margin-top:1.0416666666666667rem;
	height:7.4rem;
	overflow:hidden;
}
.uwwangzzs .lts .fs {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:0.052083333333333336rem solid rgba(63,59,58,0.3);
	padding-top:1.3541666666666667rem;
	margin-top:4.6875rem;
}
.uwwangzzs .lts h5 {
	font-weight:400;
	font-size:0.9375rem;
	color:#3F3B3A;
	line-height:2.0833333333333335rem;
}
.uwwangzzs .lts h4 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#bbbaba;
	line-height:2.0833333333333335rem;
}
.uwwangzzs .bds {
	margin-top:3.125rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.uwwangzzs .tps a {
	display:flex;
	justify-content:space-between;
}
.uwwangzzs .tps .pic {
	width:10rem;
	height:6.770833333333334rem;
	overflow:hidden;
}
.uwwangzzs .tps .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uwwangzzs .tps .ts {
	width:calc(100% - 11.145833333333334rem);
}
.uwwangzzs .tps h4 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#3F3B3A;
	line-height:1.6;
	margin-bottom:0.4166666666666667rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.uwwangzzs .tps p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#999898;
	line-height:1.25rem;
	height:2.5rem;
	overflow:hidden;
}
.uwwangzzs .tps h6 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#999898;
	line-height:1.6;
	margin-top:0.9375rem;
}
.uwwangzzs .ds {
	width:calc((100% - 4.166666666666667rem)/3);
	padding-right:2.0833333333333335rem;
	border-right:0.052083333333333336rem solid #e4e4e4;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uwwangzzs .ds dl {
	margin-top:2.0833333333333335rem;
}
.uwwangzzs .ds:last-child {
	margin-right:0;
	border-right:none;
}
.uwwangzzs .ds dd a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uwwangzzs .ds dd h3 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#3f3b3a;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:calc(100% - 5rem);
}
.uwwangzzs .ds dd p {
	font-size:0.8rem;
	line-height:1.6;
	color:#abaaa9;
}
.uwwangzzs .ds dd {
	margin-bottom:0.9375rem;
}
.uwpcase {
	padding:6.25rem 0;
}
.uwpcase .btn {
	width:10.208333333333334rem;
	line-height:2.8125rem;
	background:#B82E27;
	display:block;
	margin:0 auto;
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	text-align:center;
}
.uwpcase .uwcasezs {
	padding-bottom:0;
}
.wzpge1 {
	padding:5.208333333333334rem 0 6.25rem;
}
.wzpge1 .hds {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wzpge1 .txt {
	width:calc(100% - 51.5625rem);
}
.wzpge1 .pic {
	width:45.833333333333336rem;
}
.wzpge1 .pic img {
	width:100%;
	display:block;
}
.wzpge1 .txt h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#363636;
	line-height:1.6;
	font-weight:bold;
}
.wzpge1 .txt h6 {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:#363636;
	line-height:1.6;
	padding:0.7291666666666667rem 0 1.9791666666666667rem;
	position:relative;
	margin-bottom:2.0833333333333335rem;
}
.wzpge1 .txt h6::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:9.739583333333334rem;
	height:0.052083333333333336rem;
	background:#E5E5E5;
}
.wzpge1 .txt p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.875rem;
}
.wzpge1 .bds {
	margin-top:2.604166666666667rem;
}
.wzpge1 .bds ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wzpge1 .bds li .ico {
	width:4.791666666666667rem;
	height:4.791666666666667rem;
	background:rgba(0,0,0,0.04);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.wzpge1 .bds li:hover .ico {
	background:#B82E26;
}
.wzpge1 .bds li:hover H4 {
	color:#B82E26;
}
.wzpge1 .bds li h4 {
	font-weight:400;
	font-size:0.9375rem;
	color:#363636;
	text-align:center;
	line-height:1.875rem;
	margin-top:0.20833333333333334rem;
}
.wzpge1 .bds li .img {
	width:2.34375rem;
	height:2.34375rem;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.wzpge1 .bds li .img img {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.wzpge1 .bds li:hover .img img {
	top:-100%;
}
.wzpge2 {
	background:#F6F6F6;
	padding:2.604166666666667rem 0;
}
.wzpge2 .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wzpge2 .rts {
	width:calc(100% - 53.90625rem);
}
.wzpge2 .pic {
	width:53.38541666666667rem;
}
.wzpge2 .pic img {
	width:100%;
	display:block;
}
.wzpge2 .hs {
	text-align:right;
}
.wzpge2 .hs h3 {
	font-weight:bold;
	font-size:2.604166666666667rem;
	color:#e7e7e7;
	line-height:1.6;
	text-transform:uppercase;
}
.wzpge2 .hs h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#363636;
	line-height:1;
	margin-top:-1.7708333333333335rem;
}
.wzpge2 ul {
	margin-top:3.6458333333333335rem;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	flex-wrap:wrap;
	align-items:flex-start;
}
.wzpge2 li {
	width:calc((100% - 1.5625rem)/2);
	margin-bottom:1.5625rem;
	background:#FFFFFF;
	box-shadow:0rem 0.3125rem 0.9375rem 0rem rgba(0,0,0,0.03);
	border-radius:0.2604166666666667rem;
	padding:1.5625rem 1.0416666666666667rem 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.wzpge2 li .ico {
	height:1.7708333333333335rem;
	display:block;
	object-fit:contain;
}
.wzpge2 li h4 {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#363636;
	line-height:1.6;
	height:3.2em;
	overflow:hidden;
	margin:0.5208333333333334rem 0 0.3125rem;
}
.wzpge2 li h6 {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#e1e1e1;
	line-height:1.6;
}
.wzpge2 li:nth-child(2) {
	position:relative;
	top:6.25rem;
}
.wzpge3 {
	padding:6.770833333333334rem 0;
}
.wzpge4 {
	height:46.875rem;
	padding-top:9.375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.wzpge4 .wrap {
	height:100%;
	overflow:hidden;
}
.wzpge4 .txt {
	float:right;
}
.wzpge4 .txt h2 {
	font-weight:400;
	font-size:2.0833333333333335rem;
	color:#FFFFFF;
	line-height:1.6;
}
.wzpge4 .txt h6 {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:rgba(255,255,255,0.6);
	line-height:1.6;
	margin-top:0.625rem;
}
.wzpge4 .txt ul {
	margin-top:4.166666666666667rem;
}
.wzpge4 .txt li {
	margin-bottom:2.34375rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wzpge4 .txt .ico {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:4.010416666666667rem;
	height:4.010416666666667rem;
}
.wzpge4 .txt .ico::before {
	content:"";
	-webkit-animation:ykro 5s 0s linear infinite;
	-moz-animation:ykro 5s 0s linear infinite;
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px dashed #FFFFFF;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
}
.wzpge4 .txt .ico img {
	width:1.71875rem;
	display:block;
	margin:0 auto;
}
@-webkit-keyframes ykro {
	0% {
	-webkit-transform:rotate(0);
}
100% {
	-webkit-transform:rotate(360deg);
}
;}@-moz-keyframes ykro {
	0% {
	-moz-transform:rotate(0);
}
100% {
	-moz-transform:rotate(360deg);
}
;}@-webkit-keyframes bounce-up {
	0% {
	transform:translateY(0);
}
50% {
	transform:translateY(-0.5rem);
}
100% {
	transform:translateY(0);
}
;}.wzpge4 .txt .ts {
	width:calc(100% - 5.3125rem);
}
.wzpge4 .txt h4 {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#FFFFFF;
	line-height:1.6;
}
.wzpge4 .txt p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:rgba(255,255,255,0.6);
	line-height:1.6;
	margin-top:0.4166666666666667rem;
}
.wzpge5 {
	padding:7.291666666666667rem 0 0;
}
.wzpge5 .bds ul {
	display:flex;
	justify-content:space-between;
	padding:4.6875rem 0 3.125rem;
	flex-wrap:wrap;
}
.wzpge5 .bds li {
	position:relative;
	z-index:2;
	margin-right:5.416666666666667rem;
	width:calc((100% - 16.25rem)/4);
}
.wzpge5 .bds li:nth-child(4n) {
	margin-right:0;
}
.wzpge5 .bds li h2 {
	font-weight:400;
	font-size:9.375rem;
	color:#f4f4f4;
	position:absolute;
	left:2.291666666666667rem;
	top:-4.166666666666667rem;
	z-index:-1;
	line-height:1;
}
.wzpge5 .bds li .ico img {
	max-height:1.40625rem;
	display:block;
	object-fit:contain;
}
.wzpge5 .bds li:hover .ico img:nth-child(1),.wzpge5 .bds li .ico img:nth-child(2) {
	display:none;
}
.wzpge5 .bds li:hover .ico img:nth-child(2) {
	display:block;
}
.wzpge5 .bds li h4 {
	font-weight:400;
	font-size:1.09375rem;
	color:#363636;
	line-height:1.5625rem;
	margin:0.4166666666666667rem 0 0.8333333333333334rem;
}
.wzpge5 .bds li p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.5625rem;
}
.wzpge5 .pic {
	width:100%;
	display:block;
}
.wzpge6 {
	background:#F7F7F7;
	padding:5.208333333333334rem 0 0;
	height:50.520833333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
	overflow: hidden;
}
@keyframes infiniteRotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.wzpge6:before{
	content: "";
	position: absolute;animation: infiniteRotate 25s linear infinite;
	inset: 0;background: url(../images/quan.png) no-repeat center/contain;
	width:51.51041666666667rem;height:51.51041666666667rem;margin:5rem auto 0;
}
.wzpge6 .wrap {
	height:100%;
	position:relative;
	z-index: 3;
}
.wzpge6 .wztit {
	text-align:center;
}
.wzpge6 .bds {
	position:relative;
	margin-top:3.6458333333333335rem;
}
.wzpge6 .img {
	margin:0 auto;
	display:block;
	width:19.375rem;
	height:19.375rem;
	position:absolute;
	left:0;
	right:0;
	top:38%;
	z-index:1;
}
.wzpge6 .bds li {
	position:absolute;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	width:10.9375rem;
	height:10.9375rem;
	background:#FFFFFF;
	border-radius:50%;
	cursor:pointer;
}
.wzpge6 .bds li .ico {
	width:3.1770833333333335rem;
	height:3.1770833333333335rem;
	overflow:hidden;
	position:relative;
	margin:0 auto 0.5208333333333334rem;
}
.wzpge6 .bds li .ico img {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.wzpge6 .bds li:hover .ico img {
	top:-100%;
}
.wzpge6 .bds li h6 {
	font-weight:400;
	font-size:0.9375rem;
	color:#666666;
	line-height:1.6;
}
.wzpge6 .bds li:nth-child(1) {
	left:15.208333333333334rem;
	top:0;
	width:10.15625rem;
	height:10.15625rem;
}
.wzpge6 .bds li:nth-child(2) {
	left:8.229166666666668rem;
	top:11.09375rem;
	width:7.604166666666667rem;
	height:7.604166666666667rem;
}
.wzpge6 .bds li:nth-child(3) {
	left:21.40625rem;
	top:17.708333333333336rem;
	width:10.729166666666668rem;
	height:10.729166666666668rem;
}
.wzpge6 .bds li:nth-child(4) {
	left:27.65625rem;
	top:2.0833333333333335rem;
	width:9.375rem;
	height:9.375rem;
}
.wzpge6 .bds li:nth-child(5) {
	left:51.71875rem;
	top:-1.875rem;
	width:10.9375rem;
	height:10.9375rem;
}
.wzpge6 .bds li:nth-child(6) {
	left:55.052083333333336rem;
	top:18.75rem;
	width:10.729166666666668rem;
	height:10.729166666666668rem;
}
.wzpge6 .bds li:nth-child(7) {
	left:67.03125rem;
	top:1.40625rem;
	width:7.708333333333334rem;
	height:7.708333333333334rem;
}
.wzpge6 .bds li:nth-child(8) {
	left:70.83333333333334rem;
	top:11.458333333333334rem;
	width:8.28125rem;
	height:8.28125rem;
}
.wzpge3 .bds {
	width:80.72916666666667rem;
	margin:2.0833333333333335rem auto 0;
	height:24.791666666666668rem;
	position:relative;
}
.wzpge3 .bds .img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
}
.wzpge3 .bds li .ico {
	width:8.854166666666668rem;
}
.wzpge3 .bds li .ico img {
	width:100%;
	display:block;
}
.wzpge3 .bds li h3 {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#B82E26;
	line-height:1.6;
}
.wzpge3 .bds li p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.5625rem;
	margin-top:0.4166666666666667rem;
}
.wzpge3 .bds li .ts {
	width:13.28125rem;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.wzpge3 .bds li {
	position:absolute;
	z-index:1;
}
.wzpge3 .bds li.l1 {
	bottom:-2.96875rem;
	left:-5.833333333333334rem;
}
.wzpge3 .bds li.l1 .ts {
	position:static;
}
.wzpge3 .bds li.l2 {
	top:6.770833333333334rem;
	left:12.760416666666668rem;
}
.wzpge3 .bds li.l2 .ts {
	left:100%;
	bottom:4.6875rem;
	top:auto;
}
.wzpge3 .bds li.l3 {
	bottom:-1.3020833333333335rem;
	left:27.395833333333336rem;
}
.wzpge3 .bds li.l3 .ts {
	left:100%;
	top:0.5208333333333334rem;
}
.wzpge3 .bds li.l4 {
	top:1.6666666666666667rem;
	right:23.072916666666668rem;
}
.wzpge3 .bds li.l4 .ts {
	left:100%;
	top:auto;
	bottom:4.166666666666667rem;
}
.wzpge3 .bds li.l5 {
	top:7.916666666666667rem;
	right:-5.364583333333334rem;
}
.wzpge3 .bds li.l5 .ts {
	left:auto;
	top:100%;
	right:0;
	margin-top:-1.5625rem;
}
.whban {
	height:52.083333333333336rem;
	position:relative;
}
.whban .spans {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:19;
	text-align:center;
}
.whban .spans span {
	width:2.0833333333333335rem;
	height:0.15625rem;
	border:1px solid #111;
	margin:0 0.15625rem;
	opacity:0.3;
	background:#111;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.whban .spans span.swiper-pagination-bullet-active {
	opacity:1;
	background:#111;
}
.hcontact {
	padding:5.208333333333334rem 0;
}
.hcontact .wrap {
	display:flex;
	justify-content:space-between;
}
.hcontact .lt {
	width:33.020833333333336rem;
}
.htit h3 {
	font-weight:bold;
	font-size:2.5rem;
	color:#3F3B3A;
	line-height:3.0208333333333335rem;
}
.htit p {
	font-weight:400;
	font-size:1.5625rem;
	color:#3F3B3A;
	line-height:1.6;
	margin-top:0.2604166666666667rem;
}
.hcontact .hmore {
	margin:3.6458333333333335rem 0 5.208333333333334rem;
}
.hmore a {
	display:inline-block;
	position:relative;
}
.hmore a i {
	position:relative;
	z-index:2;
	font-weight:500;
	font-size:0.9375rem;
	color:#3F3B3A;
	line-height:1.875rem;
	padding:0 1.0416666666666667rem 0 0.4166666666666667rem;
	background:url(../images/qw1.png) no-repeat right 0.4166666666666667rem center/0.2604166666666667rem auto;
}
.hmore a span {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:rgba(184,46,39,0.1);
	display:block;
	width:1.875rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hmore a:hover span {
	width:100%;
	background:rgba(184,46,39,0.4);
}
.wtit h6 {
	font-weight:500;
	font-size:0.8333333333333334rem;
	color:#3F3B3A;
	line-height:0.9375rem;
}
.wtit h4 {
	font-weight:bold;
	font-size:1.5625rem;
	color:#B82E27;
	line-height:3.0208333333333335rem;
}
.wtit p {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#3F3B3A;
	line-height:1.25rem;
}
.mobilecase {
	display:flex;
	justify-content:space-between;
}
.mobilecase li {
	width:calc((100% - 1.25rem)/2);
	margin-top:1.0416666666666667rem;
}
.mobilecase li a {
	display:block;
	background:#F3F3F3;
}
.mobilecase li .icon {
	height:10.15625rem;
	overflow:hidden;
}
.mobilecase li .icon img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.mobilecase li .txt {
	padding:2.0833333333333335rem 1.0416666666666667rem 2.8645833333333335rem;
}
.mobilecase li .txt h4 {
	font-weight:500;
	font-size:1.25rem;
	color:#3F3B3A;
	line-height:1.9791666666666667rem;
}
.mobilecase li .txt p {
	font-weight:400;
	font-size:0.9375rem;
	color:#3F3B3A;
	line-height:1.4583333333333335rem;
}
.hcontact .rt {
	width:49.739583333333336rem;
}
.hcontact .rt ul {
	padding-top:0.9375rem;
}
.hcontact .rt li {
	margin-top:0.8333333333333334rem;
}
.hcontact .rt li a {
	background:#F3F3F3;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hcontact .rt li .icon {
	width:17.1875rem;
	height:8.333333333333334rem;
	overflow:hidden;
}
.hcontact .rt li .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hcontact .rt li .txt {
	flex:1;
	margin:0 2.604166666666667rem;
}
.hcontact .rt li .txt h4 {
	font-weight:500;
	font-size:1.25rem;
	color:#3F3B3A;
	line-height:1.9791666666666667rem;
}
.hcontact .rt li .txt p {
	font-size:0.9375rem;
	color:#3F3B3A;
	line-height:1.9791666666666667rem;
}
.hcase {
	background:#d3d2d2;
	padding-bottom:9.583333333333334rem;
}
.hcase .fbga {
	padding-top:6.770833333333334rem;
	background:#e5e5e5;
	border-bottom:0.10416666666666667rem solid #bab8b9;
}
.hcase .wrap {
	display:flex;
	justify-content:space-between;
}
.hcase .txt {
	width:30.208333333333336rem;
}
.hcase .ulogo ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:2.604166666666667rem;
}
.hcase .ulogo li {
	width:calc((100% - 1.0416666666666667rem)/2);
	margin-bottom:0.8333333333333334rem;
	height:5.989583333333334rem;
	background:#DEDEDE;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.hcase .ulogo li.active {
	background:rgba(184,46,39,0.8);
}
.hcase .ulogo li .icon {
	width:100%;
	height:5rem;
	overflow:hidden;
}
.hcase .ulogo li .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	transition:all 0.3s;
}
.hcase .ulogo li.active .icon img {
	transform:translateY(-100%);
}
.hcase .pic {
	width:39.895833333333336rem;
	overflow:hidden;
	margin-bottom:-1.8229166666666667rem;
}
.hcase .pic li{
    position: relative;
}
.hcase .pic li img{
    width: 100%;display: block;
}
.hcase .pic li .ico{
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    height: 22rem;
    top: 0.4rem;
    width: 39rem;
    z-index: 3;
    object-fit: cover;
}
.hcase .pic li:nth-child(n+2) {
	display:none;
}
.hwcase .wrap {
	margin-top:-4.6875rem;
	border-radius:0.5208333333333334rem 0.5208333333333334rem 0 0;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.0833333333333335rem 1.5625rem 1.5625rem;
}
.hwcase .uwcasezs {
	padding-bottom:0;
}
.hwcase .hs {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.hwcase .hs h2 {
	font-weight:bold;
	font-size:3.75rem;
	color:#f7f6f6;
	line-height:1.6666666666666667rem;
}
.hwcase .hs h4 {
	font-weight:bold;
	font-size:1.875rem;
	color:#3F3A39;
	line-height:1.6666666666666667rem;
	margin-top:-0.5208333333333334rem;
}
.habout {
	background:#f8f8f8;
	padding:3.125rem 0 0;
	height:34.375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.habout .text {
	margin-top:4.166666666666667rem;
	width:27.604166666666668rem;
}
.habout .text p {
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.875rem;
}
.habout .text .btn {
	width:7.8125rem;
	color:rgba(255,255,255,0.5);
	border:1px solid rgba(180,180,187,0.4);
	display:block;
	text-align:center;
	box-shadow:0 0 0.3125rem 0 rgba(255,255,255,0.1);
	margin-top:2.125rem;
}
.habout .text .btn i {
	box-shadow:0 0 0.3125rem 0 rgba(0,0,0,0.3) inset;
	line-height:2.604166666666667rem;
	font-size:0.8333333333333334rem;
	display:block;
}
.habout .wrap {
	position:relative;
	height:100%;
}
.habout  .boxc {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	transform:translateY(-50%);
	background:#B82E27;
	border-radius:0.5208333333333334rem;
	text-align:center;
	padding:1.5625rem 0 1.25rem;
}
.habout .boxc h4 {
	font-weight:400;
	font-size:1.875rem;
	color:#FFFFFF;
	line-height:1.6;
}
.habout .boxc p {
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:1.6666666666666667rem;
	opacity:0.3;
}
.hkehu {
	margin-top:10.416666666666668rem;
}
.kehlist {
	margin-top:2.7083333333333335rem;
}
.kehlist ul {
	display:flex;
	flex-wrap:wrap;
}
.kehlist li {
	width:calc((100% - 4.791666666666667rem)/6);
	margin:0 0.9375rem 0.9375rem 0;
	height:6.25rem;
	border:1px solid #E7E7E7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.kehlist li:nth-child(6n) {
	margin-right:0;
}
.kehlist li img {
	max-width:7.864583333333334rem;
	max-height:3.90625rem;
	display:block;
	object-fit:contain;
}
.header {
	position:fixed;
	z-index:199;
	top:0;
	left:0;
	right:0;
	transition:background-color 0.3s ease;
	background: rgba(255,255,255,0.6);
}
.header:hover {
	background:#fff;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.naver ul {
	display:flex;
	justify-content:space-between;
}
.naver li {
	margin:0 1.3541666666666667rem;
}
.naver li h3 a {
	font-weight:400;
	font-size:0.9rem;
	color:#3F3B3A;
	line-height:5.208333333333334rem;
	display: inline-block;
}
.gh {
	display:block !important;
	position:static;
}
.naver li .hnli {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	background:#fff;
	box-shadow:0 0.2604166666666667rem 0.2604166666666667rem 0 rgba(80,80,80,0.2);
	display:none;
}
.naver li .hnli dl {
	display:flex;
	justify-content:center;
	padding:1.875rem 0;
	text-align:center;
}
.naver li .hnli dd {
	width:13.020833333333334rem;
	padding:0.5208333333333334rem 0;
	border-left:0.052083333333333336rem solid rgba(0,0,0,0.03);
}
.naver li .hnli dd:last-child {
	border-right:0.052083333333333336rem solid rgba(0,0,0,0.03);
}
.naver li .hnli dd .icon {
	width:2.1875rem;
	height:2.1875rem;
	margin:0 auto 0.8333333333333334rem;
	overflow:hidden;
}
.naver li .hnli dd .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	transition:all 0.3s;
	filter: grayscale(100%);
}
.naver li .hnli dd h4 {
	font-size:0.8333333333333334rem;
	color:#666666;
	transition:all 0.3s;
	line-height:1.6;
}
.naver li .hnli dd a:hover h4 {
	color:#b51d23;
}
.naver li .hnli dd a:hover .icon img {
	/*transform:translateY(-100%);*/
	filter: grayscale(0);
	transform:rotate(360deg);
}
.hmenu {
	position:absolute;
	left:0;
	top:100%;
	right:0;
	border-top:0.052083333333333336rem solid #313131;
	height:calc(100vh - 5.208333333333334rem);
	background:#fff;
	display:none;
}
.hmenu dl {
	display:flex;
	justify-content:space-between;
	height:100%;
}
.hmenu dd {
	flex:1;
	border-right:0.052083333333333336rem solid #313131;
	height:100%;
	display:flex;
	flex-direction:column;
}
.hmenu dd:last-child {
	border:none;
}
.hmenu dd .htab {
	display:flex;
	align-items:center;
	border-bottom:0.052083333333333336rem solid #313131;
}
.hmenu dd .htab a {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#232323;
	line-height:5.208333333333334rem;
	border-right:0.052083333333333336rem solid #313131;
	flex:1;
	text-align:center;
	display:block;
}
.hmenu dd .htab a:last-child {
	border:none;
}
.hmenu dd .txc {
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hmenu dd .txc a {
	font-weight:400;
	font-size:1.9791666666666667rem;
	color:#232323;
	line-height:1.8;
	display:inline-block;
}
.hmenu dd .hweix {
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:flex-end;
	padding-bottom:5.208333333333334rem;
	padding-right:5.208333333333334rem;
	justify-content:flex-end;
}
.hmenu dd .hweix img {
	width:7.03125rem;
	display:block;
}
.hmenu dd .hweix p {
	font-weight:400;
	font-size:0.9375rem;
	color:#232323;
	line-height:1.8229166666666667rem;
	margin-top:1.0416666666666667rem;
	text-align:right;
}
.naver li.on h3 a,.naver li h3 a:hover {
	color:#b51d23;
}
.ench {
	display:block !important;
	position:absolute;
	z-index:3;
	right:1.6666666666666667rem;
	top:1.8229166666666667rem;
}
.ench a {
	width:1.4583333333333335rem;
	line-height:1.4583333333333335rem;
	background:rgba(255,255,255,0);
	border-radius:50%;
	border:1px solid #535353;
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#3F3B3A;
	text-align:center;
	display:block;
}
.selected .ench {
	display:block;
}
.kehlist li img {
	transition:all 1s;
}
.hcontact .rt li .icon img,.mobilecase li .txt h4,.mobilecase li .icon img {
	transition:all 0.3s;
}
.hcontact .rt li a:hover .icon img,.mobilecase li:hover .icon img {
	transform:scale(1.1);
}
.footer .tps .rts dd a:hover,.footer .links dd a:hover,.hcontact .rt li a:hover h4,.mobilecase li:hover .txt h4 {
	color:#b51d23;
}
.hcontact .rt li a:hover,.mobilecase li:hover {
	box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2);
}
.kehlist li:hover img {
	transform:rotateY(360deg);
}
.habout .text .btn:hover {
	background:#b51d23;
	border-color:#b51d23;
}
.habout .text .btn:hover i {
	color:#fff;
}
.ench a:hover {
	background:#b51d23;
	border-color:#b51d23;
	color:#fff;
}
.kehlist li {
	position:relative;
}
.kehlist li::before,.kehlist li::after,.kehlist li span::before,.kehlist li span::after {
	content:'';
	position:absolute;
	background:#b51d23;
	transition:all 0.3s ease;
	margin:-0.052083333333333336rem;
}
/* 上下横线*/
.kehlist li::before {
	top:0;
	left:0;
	width:0;
	height:0.10416666666666667rem;
}
.kehlist li::after {
	bottom:0;
	right:0;
	width:0;
	height:0.10416666666666667rem;
}
/* 左右竖线*/
.kehlist li span::before {
	bottom:0;
	left:0;
	width:0.10416666666666667rem;
	height:0;
}
.kehlist li span::after {
	top:0;
	right:0;
	width:0.10416666666666667rem;
	height:0;
}
/* hover 触发效果*/
.kehlist li:hover {
	;
}
.kehlist li:hover::before,.kehlist li:hover::after {
	width:100%;
}
.kehlist li:hover span::before,.kehlist li:hover span::after {
	height:100%;
}
.hcontact .rt li,.mobilecase li {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hcontact .rt li:hover {
	top:-0.20833333333333334rem;
}
.mobilecase li:hover {
	top:-0.4166666666666667rem;
}
.uwwangzzs1 .hds .lts {
	background:#F8F8F8;
}
.hwcase .hs .btn {
	width:7.552083333333334rem;
	line-height:1.8229166666666667rem;
	background:#B82E27;
	display:block;
	font-weight:400;
	font-size:0.8854166666666667rem;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition:all 0.3s ease;
	position:relative;
	box-shadow:0 0.20833333333333334rem 0 rgba(255,255,255,0);
}
.uwpcase .btn,.picdel .txt .bns,.jianzdels .rts .btn,.jianztops .hds .ts .bns,.dsbanner .btn,.uityouce li.utops,.casedel .hds .bns,.uwqxban .btn {
	cursor:pointer;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	position:relative;
	box-shadow:0 0.20833333333333334rem 0 rgba(255,255,255,0);
}
.wzpge2 li:hover {
	box-shadow:0rem 0.20833333333333334rem 0.9375rem 0rem rgba(80,80,80,0.1);
}
.uwpcase .btn:hover,.picdel .txt .bns:hover,.jianzdels .rts .btn:hover,.jianztops .hds .ts .bns:hover,.uityouce li.utops:hover,.uwture:hover,.casedel .hds .bns:hover {
	background:#bd3c35;
	transform:translateY(-0.15625rem);
	box-shadow:0 0.3125rem 0.625rem rgba(184,46,39,0.4);
}
.uwture:hover span {
	background:url(../images/a37-1.png) no-repeat left center / 0.36458333333333337rem auto;
	color:#fff;
}
.casedel .hds .bns:hover span {
	color:#fff;
	background:url(../images/y19-1.png) no-repeat left center / 0.9375rem auto;
}
.picdel .txt .bns:hover span {
	color:#fff;
	background:url(../images/y21-1.png) no-repeat left center / 0.9375rem auto;
}
.dsbanner .btn:hover,.uwqxban .btn:hover,.hwcase .hs .btn:hover {
	background:#D4362E;
	transform:translateY(-0.15625rem);
	box-shadow:0 0.3125rem 0.625rem rgba(184,46,39,0.4);
}
.wzpge5 .bds li:hover h4,.yxcase .bns span:hover,.yxcase li:hover h6,.jianzdels .rts li h3 a:hover,.crumbs dd a:hover,.uzolist li:hover h3,.ujzlist dd:hover h3,.uwrmzx li:hover h3,.ujzlist .hds:hover h3 a,.ugytit .more:hover,.dsfuw li:hover h4,.uwwangzzs .ds dd:hover h3,.uwwangzzs .tps:hover h4,.uwwangzzs .lts h4:hover,.uwwangzzs .lts h3:hover {
	color:#B82E27;
}
.wzpge5 .bds li:hover h2 {
	color:#B82E27;
	opacity:0.2;
}
.uwksdh dd a:hover {
	background:#B82E27;
	color:#fff;
}
.ujzlist .hds h5 {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.ujzlist .hds:hover h5 a {
	padding-right:1.875rem;
}
.uwwangzzs .swiprts .next:hover,.uwwangzzs .swiprts .prev:hover {
	background-color:rgba(255,255,255,0.4);
}
.uzolist li .pic img,.uwrmzx li .img img,.ujzlist .hds .pic img,.uwwangzzs .tps .pic img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.uzolist li:hover .pic img,.uwrmzx li:hover .img img,.ujzlist .hds:hover .pic img,.uwwangzzs .tps:hover .pic img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.dsfuw li {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.dsfuw li:hover {
	top:-0.4166666666666667rem;
}
.dsfuw li .img img {
	transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}
.dsfuw li:hover .img img {
	transform:scale(1.08) translateY(-0.5208333333333334rem);
	filter:brightness(1.1);
}
.dsfuw li h4 {
	transition:all 0.4s ease;
}
.dsfuw li:hover h4 {
	transform:translateX(0.4166666666666667rem);
}
.ujzlist .hds {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.ujzlist .hds:hover {
	box-shadow:0 0.20833333333333334rem 0.3125rem 0 rgba(80,80,80,0.2);
}
.wzpge5 .bds li {
	top:0;
	position:relative;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.wzpge5 .bds li:hover {
	top:-0.4166666666666667rem;
}
.custom-tooltip {
	margin-left:-2.604166666666667rem;
}
.header.active .naver li h3 a {
	color:#fff;
}


@media only screen and (min-width:1080px) {
	.header.active .wrap .logo img:nth-child(1) {
		display:none;
	}
	.header.active .gh a:before,.header.active .gh a::after,.header.active .gh a {
		background:#fff;
	}
	.header.active .ench a {
		color:#fff;
		border-color:#fff;
	}
}
.header.active.on .wrap .logo img:nth-child(1) {
	display:block;
}
.header.active.on .wrap .logo img:nth-child(2) {
	display:none;
}
.header.active.on .naver li h3 a {
	color:#3F3B3A;
}
.header.active.on .gh a:before,.header.active.on .gh a::after,.header.active.on .gh a {
	background-color:#000000;
}
.header.on {
	background-color:#fff !important;
}
.header .wrap .logo img{
	height:2.4rem;
}


.wmask{
	display: none;
}

.nodata{
	margin: 6rem  auto;
	color:#666;
	background:url(../images/nodata.png) no-repeat center;
	background-size: 100%;
	height: 5rem;
	width: 5rem;	
}


.mubanner{
	height: 1000px;
	overflow: hidden;
	position: relative;
}
.mubanner .canvas2,
.mubanner .canvas{
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: transparent;
}
.mubanner .txt{
	position: absolute;
	inset: 0;z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.mubanner .txt h1,.mubanner .txt h2,.mubanner .txt h3{
	font-size: 70px;font-weight: bold;
	color: #fff;
	line-height: 1.6;
}
.mubanner .txt h6{
	font-size: 28px;color: #fff;line-height: 1.6;
	margin-top: 20px;
}
.mubanner .swiper-slide-active .canvas2{
    animation: animate-cloud 12s ;	
}
@-webkit-keyframes animate-cloud {
  from {
    background-position: 100% 0px;
  }
  to {
    background-position: 100% -500px;
  }
}
@keyframes animate-cloud {
  from {
    background-position: 100% 0px;
  }
  to {
    background-position: 100% -500px;
  }
}
.mubanner .txt2{
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 555px;
	margin-left: 100px;
}
.mubanner .txt2 h1,.mubanner .txt2 h2,.mubanner .txt2 h3{
	font-size: 60px;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
}
.mubanner .txt2 h6{
	font-size: 24px;
	line-height: 1.7;
	margin: 20px 0 0 ;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
}
.mubanner .txt2 .arbtn{
	width: 73px;margin-top: 130px;margin-left: 25px;
	display: block;
	opacity: 0;
	transform: translateY(20px);
}
.mubanner .txt h1,.mubanner .txt h2,.mubanner .txt h3,.mubanner .txt h6{
    	opacity: 0;
	transform: translateY(20px);
}
.mubanner .txt2 .arbtn img{
	width: 100%;display: block;
}
.mubanner .flexc{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mubanner .flexc .pic{
	width: 1409px;
	display: block;
	margin-left: -200px;
	margin-bottom: -80px;
	margin-right: 40px;
	opacity: 0;
	transform: translateY(60px);
}
/* 完整关键帧 */
@-webkit-keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.mubanner .swiper-slide-active .txt h3,
.mubanner .swiper-slide-active .txt h1,
.mubanner .swiper-slide-active .txt h2,
.mubanner .swiper-slide-active .txt h3,
.mubanner .swiper-slide-active .txt2 h1,
.mubanner .swiper-slide-active .txt2 h2,
.mubanner .swiper-slide-active .txt2 h3{
	-webkit-animation: fadeUp 1s ease forwards;
	animation: fadeUp 1s ease forwards;
	animation-delay: 0.1s;
}
.mubanner .swiper-slide-active .pic{
	-webkit-animation: fadeUp 1s ease forwards;
	animation: fadeUp 1s ease forwards;
	animation-delay: 0.2s;
}
.mubanner .swiper-slide-active .txt h6,
.mubanner .swiper-slide-active .txt2 h6{
	-webkit-animation: fadeUp 1s ease forwards;
	animation: fadeUp 0.6s ease forwards;
	animation-delay: 0.3s;
}
.mubanner .swiper-slide-active .txt2 .arbtn{
	-webkit-animation: fadeUp 1s ease forwards;
	animation: fadeUp 0.6s ease forwards;
	animation-delay: 0.5s;
}





/* ===== 解决方案页板块样式（追加到 /static/default/css/style.css 末尾） =====
   用法：① 把本段内容追加到线上 style.css 末尾并保存；
        ② 删除模板文件里整段 <style>...</style> 内联样式（含 {position:absolute...} 那段）；
        ③ 模板里只保留板块 HTML 结构。CSS 在外部文件里，{ } 不会再被 ThinkPHP 模板引擎当标签解析。
   注意：选择器全部限定在 .fahero/.facards/.fastrip 作用域下，不影响其他页面。 */

/* Hero */
.fahero{background:#f0f5fa;overflow:hidden;}
.fahero .wrap{width:1364px;height:900px;display:flex;align-items:center;justify-content:space-between;padding:0;}
.fahero .txt{width:44%;}
.fahero .txt h1{font-size:44px;color:#333;font-weight:bold;letter-spacing:2px;}
.fahero .txt p{font-size:18px;color:#666;line-height:34px;margin-top:46px;}
.fahero .txt .fabtn{display:inline-block;margin-top:90px;background:#b51c22;color:#fff;font-size:16px;padding:17px 58px;transition:all .3s;}
.fahero .txt .fabtn:hover{background:#9c181d;}
.fahero .pic{width:50%;}
.fahero .pic img{width:auto;max-width:100%;height:670px;display:block;margin:0 auto;}

/* 服务卡片 */
.facards{padding:80px 0 80px;background:#fff;}
.facards .wrap{width:1364px;}
.facards .fattit{text-align:center;}
.facards .fattit h2{font-size:38px;color:#333;font-weight:bold;}
.facards .fattit p{font-size:18px;color:#666;margin-top:26px;}
.facards ul{display:flex;justify-content:space-between;margin-top:110px;}
.facards ul li{width:23%;position:relative;}
.facards ul li .mimg{position:absolute;top:-80px;right:16px;width:190px;height:190px;z-index:3;pointer-events:none;}
.facards ul li .mimg img{width:auto;max-width:none;height:100%;display:block;margin-left:auto;transition:all .4s;}
.facards ul li .box{border:1px solid #e5e5e5;border-radius:15px;padding:90px 28px 40px;height:330px;box-sizing:border-box;background:#fff;position:relative;transition:all .3s;box-shadow:0 4px 0 0 #b51c22;}
.facards ul li h6{font-size:30px;color:#c9c9c9;font-weight:bold;font-style:italic;font-family:Arial,sans-serif;line-height:1;}
.facards ul li h4{font-size:22px;color:#333;font-weight:bold;margin-top:20px;}
.facards ul li p{font-size:16px;color:#999;line-height:28px;margin-top:16px;}
@keyframes fabounce{
	0%{transform:translateY(0);}
	35%{transform:translateY(-14px);}
	65%{transform:translateY(4px);}
	100%{transform:translateY(0);}
}
.facards ul li .mimg img,.facards ul li .box{will-change:transform;}
.facards ul li:hover .box{animation:fabounce .6s ease;border-color:#e8cacc;box-shadow:0 6px 0 0 #b51c22,0 18px 30px rgba(181,28,34,.15);}
.facards ul li:hover h6{color:#b51c22;}
.facards ul li:hover .mimg img{transform:translateY(-10px);}

/* 图片墙（手风琴：默认品牌定位展开，悬停切换） */
.fastrip{display:flex;height:800px;background:#fff;overflow:hidden;}
.fastrip a{position:relative;overflow:hidden;display:block;height:100%;flex:1 1 0;min-width:0;transition:flex-grow .6s ease;}
.fastrip a.big{flex-grow:3.1;}
.fastrip a img{width:100%;height:100%;object-fit:cover;display:block;transition:all .6s;}
.fastrip a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);}
.fastrip a .ts{position:absolute;left:44px;bottom:54px;z-index:2;color:#fff;opacity:0;transition:opacity .6s ease .1s;white-space:nowrap;}
.fastrip a .ts h4{font-size:26px;font-weight:bold;letter-spacing:1px;}
.fastrip a .ts p{font-size:15px;margin-top:16px;color:rgba(255,255,255,.85);}
.fastrip a .tc{position:absolute;left:0;right:0;bottom:64px;z-index:2;text-align:center;color:#fff;font-size:22px;font-weight:bold;letter-spacing:1px;opacity:1;transition:opacity .6s ease;}
.fastrip a.big .ts{opacity:1;}
.fastrip a.big .tc{opacity:0;}
.fastrip:hover a.big{flex-grow:1;}
.fastrip:hover a.big .ts{opacity:0;}
.fastrip:hover a.big .tc{opacity:1;}
.fastrip:hover a:hover{flex-grow:3.1;}
.fastrip:hover a:hover .ts{opacity:1;}
.fastrip:hover a:hover .tc{opacity:0;}

/* 响应式（对齐站点1080px断点） */
@media (max-width:1080px){
	/* hero：高度自适应、顶部40px留白、15px侧距 */
	.fahero .wrap{width:auto;height:auto;flex-direction:column;padding:40px 15px 46px;}
	.fahero .txt,.fahero .pic{width:100%;}
	.fahero .pic img{height:auto;}
	.fahero .txt h1{font-size:30px;}
	.fahero .txt p{font-size:15px;line-height:1.8;margin-top:20px;}
	.fahero .txt .fabtn{margin-top:30px;}
	.fahero .pic{margin-top:30px;}
	.facards .wrap{width:auto;}
	.facards ul{flex-wrap:wrap;margin-top:80px;}
	.facards ul li{width:48%;margin-bottom:60px;}
	.facards ul li .mimg{width:130px;height:130px;top:-55px;right:8px;}
	.fastrip{flex-wrap:wrap;height:auto;padding:0 0 40px;}
	.fastrip a{flex:0 0 100%!important;height:260px;transition:none;}
	/* 移动端纯展示：隐藏收拢标题，直接显示标题+小字 */
	.fastrip a .tc{display:none;}
	.fastrip a .ts{opacity:1;white-space:normal;transition:none;left:20px;bottom:24px;}
	.fastrip a .ts h4{font-size:20px;}
	.fastrip a .ts p{font-size:13px;margin-top:10px;}
}

/* ===== 小程序制作页新增板块样式（仅本页使用） ===== */
/* 站点 1920 设计稿 278px 边距 = 内容宽 1364px */
.xchero .wrap,.xcflow .wrap,.xcshow .wrap{width:1364px;}
/* Hero：对齐线上首屏 banner 基准 900px（同 jiejuefa .fahero 定版） */
.xchero{background:linear-gradient(180deg,#eef4f9 0%,#f5f8fb 100%);overflow:hidden;}
.xchero .wrap{height:900px;display:flex;align-items:center;justify-content:space-between;padding:0;}
.xchero .txt{width:44%;}
.xchero .txt h1{font-size:44px;color:#333;font-weight:bold;letter-spacing:2px;}
.xchero .txt li{font-size:17px;color:#666;line-height:36px;list-style:none;}
.xchero .txt li b{color:#333;font-weight:bold;}
.xchero .txt .xcbtn{display:inline-block;margin-top:70px;background:#b51c22;color:#fff;font-size:16px;padding:17px 58px;transition:all .3s;}
.xchero .txt .xcbtn:hover{background:#9c181d;}
.xchero .pic{width:50%;}
.xchero .pic img{width:auto;max-width:100%;height:670px;display:block;margin:0 auto;}
/* 流量窗口 */
.xcflow{background:#fff;padding:90px 0 110px;overflow:hidden;}
.xctit{text-align:center;}
.xctit h2{font-size:36px;color:#333;font-weight:bold;}
.xctit p{font-size:18px;color:#999;padding:22px;}
.xcflow .bd{display:flex;justify-content:space-between;align-items:stretch;margin-top:64px;}
.xcflow .col{width:31%;display:flex;flex-direction:column;justify-content:space-between;gap:5px;}
.xcflow .col.rt{align-items:flex-end;}
.xccard{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:45px 26px;display:flex;align-items:flex-start;transition:all .35s ease;cursor:pointer;position:relative;box-shadow:0 8px 24px rgba(51,51,51,.08);}
.xccard .ico{width:46px;height:46px;flex:none;margin-right:18px;overflow:hidden;}
.xccard .ico img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .35s ease;}
.xccard:hover .ico img,.xccard.on .ico img{transform:translateY(-100%);}
.xccard h4{font-size:20px;color:#333;font-weight:bold;transition:color .35s;}
.xccard p{font-size:13px;color:#999;line-height:20px;margin-top:5px;max-height:0;opacity:0;overflow:hidden;transition:all .35s ease;}
.xccard::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:0 0 8px 8px;background:transparent;transition:background .35s;}
/* 默认第一条即悬停效果体现 */
.xccard.on{border-color:#e8cacc;box-shadow:0 10px 30px rgba(181,28,34,.14);}
.xccard.on::after{background:#b51c22;}
.xccard.on h4{color:#b51c22;}
.xccard.on p{max-height:60px;opacity:1;}
.xccard:hover{border-color:#e8cacc;box-shadow:0 10px 30px rgba(181,28,34,.14);}
.xccard:hover::after{background:#b51c22;}
.xccard:hover h4{color:#b51c22;}
.xccard:hover p{max-height:60px;opacity:1;}
.xcflow .phone{width:31%;flex:none;display:flex;align-items:center;justify-content:center;}
.xcflow .phone img{height:100%;width:auto;max-width:100%;display:block;filter:drop-shadow(0 18px 40px rgba(51,51,51,.18));}
/* tab 导航条：通栏五等分，默认灰底深灰边框（上边框无色），悬停/选中变红 */
.xctabs{background:#fff;}
.xctabs ul{display:flex;}
.xctabs li{flex:1;display:flex;align-items:center;justify-content:center;padding:50px 0;background:#f6f6f6;border:1px solid #e5e5e5;border-top-color:transparent;cursor:pointer;transition:all .3s;}
.xctabs li+li{border-left:none;}
.xctabs li i{width:40px;height:40px;border-radius:50%;background:#fff;color:#999;font-style:normal;font-size:14px;font-weight:bold;display:flex;align-items:center;justify-content:center;transition:all .3s;flex:none;}
.xctabs li span{font-size:20px;color:#666;margin-left:12px;transition:color .3s;white-space:nowrap;}
.xctabs li.on{background:#b51c22;border-color:#b51c22;border-top-color:transparent;}
.xctabs li.on i{background:rgba(255,255,255,.2);color:#fff;}
.xctabs li.on span{color:#fff;font-weight:bold;}
.xctabs li:hover{background:#b51c22;border-color:#b51c22;border-top-color:transparent;}
.xctabs li:hover i{background:rgba(255,255,255,.2);color:#fff;}
.xctabs li:hover span{color:#fff;}
/* 企业展示 tab 内容（横向切换） */
.xcshow{background:#f6f6f6;padding:90px 0 110px;overflow:hidden;}
.xcshow h2{font-size:30px;color:#333;font-weight:bold;text-align:left;}
.xcpanels{position:relative;margin-top:60px;}
.xcpanel{display:none;}
.xcpanel.on{display:flex;justify-content:center;gap:34px;animation:xcslide .6s ease both;}
.xcpanel .shot{width:calc((100% - 136px)/5);flex:none;}
.xcpanel .shot img{width:100%;display:block;border-radius:10px;box-shadow:0 12px 34px rgba(51,51,51,.10);}
@keyframes xcslide{
from{transform:translateX(60px);opacity:0;}
to{transform:translateX(0);opacity:1;}
}
/* 各行业精选案例（横向图册 + 悬停二维码）：内容区100px边距，箭头落在边距带中 */
.xccase{background:#fff;padding:90px 0 110px;overflow:hidden;}
.xccase .wrap{position:relative;}
.xccase .swiper-slide{text-align:center;width:320px;}
.xccase .ph{position:relative;display:inline-block;transition:transform .4s ease;}
.xccase .ph img{width:auto;height:560px;display:block;border-radius:14px;}
.xccase .ph .qr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);width:58%;background:#fff;border-radius:50%;padding:6%;box-sizing:content-box;box-shadow:0 10px 36px rgba(0,0,0,.22);opacity:0;transition:all .4s ease;pointer-events:none;}
.xccase .ph .qr img{border-radius:0;width:100%;height:auto!important;display:block;}
.xccase .ph:hover{transform:translateY(-10px);}
.xccase .ph:hover .qr{opacity:1;transform:translate(-50%,-50%) scale(1);}
.xccase .ph::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.18);border-radius:50px;opacity:0;transition:opacity .4s;}
.xccase .ph:hover::after{opacity:1;}
.xccase .ph .qr{z-index:2;}
.xccase .xcprev,.xccase .xcnext{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(51,51,51,.06);cursor:pointer;z-index:9;transition:all .3s;}
/* 箭头落在 100px 边距带中央（wrap 左缘外 76px） */
.xccase .xcprev{left:-76px;}
.xccase .xcnext{right:-76px;}
.xccase .xcprev::before,.xccase .xcnext::before{content:'';position:absolute;left:50%;top:50%;width:11px;height:11px;border-left:2px solid #666;border-bottom:2px solid #666;}
.xccase .xcprev::before{transform:translate(-25%,-50%) rotate(45deg);}
.xccase .xcnext::before{transform:translate(-75%,-50%) rotate(-135deg);}
.xccase .xcprev:hover,.xccase .xcnext:hover{background:rgba(181,28,34,.10);}
.xccase .xcprev:hover::before,.xccase .xcnext:hover::before{border-color:#b51c22;}
/* 响应式（对齐站点1080px断点） */
@media (max-width:1080px){
/* hero 对齐 diansfw 适配方式：高度自适应、顶部40px留白、15px侧距 */
.xchero .wrap{flex-direction:column;height:auto;padding:40px 15px 46px;}
.xchero .txt,.xchero .pic{width:100%;}
.xchero .pic img{width:100%;height:auto;}
.xchero .txt h1{font-size:30px;}
.xchero .txt li{font-size:15px;line-height:1.9;}
.xchero .txt .xcbtn{margin-top:30px;}
.xchero .pic{margin-top:30px;}
/* 流量窗口：手机夹在两组卡片中间 */
.xcflow .bd{flex-direction:column;}
.xcflow .col{width:100%;align-items:stretch;}
.xcflow .phone{width:60%;margin:40px auto 0;}
.xcflow .phone img{height:auto;width:100%;}
.xctit h2{font-size:26px;}
/* tab 通栏五等分改三列换行 */
.xctabs ul{flex-wrap:wrap;}
.xctabs li{flex:1 1 33%;padding:16px 0;}
.xctabs li span{font-size:15px;margin-left:8px;}
.xctabs li i{width:32px;height:32px;font-size:12px;}
/* 企业展示屏竖排 */
.xcshow h2{font-size:24px;padding:0 15px;}
.xcpanel.on{flex-wrap:wrap;gap:20px;}
.xcpanel .shot{width:46%;}
/* 案例图册 */
.xccase .xcprev{left:-4px;}
.xccase .xcnext{right:-4px;}
.xccase .swiper-slide{width:74vw;}
.xccase .ph img{height:auto;width:100%;}
}
/* 移动端恢复通栏自适应（页面级 1364px 定宽仅限桌面） */
@media (max-width:1080px){
.xchero .wrap,.xcflow .wrap,.xcshow .wrap{width:auto;}
}

/* ===== 其他系统定制页板块样式（仅 qtsystem 页使用） ===== */
/* 278px 边距 = 内容宽 1364px */
.qthero .wrap,.wxtail .wrap{width:1364px;}
/* Hero */
.qthero{background:linear-gradient(180deg,#eef4f9 0%,#f5f8fb 100%);overflow:hidden;}
/* 对齐线上 website.html 高 banner（.abobanner=900px），内容垂直居中 */
.qthero .wrap{display:flex;align-items:center;justify-content:space-between;min-height:900px;padding:80px 0;}
.qthero .txt{width:46%;}
.qthero .txt h1{font-size:44px;color:#333;font-weight:bold;letter-spacing:2px;}
.qthero .txt p{font-size:17px;color:#666;line-height:32px;margin-top:36px;}
.qthero .txt .qtbtn{display:inline-block;margin-top:56px;background:#b51c22;color:#fff;font-size:16px;padding:17px 58px;transition:all .3s;}
.qthero .txt .qtbtn:hover{background:#9c181d;}

.qthero .pic img{width:100%;display:block;}
/* 系统介绍交替行 */
.qtsys{background:#fff;overflow:hidden;}
.qtsys .row{display:flex;align-items:center;justify-content:space-between;padding:90px 0;}
.qtsys .row .txt{width:46%;}
.qtsys .row .pic{width:52%;flex:none;}
.qtsys .row .pic img{width:100%;display:block;}
.qtsys h2{font-size:36px;color:#333;font-weight:bold;}
.qtsys .desc{font-size:17px;color:#666;line-height:32px;margin-top:28px;}
.qtsys ul{margin-top:34px;}
.qtsys ul li{list-style:none;border-bottom:1px solid #eee;padding:18px 0;display:flex;align-items:center;}
.qtsys ul li img{width:16px;flex:none;margin-right:14px;}
.qtsys ul li span{font-size:16px;color:#555;}
.qtsys .qtbtn{display:inline-block;margin-top:44px;background:#b51c22;color:#fff;font-size:16px;padding:16px 50px;transition:all .3s;}
.qtsys .qtbtn:hover{background:#9c181d;}
/* 我们的优势：图片卡 */
.wxtail{background:#f5f5f5;padding:90px 0 110px;overflow:hidden;}
.wxtit{text-align:center;}
.wxtit h2{font-size:36px;color:#333;font-weight:bold;}
.wxtit p{font-size:16px;color:#999;margin-top:22px;}
.qtcards{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:60px;}
.qtcard{border-radius:8px;overflow:hidden;transition:all .35s;}
.qtcard .pimg{height:300px;overflow:hidden;position:relative;}
.qtcard .pimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.qtcard .pimg::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 96%);pointer-events:none;}
.qtcard .ts{padding:26px 24px 30px;background:#fff;position:relative;}
.qtcard .ts img{height:30px;display:block;}
.qtcard .ts h4{font-size:18px;color:#333;font-weight:bold;margin-top:12px;}
.qtcard .ts p{font-size:16px;color:#999;margin-top:10px;}
.qtcard:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(51,51,51,.12);}
.qtcard:hover .pimg img{transform:scale(1.06);}
/* 响应式（对齐站点1080px断点） */
@media (max-width:1080px){
	.qthero .wrap,.wxtail .wrap{width:auto;}
	.qthero .wrap{flex-direction:column;min-height:auto;padding:40px 15px 46px;}
	.qthero .txt,.qthero .pic{width:100%;}
	.qthero .txt h1{font-size:30px;}
	.qthero .txt p{font-size:15px;line-height:1.8;}
	.qthero .txt .qtbtn{margin-top:30px;}
	.qthero .pic{margin-top:30px;}
	.wxtit h2{font-size:26px;}
	.qtsys .row{flex-direction:column;padding:60px 0;}
	.qtsys .row.rev{flex-direction:column-reverse;}
	.qtsys .row .txt,.qtsys .row .pic{width:100%;}
	.qtsys h2{font-size:26px;}
	.qtcards{grid-template-columns:1fr 1fr;gap:20px;}
	.qtcard .pimg{height:220px;}
}
/* ===== 企业服务页新增板块样式（仅本页使用） ===== */
			/* 内容列宽对齐站点惯例：卡片板块 1364px(278px边距)，徽标行 1600px */
			.qfip .wrap,.qfgs .wrap,.qfflow .wrap,.qfseo .wrap,.qfeight .wrap{width:1364px;}
			.qfadv .wrap,.qfbenefit .wrap{width:100%;max-width:1680px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
			/* 通用标题 */
			.qftit{text-align:center;}
			.qftit h2{font-size:36px;color:#333;font-weight:bold;}
			.qftit p{font-size:18px;color:#999;margin-top:22px;}

			/* Hero：居中 + banner.jpg 背景（图内已含弧线/圆球装饰，对齐线上 website.html .abobanner=900px） */
			.qfhero{position:relative;background:#eef0f2 url(/static/default/images/qifuwu/banner.jpg) no-repeat center/cover;overflow:hidden;height:900px;display:flex;align-items:center;justify-content:center;}
			.qfhero .hcon{position:relative;z-index:2;text-align:center;padding:60px 15px;}
			.qfhero .hcon h1{font-size:52px;color:#222;font-weight:bold;letter-spacing:2px;}
			.qfhero .hcon p{font-size:18px;color:#8a8f96;margin-top:34px;letter-spacing:1px;}
			.qfhero .mouse{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);width:26px;height:42px;border:2px solid #b9bdc3;border-radius:14px;z-index:2;}
			.qfhero .mouse::before{content:'';position:absolute;left:50%;top:8px;transform:translateX(-50%);width:3px;height:8px;border-radius:2px;background:#b9bdc3;animation:qfscroll 1.6s ease infinite;}
			@keyframes qfscroll{0%{opacity:0;transform:translate(-50%,0);}30%{opacity:1;}100%{opacity:0;transform:translate(-50%,12px);}}

			/* 知识产权服务：6卡 3列 */
			.qfip{background:#fff;padding:90px 0 90px;}
			.qfip .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:64px;}
			.qfip .card{border:1px solid #f0f0f0;border-radius:8px;padding:40px 36px 44px;background:#fff;box-shadow:0 8px 26px rgba(51,51,51,.06);transition:all .35s;}
			.qfip .card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(181,28,34,.12);}
			.qfip .card .ico{height:52px;}
			.qfip .card .ico img{height:auto;display:block;}
			.qfip .card h4{font-size:21px;color:#333;font-weight:bold;margin-top:26px;}
			.qfip .card p{font-size:16px;color:#999;line-height:26px;margin-top:16px;}

			/* 徽标行（服务优势 / SEO好处）：左灰卡 + 5圆徽标，横向虚线连接 */
			.qfadv,.qfbenefit{background:#fff;padding:90px 0 110px;overflow:hidden;}
			.qfadv .badges,.qfbenefit .badges{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-top:70px;padding:0 10px;}
			.qfadv .badges::before,.qfbenefit .badges::before{content:'';position:absolute;left:58px;right:58px;top:48px;border-top:1px dashed #d9a0a4;}
			.qfbadge{position:relative;text-align:center;z-index:1;}
			.qfbadge .bd{width:96px;height:96px;border-radius:50%;background:#fdecec;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:background .3s;}
			.qfbadge .bd::before{content:'';position:absolute;inset:-9px;border:1px dashed #d98a8f;border-radius:50%;}
			.qfbadge .bd::after{content:'';position:absolute;right:-2px;top:14px;width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #d98a8f;}
			.qfbadge .bd img{width:auto;height:auto;display:block;transition:filter .3s;}
			.qfbadge:hover .bd{background:#b51c22;}
			.qfbadge:hover .bd img{filter:brightness(0) invert(1);}
			.qfbadge span{display:block;font-size:17px;color:#666;margin-top:22px;}
			/* 服务优势 / SEO好处：外围虚线圆自动旋转 */
			.qfadv .qfbadge .bd::before,.qfbenefit .qfbadge .bd::before{animation:qfspin 12s linear infinite;}
			@keyframes qfspin{to{transform:rotate(360deg);}}

			/* 工商财税服务：4卡 */
			.qfgs{background:#f5f5f6;padding:90px 0 100px;}
			.qfgs .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:64px;}
			.qfgs .card{background:#fff;border-radius:8px;padding:44px 34px 50px;box-shadow:0 8px 26px rgba(51,51,51,.06);transition:all .35s;}
			.qfgs .card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(181,28,34,.12);}
			.qfgs .card .ico{height:52px;}
			.qfgs .card .ico img{height:auto;display:block;}
			.qfgs .card h4{font-size:21px;color:#333;font-weight:bold;margin-top:26px;}
			.qfgs .card p{font-size:14px;color:#999;line-height:26px;margin-top:16px;}

			/* 业务流程：tab + 5步骤 */
			.qfflow{background:#f5f5f6;padding:0 0 100px;}
			.qfflow .tabs{display:flex;justify-content:center;margin-top:44px;}
			.qfflow .tabs .tab{padding:14px 34px;font-size:16px;color:#666;background:#fff;border-radius:30px;cursor:pointer;transition:all .3s;}
			.qfflow .tabs .tab.on{background:#b51c22;color:#fff;}
			.qfflow .steps{display:none;align-items:flex-start;justify-content:space-between;margin-top:70px;}
			.qfflow .steps.show{display:flex;}
			.qfstep{position:relative;text-align:center;flex:1;}
			.qfstep .cir{width:96px;height:96px;border-radius:50%;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 6px 18px rgba(51,51,51,.06);}
			@property --qf{syntax:'<number>';inherits:false;initial-value:0;}
			.qfstep .cir::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from -90deg,#b51c22 calc(var(--qf)*1%),rgba(181,28,34,.15) calc(var(--qf)*1%) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:qfdraw 1.3s ease both;}
			.qfstep:nth-child(1) .cir::before{--qf:20;}
			.qfstep:nth-child(2) .cir::before{--qf:40;animation-delay:.12s;}
			.qfstep:nth-child(3) .cir::before{--qf:60;animation-delay:.24s;}
			.qfstep:nth-child(4) .cir::before{--qf:80;animation-delay:.36s;}
			.qfstep:nth-child(5) .cir::before{--qf:100;animation-delay:.48s;}
			@keyframes qfdraw{from{--qf:0}}
			.qfstep .cir img{width:auto;height:auto;display:block;}
			.qfstep h5{font-size:17px;color:#333;font-weight:bold;margin-top:24px;}
			.qfstep .arw{position:absolute;right:-14px;top:44px;color:#c9ccd1;font-size:22px;}
			.qfstep:last-child .arw{display:none;}

			/* 红色横幅：4列 */
			.qfbanner{display:flex;background:#b51c22;}
			.qfbanner .col{flex:1;display:flex;align-items:center;padding:44px 40px;color:#fff;}
			.qfbanner .col:nth-child(even){background:#c13339;}
			.qfbanner .cir{flex:none;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:22px;}
			.qfbanner .cir img{width:auto;height:auto;display:block;}
			.qfbanner h4{font-size:19px;font-weight:bold;}
			.qfbanner p{font-size:14px;opacity:.85;margin-top:8px;}

			/* SEO服务项目：4大卡 2x2 */
			.qfseo{background:#fff;padding:90px 0 100px;}
			.qfseo .grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:64px;}
			.qfscard{border:1px solid #eee;border-radius:10px;overflow:hidden;position:relative;background:#fff;transition:all .35s;}
			.qfscard .hd{padding:30px 34px;background:#f5f5f6;position:relative;}
			.qfscard .hd h3{font-size:24px;color:#b51c22;font-weight:bold;}
			.qfscard .hd p{font-size:14px;color:#999;margin-top:10px;}
			.qfscard .num{position:absolute;right:24px;top:-2px;font-size:150px;font-weight:600;font-family:'Bahnschrift',Arial,sans-serif;line-height:1;letter-spacing:0;transform:skewX(-10deg);pointer-events:none;background:linear-gradient(180deg,rgba(181,28,34,.58) 0%,rgba(181,28,34,.42) 55%,rgba(181,28,34,.14) 85%,rgba(181,28,34,0) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
			.qfscard .body{padding:14px 34px 30px;position:relative;z-index:2;background:#fff;}
			.qfscard .it{padding:16px 0;border-bottom:1px dashed #eee;}
			.qfscard .it:last-child{border-bottom:none;}
			.qfscard .it h6{font-size:16px;color:#333;font-weight:bold;}
			.qfscard .it p{font-size:13px;color:#999;margin-top:8px;}
			.qfscard:hover{border-color:#b51c22;box-shadow:0 14px 34px rgba(181,28,34,.14);transform:translateY(-4px);}
			.qfscard:hover .hd{background:#b51c22;}
			.qfscard:hover .hd h3{color:#fff;}
			.qfscard:hover .hd p{color:rgba(255,255,255,.85);}
			.qfscard:hover .num{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 55%,rgba(255,255,255,.25) 85%,rgba(255,255,255,0) 100%);-webkit-background-clip:text;background-clip:text;}

			/* 8大优势：8卡 2x4 */
			.qfeight{background:#fff;padding:0 0 110px;}
			.qfeight .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:64px;}
			.qeighth{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:36px 30px 40px;position:relative;overflow:hidden;transition:all .35s;box-shadow:0 6px 20px rgba(51,51,51,.05);}
			.qeighth::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#b51c22;transform:scaleX(0);transform-origin:left;transition:transform .35s;}
			.qeighth:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(181,28,34,.12);}
			.qeighth:hover::after{transform:scaleX(1);}
			.qeighth .n{font-size:34px;font-style:italic;font-weight:bold;color:#b51c22;font-family:Arial;line-height:1;}
			.qeighth h4{font-size:19px;color:#333;font-weight:bold;margin-top:20px;}
			.qeighth p{font-size:14px;color:#999;line-height:26px;margin-top:16px;}

			/* ===== 响应式（对齐站点1080px断点） ===== */
			@media (max-width:1080px){
				.qfip .wrap,.qfgs .wrap,.qfflow .wrap,.qfseo .wrap,.qfeight .wrap,.qfadv .wrap,.qfbenefit .wrap{width:auto;}
				.qfhero{height:auto;min-height:520px;}
				.qfhero .hcon h1{font-size:30px;}
				.qfhero .hcon p{font-size:15px;margin-top:20px;}
				.qftit h2{font-size:26px;}
				.qfip .grid{grid-template-columns:1fr;gap:20px;}
				.qfgs .grid{grid-template-columns:1fr 1fr;gap:16px;}
				/* 徽标行换行 */
				.qfadv .badges,.qfbenefit .badges{width:100%;flex-wrap:wrap;justify-content:space-between;margin-top:40px;padding:0;}
				.qfadv .badges::before,.qfbenefit .badges::before{display:none;}
				.qfbadge{width:33%;margin-bottom:30px;}
				/* 业务流程换行 */
				.qfflow .steps{flex-wrap:wrap;gap:30px 0;}
				.qfstep{width:33%;flex:none;}
				.qfstep .arw{display:none;}
				/* 红色横幅纵向堆叠 */
				.qfbanner{flex-direction:column;}
				.qfbanner .col:nth-child(even){background:#b51c22;}
				/* SEO项目单列 */
				.qfseo .grid{grid-template-columns:1fr;gap:20px;}
				.qfeight .grid{grid-template-columns:1fr 1fr;gap:16px;}
			}
			@media (max-width:640px){
				.qfgs .grid{grid-template-columns:1fr;}
				.qfstep{width:50%;}
				.qfbadge{width:50%;}
				.qfeight .grid{grid-template-columns:1fr;}
			}
			
			/* ===== 微信定制页新增板块样式（仅本页使用） ===== */
			/* 278px 边距 = 内容宽 1364px；盈利模式板块按设计图通栏 1920 平均分布 */
			.wxhero .wrap,.wxpain .wrap,.wxwhy .wrap{width:1364px;}
			.wxprofit .in{width:100%;}
			/* Hero：对齐线上首屏 banner 基准 900px（同 webjs .fahero 定版），wrap 定高去 padding 垂直居中 */
			.wxhero{background:linear-gradient(180deg,#eef4f9 0%,#f5f8fb 100%);overflow:hidden;}
			.wxhero .wrap{height:900px;display:flex;align-items:center;justify-content:space-between;padding:0;}
			.wxhero .txt{width:55%;}
			.wxhero .txt h1{font-size:66px;color:#333;font-weight:bold;letter-spacing:2px;}
			.wxhero .txt h2{font-size:50px;color:#333;font-weight:bold;margin-top:18px;letter-spacing:2px;}
			.wxhero .txt p{font-size:22px;color:#666;line-height:32px;margin-top:36px;}
			.wxhero .txt .wxbtn{display:inline-block;margin-top:56px;background:#b51c22;color:#fff;font-size:16px;padding:17px 58px;transition:all .3s;}
			.wxhero .txt .wxbtn:hover{background:#9c181d;}
			.wxhero .pic{width:50%;}
			.wxhero .pic img{width:auto;max-width:100%;height:auto;max-height:670px;display:block;margin:0 auto;}
			/* 零售行业痛点 */
			.wxpain{background:#fff;padding:90px 0 110px;overflow:hidden;}
			.wxtit{text-align:center;}
			.wxtit h2{font-size:40px;color:f6f6f6;font-weight:bold;}
			.wxtit p{font-size:20px;color:#282828;margin-top:22px;}
			.wxpain .bd{display:flex;justify-content:space-between;align-items:center;margin-top:70px;}
			.wxpain .cards{width:52%;display:flex;gap:26px;align-items:flex-start;}
			.wxpain .ccol{flex:1;display:flex;flex-direction:column;gap:26px;}
			.wxpain .ccol.right{margin-top:50px;}
			.wxpcard{border-radius:8px;padding:45px 36px;background:#fff;transition:all .35s;box-shadow:0 8px 24px rgba(51,51,51,.06);}
			.wxpcard .ico{height:44px;display:flex;align-items:center;justify-content:center;}
			.wxpcard .ico img{height:44px;display:block;}
			.wxpcard p{font-size:16px;color:#3f3f3f;line-height:30px;margin-top:16px;text-align:center;}
			.wxpcard:hover{border-color:#e8cacc;box-shadow:0 10px 30px rgba(181,28,34,.10);transform:translateY(-4px);}
			/* 手机图跳一跳 */
			.wxpain .ph{flex:none;position:relative;}
			.wxpain .ph img{width:100%;display:block;animation:wxjump 2.4s ease-in-out infinite;}
			.wxpain .ph::after{content:'';position:absolute;left:12%;right:12%;bottom:-18px;height:22px;border-radius:50%;background:rgba(51,51,51,.10);filter:blur(6px);animation:wxshadow 2.4s ease-in-out infinite;}
			@keyframes wxjump{
				0%,40%,100%{transform:translateY(0);}
				5%{transform:translateY(4px);}
				15%{transform:translateY(-24px);}
				26%{transform:translateY(0);}
				32%{transform:translateY(-11px);}
				38%{transform:translateY(0);}
			}
			@keyframes wxshadow{
				0%,26%,38%,100%{transform:scale(1);opacity:1;}
				15%{transform:scale(.72);opacity:.5;}
				32%{transform:scale(.85);opacity:.75;}
			}
			/* 健全的盈利模式：2行x4列通栏平分，图标在上、文字在下（竖排左对齐），图标与文字间距80px */
			.wxprofit{background:#f6f6f6;padding:90px 0 110px;overflow:hidden;}
			.wxprofit .in{margin:0 auto;}
			.wxgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:70px;background:#e9e9e9;}
			.wxitem{background:#f6f6f6;text-align:left;padding:44px 30px 44px;transition:background .35s;}
			.wxitem .ib{width:74px;height:74px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .35s,transform .35s;}
			.wxitem .ib img{height:auto;display:block;}
			.wxitem .tx{margin-top:80px;}
			.wxitem h4{font-size:22px;color:#333;font-weight:bold;transition:color .35s;}
			.wxitem p{font-size:16px;color:#999;line-height:22px;margin-top:12px;}
			/* 悬停：块变白浮起（柔和投影）+ 图标底变灰 */
			.wxitem:hover{background:#fff;box-shadow:0 0 16px rgba(51,51,51,.10);position:relative;z-index:1;}
			.wxitem:hover .ib{background:#f0f0f0;transform:scale(1.08);}
			/* 默认第一格即悬停效果体现 */
			.wxitem.on{background:#fff;box-shadow:0 0 16px rgba(51,51,51,.10);position:relative;z-index:1;}
			.wxitem.on .ib{background:#f0f0f0;}
			/* 电商系统方案：手机与圆环同心叠加居中，两侧图标常显游动 */
			.wxsol{background:#fff;padding:90px 0 110px;overflow:hidden;position:relative;}
			.wxsol .stage{position:relative;height:620px;margin-top:50px;}
			.wxsol .ring{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:780px;height:780px;}
			.wxsol .ring img{width:100%;height:100%;display:block;object-fit:contain;opacity:.5;}
			.wxsol .phone{position:absolute;left:0;right:0;top:0;width:440px;margin:0 auto;z-index:2;}
			.wxsol .phone img{width:100%;display:block;filter:drop-shadow(0 20px 50px rgba(51,51,51,.22));}
			/* 两侧图标：同时显示，上下轻微游动 */
			.wxlogo{position:absolute;z-index:3;width:110px;text-align:center;animation:wxfloat 5s ease-in-out infinite;}
			.wxlogo .lb{width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(51,51,51,.10);margin:0 auto;display:flex;align-items:center;justify-content:center;}
			.wxlogo .lb img{max-width:62%;max-height:62%;display:block;}
			.wxlogo p{font-size:18px;color:#666;margin-top:10px;}
			.wxlogo.n1{left:4%;top:2%;animation-delay:0s;}
			.wxlogo.n2{left:20%;top:26%;animation-delay:.8s;}
			.wxlogo.n3{left:5%;top:52%;animation-delay:1.6s;}
			.wxlogo.n4{left:19%;top:76%;animation-delay:2.4s;}
			.wxlogo.n5{right:4%;top:2%;animation-delay:.4s;}
			.wxlogo.n6{right:20%;top:26%;animation-delay:1.2s;}
			.wxlogo.n7{right:5%;top:52%;animation-delay:2s;}
			.wxlogo.n8{right:19%;top:76%;animation-delay:2.8s;}
			@keyframes wxfloat{
				0%,100%{transform:translateY(0);}
				50%{transform:translateY(-14px);}
			}
			/* 为什么选择我们 */
			.wxwhy{background:#f5f5f5;padding:90px 0 110px;overflow:hidden;}
			.wxpk{position:relative;display:flex;align-items:center;margin-top:64px;}
			.wxpanel{border-radius:10px;padding:44px 48px;box-sizing:border-box;}
			/* 设计图：红块略宽、上下各多出约24px（padding撑高，负margin不会改变自身高度），圆角压在灰块上 */
			.wxpanel.us{width:51%;padding:68px 48px;background:#b51c22;color:#fff;position:relative;z-index:2;}
			.wxpanel.them{width:49%;background:#e5e5e5;}
			.wxpanel h3{font-size:24px;font-weight:bold;}
			.wxpanel.them h3{color:#333;}
			.wxpanel .row{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);}
			.wxpanel.them .row{border-bottom:1px solid #d6d6d6;}
			.wxpanel .row:last-child{border-bottom:none;}
			.wxpanel .row h5{font-size:16px;font-weight:bold;}
			.wxpanel.them .row h5{color:#333;}
			.wxpanel .row p{font-size:13px;margin-top:8px;line-height:22px;opacity:.82;}
			.wxpanel.them .row p{color:#888;opacity:1;}
			.wxpk .pkimg{position:absolute;left:51%;top:50%;transform:translate(-50%,-50%);z-index:5;}
			.wxpk .pkimg img{width:91px;display:block;}
			/* 1081–1363 窄带：站点 .wrap 用 1vw 流体，此处固定 1364 会被 overflow:hidden 裁右，令其在小笔记本/平板横屏转流体（≥1364 仍精确 1364，≤1080 走下方移动端规则）。放在基规则之后以正确覆盖 padding:0 */
			@media (min-width:1081px) and (max-width:1363px){
				.wxhero .wrap,.wxpain .wrap,.wxwhy .wrap{width:auto;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box;}
			}
			/* 响应式（对齐站点1080px断点） */
			@media (max-width:1080px){
				.wxhero .wrap,.wxpain .wrap,.wxprofit .in,.wxwhy .wrap{width:auto;}
				.wxhero .wrap{height:auto;flex-direction:column;padding:40px 15px 46px;}
				.wxhero .txt,.wxhero .pic{width:100%;}
				.wxhero .txt h1{font-size:30px;}
				.wxhero .txt h2{font-size:26px;}
				.wxhero .txt p{font-size:15px;line-height:1.8;}
				.wxhero .txt .wxbtn{margin-top:30px;}
				.wxhero .pic{margin-top:30px;}
				.wxhero .pic img{height:auto;}
				.wxtit h2{font-size:26px;}
				.wxpain .bd{flex-direction:column;}
				.wxpain .cards{width:100%;}
				.wxpain .ccol.right{margin-top:0;}
				.wxpain .ph{width:82%;margin-top:50px;}
				.wxgrid{grid-template-columns:repeat(2,1fr);}
				.wxitem{padding:30px 20px;}
				.wxitem .ib{width:60px;height:60px;}
				.wxitem .ib img{height:30px;}
				.wxitem .tx{margin-top:24px;}
				.wxitem h4{font-size:17px;}
				.wxitem p{font-size:12px;}
				.wxsol .stage{height:520px;}
				.wxsol .ring{width:420px;height:420px;top:52%;}
				.wxsol .phone{top:0;width:200px;}
				.wxsol .phone img{width:100%;}
				.wxlogo{width:80px;}
				.wxlogo .lb{width:60px;height:60px;}
				.wxlogo.n1{left:1%;top:6%;}
				.wxlogo.n2{left:15%;top:30%;}
				.wxlogo.n3{left:1%;top:54%;}
				.wxlogo.n4{left:14%;top:78%;}
				.wxlogo.n5{right:1%;top:6%;}
				.wxlogo.n6{right:15%;top:30%;}
				.wxlogo.n7{right:1%;top:54%;}
				.wxlogo.n8{right:14%;top:78%;}
				.wxpk{flex-direction:column;align-items:stretch;gap:26px;}
				.wxpk .wxpanel{width:100%;margin:0;padding:30px 26px;}
				.wxpk .pkimg{top:50%;left:50%;}
			}
			
				/* ===== 高端网站定制页（外贸）板块样式（仅本页使用） ===== */
			/* 优势板块与案例板块统一 160px 边距 = 1600px 内容宽；hero 278px 边距 */
			.gdadv .wrap{width:1600px;}
			/* Hero */
			.gdhero{background:linear-gradient(180deg,#eef4f9 0%,#f5f8fb 100%);overflow:hidden;}
			.gdhero .wrap{width:1364px;display:flex;align-items:center;justify-content:space-between;padding:80px 0 100px;}
			.gdhero .txt{width:44%;}
			.gdhero .txt h1{font-size:44px;color:#333;font-weight:bold;letter-spacing:2px;line-height:1.4;}
			.gdhero .txt p{font-size:17px;color:#666;line-height:32px;margin-top:36px;}
			.gdhero .txt .gdbtn{display:inline-block;margin-top:56px;background:#b51c22;color:#fff;font-size:16px;padding:17px 58px;transition:all .3s;}
			.gdhero .txt .gdbtn:hover{background:#9c181d;}
		
			.gdhero .pic img{width:100%;display:block;}
			/* 外贸网站行业案例：5卡轮播，首卡红框高亮 */
			.gdcase{background:#fff;padding:90px 0 110px;overflow:hidden;}
			.gdtit{text-align:center;}
			.gdtit h2{font-size:36px;color:#333;font-weight:bold;}
			.gdtit p{font-size:16px;color:#999;margin-top:22px;}
			/* 案例轮播：swiper 固定同屏5条均分，左右切换循环 */
			.gdcase .stage{position:relative;margin-top:64px;padding:0 60px;}
			.gdcase .swiper-slide{height:auto;box-sizing:border-box;}
			.gdco{border:1px solid #e5e5e5;border-radius:8px;padding:28px 22px;background:#fff;width:100%;box-sizing:border-box;transition:all .35s;box-shadow:0 8px 24px rgba(51,51,51,.08);}
			.gdco .lg{height:56px;display:flex;align-items:center;}
			.gdco .lg img{max-height:56px;max-width:100%;display:block;}
			.gdco h4{font-size:18px;color:#333;font-weight:bold;margin-top:20px;}
			.gdco p{font-size:12px;color:#999;line-height:20px;margin-top:12px;height:100px;overflow:hidden;}
			.gdco:hover{border-color:#e8cacc;box-shadow:0 10px 30px rgba(181,28,34,.10);transform:translateY(-4px);}
			.gdcase .gdprev,.gdcase .gdnext{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(51,51,51,.06);cursor:pointer;z-index:9;transition:all .3s;}
			.gdcase .gdprev{left:0;}
			.gdcase .gdnext{right:0;}
			.gdcase .gdprev::before,.gdcase .gdnext::before{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;border-left:2px solid #666;border-bottom:2px solid #666;}
			.gdcase .gdprev::before{transform:translate(-25%,-50%) rotate(45deg);}
			.gdcase .gdnext::before{transform:translate(-75%,-50%) rotate(-135deg);}
			.gdcase .gdprev:hover,.gdcase .gdnext:hover{background:rgba(181,28,34,.10);}
			.gdcase .gdprev:hover::before,.gdcase .gdnext:hover::before{border-color:#b51c22;}
			/* 我们的优势：内容宽对齐其他板块（1364px），左卡加大 */
			.gdadv{background:#f5f5f5;padding:90px 0 110px;overflow:hidden;}
			.gdadv .tithd{margin-bottom:56px;}
			.gdadv .tithd h2{font-size:36px;color:#333;font-weight:bold;}
			.gdadv .tithd p{font-size:16px;color:#999;margin-top:22px;}
			.gdadv .bd{display:flex;justify-content:space-between;align-items:center;}
			.gdadv .cards{width:57%;display:grid;grid-template-columns:1fr 1fr;gap:26px;}
			.gdadcard{background:#fff;border-radius:8px;padding:38px 32px;box-shadow:0 8px 24px rgba(51,51,51,.06);transition:all .35s;}
			.gdadcard .ico{height:40px;display:flex;align-items:center;}
			.gdadcard .ico img{height:40px;display:block;}
			.gdadcard h4{font-size:20px;color:#363636;font-weight:bold;margin-top:20px;}
			.gdadcard p{font-size:16px;color:#666;line-height:26px;margin-top:14px;}
			.gdadcard:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(181,28,34,.10);}
			.gdadv .pic{width:41%;flex:none;}
			.gdadv .pic img{width:100%;display:block;}
			/* 响应式（对齐站点1080px断点） */
			@media (max-width:1080px){
				.gdhero .wrap,.gdadv .wrap{width:auto;}
				.gdhero .wrap{flex-direction:column;padding:40px 15px 46px;}
				.gdhero .txt,.gdhero .pic{width:100%;}
				.gdhero .txt h1{font-size:30px;}
				.gdhero .txt p{font-size:15px;line-height:1.8;}
				.gdhero .txt .gdbtn{margin-top:30px;}
				.gdhero .pic{margin-top:30px;}
				.gdtit h2{font-size:26px;}
				.gdcase .stage{padding:0 10px;}
				.gdadv .bd{flex-direction:column;}
				.gdadv .cards{width:100%;}
				.gdadv .pic{width:82%;margin-top:44px;}
			}
			
				/* ===== 联系我们页新增板块样式（仅本页使用） ===== */
			/* Banner */
			.lxbanner{height:520px;background:url(/static/default/images/lx/banner.jpg) no-repeat center/cover;display:flex;align-items:center;justify-content:center;text-align:center;}
			.lxbanner .txt h1{font-size:52px;color:#333;font-weight:bold;letter-spacing:6px;}
			.lxbanner .txt p{font-size:18px;color:#666;margin-top:44px;letter-spacing:1px;}
			/* 联系板块 */
			.lxsec{position:relative;background:#fbfbfb;overflow:hidden;}
			.lxsec .wrap{position:relative;z-index:2;padding:96px 0 110px;}
			.lxsec .lt{width:50%;}
			/* 通栏地图背景（锚定右侧，随板块高度等比缩放） */
			.lxsec .mapbg{position:absolute;right:0;top:0;height:100%;width:max-content;}
			.lxsec .mapbg .mimg{display:block;height:100%;width:auto;}
			/* 渐变填充：左侧融入板块背景色 */
			.lxsec .mfade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fbfbfb 0%,#fbfbfb 30%,rgba(251,251,251,.6) 48%,rgba(251,251,251,0) 68%);}
			/* 地图标注点（原图1242,315 / 1663x834，即原图灰色图钉尖端） */
			.lxmark{position:absolute;left:74.77%;top:40.77%;z-index:3;width:0;height:0;}
			.lxmark .pin{position:absolute;left:0;bottom:0;width:38px;max-width:none;height:auto;transform:translate(-50%,-100%);transform-origin:50% 100%;filter:drop-shadow(0 6px 8px rgba(181,28,34,.4));animation:lxjump 2.4s ease-in-out infinite;}
			.lxmark .pulse{position:absolute;left:0;bottom:-4px;width:18px;height:9px;margin-left:-9px;border-radius:50%;background:rgba(181,28,34,.4);animation:lxshadow 2.4s ease-in-out infinite;}
			.lxmark .ring{position:absolute;left:0;bottom:-3px;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid rgba(181,28,34,.6);border-radius:50%;opacity:0;transform:scale(.3);animation:lxring 2.4s ease-out infinite;}
			.lxmark .bubble{position:absolute;left:0;bottom:56px;transform:translateX(-50%);white-space:nowrap;background:#b51c22;color:#fff;font-size:14px;line-height:1;padding:9px 16px;border-radius:4px;box-shadow:0 6px 16px rgba(181,28,34,.35);}
			.lxmark .bubble:after{content:'';position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:none;border-top:5px solid #b51c22;}
			@keyframes lxjump{
				0%,40%,100%{transform:translate(-50%,-100%) translateY(0);}
				5%{transform:translate(-50%,-100%) translateY(3px);}
				15%{transform:translate(-50%,-100%) translateY(-26px);}
				26%{transform:translate(-50%,-100%) translateY(0);}
				32%{transform:translate(-50%,-100%) translateY(-12px);}
				38%{transform:translate(-50%,-100%) translateY(0);}
			}
			@keyframes lxshadow{
				0%,26%,38%,100%{transform:scale(1);opacity:.6;}
				15%{transform:scale(.55);opacity:.25;}
				32%{transform:scale(.78);opacity:.45;}
			}
			@keyframes lxring{
				0%{transform:scale(.3);opacity:.9;}
				40%{transform:scale(2.8);opacity:0;}
				100%{transform:scale(2.8);opacity:0;}
			}
			.lxsec .lt h2{font-size:36px;color:#333;font-weight:bold;}
			.lxinfo{margin-top:64px;}
			.lxinfo .row{display:flex;align-items:flex-start;margin-bottom:44px;}
			.lxinfo .row .ico{width:64px;height:64px;flex:none;margin-right:28px;}
			.lxinfo .row .ico img{width:100%;display:block;}
			.lxinfo .row h6{font-size:15px;color:#999;font-weight:normal;}
			.lxinfo .row p{font-size:22px;color:#333;margin-top:10px;line-height:34px;}
			/* 在线留言 */
			.lxform{margin-top:80px;}
			.lxform .tt{display:flex;align-items:center;font-size:26px;color:#333;font-weight:bold;}
			.lxform .tt i{width:10px;height:26px;background:#b51c22;margin-right:14px;}
			.lxform .frow{display:flex;justify-content:space-between;margin-top:36px;}
			.lxform input[type=text],.lxform input[type=tel],.lxform textarea{border:1px solid #dcdcdc;border-radius:6px;background:#fff;padding:0 22px;font-size:16px;color:#333;height:62px;width:100%;box-sizing:border-box;outline:none;transition:border .3s;font-family:inherit;}
			.lxform input:focus,.lxform textarea:focus{border-color:#b51c22;}
			.lxform input::placeholder,.lxform textarea::placeholder{color:#aaa;}
			.lxform .frow input{width:48.5%;}
			.lxform input[type=tel]{margin-top:30px;}
			.lxform textarea{margin-top:30px;height:172px;padding:18px 22px;resize:none;line-height:30px;}
			.lxform .sub{display:inline-block;margin-top:40px;background:#b51c22;color:#fff;font-size:17px;padding:15px 66px;border:none;cursor:pointer;border-radius:4px;transition:background .3s;font-family:inherit;}
			.lxform .sub:hover{background:#9c181d;}
			/* 响应式（对齐站点1080px断点，侧间距15px与其他页一致） */
			@media (max-width:1080px){
				/* banner 对齐 diansfw 适配方式：高度自适应内容，顶部40px留白，两侧15px */
				.lxbanner{height:auto;padding:40px 0 46px;}
				.lxbanner .txt h1{font-size:30px;letter-spacing:3px;}
				.lxbanner .txt p{font-size:15px;margin-top:20px;padding:0 15px;letter-spacing:0;line-height:1.8;}
				.lxsec .mapbg,.lxsec .mfade{display:none;}
				.lxsec .wrap{padding:60px 15px;}
				.lxsec .lt{width:100%;}
				.lxinfo .row p{font-size:17px;}
				.lxform .frow{flex-direction:column;}
				.lxform .frow input{width:100%;margin-bottom:20px;}
			}