body {
	background:#0b0603;
}
.wrap {
	max-width:75rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:99;
}
.layout.active .header {
	background:#000;
}
.layout {
	overflow:hidden;background: url(../images/qwbg1.jpg) no-repeat center/cover;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:6.25rem;
}
.header .logo {
	display:flex;
	align-items:center;
}
.header .logo img {
	display:block;
}
.header .logo i {
	display:block;
	width:0.052083333333333336rem;
	height:1.0416666666666667rem;
	margin:0 0.78125rem;
	background:#fff;
	opacity:0.12;
}
.header .naver ul {
	display:flex;
	align-items:center;
}
.header .naver li {
	margin:0 2.604166666666667rem 0 0;
	position:relative;
}
.header .naver li h3 a {
	font-size:1.0416666666666667rem;
	color:#ffffff;
	display:block;
	line-height:3.125rem;
}
.header .naver li dl {
	position:absolute;
	left:50%;
	top:100%;
	z-index:11;
	transform:translateX(-50%);
	white-space:nowrap;
	background:#fe2c55;
	border-radius:1.0416666666666667rem;
	padding:1.0416666666666667rem 0;
	display:none;
}
.header .naver li dd a {
	font-size:0.9375rem;
	color:#fff;
	line-height:1.6;
	padding:0 1.4583333333333335rem;
	opacity:0.5;
	text-align:center;
}
.header .naver li dd {
	padding:1.0416666666666667rem 0;
}
.header .naver li dd a:hover,.header .naver li dd.on a {
	opacity:1;
}
.header .naver li h3 a:hover,.header .naver li.on h3 a {
	color:#fe2c55;
}
.header .hbtn {
	display:flex;
	align-items:center;
}
.header .hbtn a {
	width:5.104166666666667rem;
	line-height:1.9791666666666667rem;
	border:1px solid #fff;
	font-size:0.8333333333333334rem;
	color:#fff;
	border-radius:1.0416666666666667rem;
	margin-left:0.7291666666666667rem;
	text-align:center;
}
.header .hbtn a:hover,.header .hbtn a.on {
	background:#fe2c55;
	border-color:#fe2c55;
}
.ench {
	position:absolute;
	right:3.8020833333333335rem;
	cursor:pointer;
}
.ench h4 {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.875rem;
	padding-right:0.9375rem;
	background:url(../images/ar1.png) no-repeat right center/0.5208333333333334rem auto;
}
.ench dl {
	position:absolute;
	left:50%;
	top:100%;
	background:#fff;
	border-radius:0.5208333333333334rem;
	padding:0.36458333333333337rem 0.3125rem;
	transform:translateX(-50%);
	display:none;
}
.ench:hover dl {
	;
}
.ench dd a {
	font-size:0.7291666666666667rem;
	color:#212121;
	border-radius:0.5208333333333334rem;
	line-height:1.5625rem;
	text-align:center;
	width:5.729166666666667rem;
	display:block;
}
.ench dd:nth-child(n+2) {
	margin-top:0.46875rem;
}
.ench dd a:hover,.ench dd.on a {
	color:#fff;
	background:#fe2c55;
}
.hbanner {
	text-align:center;
	overflow:hidden;
	padding-top: 6.25rem;
}
.hbanner .text {
	padding:6.25rem 0 0;
}
.hbanner .text h4 {
	font-size:3.125rem;
	color:#ffffff;
	line-height:1.2;
	font-weight:bold;
	text-transform:uppercase;
}
.ured {
	color:#fe2c55;
}
.hbanner .text h6 {
	font-size:1.875rem;
	color:#fff;
	margin:2.0833333333333335rem 0 2.604166666666667rem;
	text-transform:uppercase;
	line-height:1.2;
}
.tbtn {
	width:9.375rem;
	line-height:3.125rem;
	border-radius:2.604166666666667rem;
	text-align:center;
	background:#fe2c55;
	display:block;
	margin:0 auto;
	font-size:1.0416666666666667rem;
	color:#fff;
}
.hbanswiper li {
	height:16.666666666666668rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	opacity:0.3;
}
.hbanswiper {
	padding-top:4.166666666666667rem;
	padding-bottom:4.166666666666667rem;
	margin-top:1.5625rem;
}
.hbanswiper li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hbanswiper li:nth-child(2n) {
	top:-4.166666666666667rem;
}
.hbanswiper li:nth-child(3n) {
	top:4.166666666666667rem;
}
.hsection1 {
	padding:7.8125rem 0 0;
}
.hsection1 .linetit {
	padding-left:2.34375rem;
	position:relative;
}
.hsection1 .linetit h3 {
	font-size:2.0833333333333335rem;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
}
.hsection1 .linetit::before {
	content:"";
	position:absolute;
	left:0;
	top:0.2604166666666667rem;
	bottom:0.2604166666666667rem;
	width:0.8333333333333334rem;
	border-radius:0.3125rem;
	background:#ff4741;
}
.hsection1 p {
	font-size:0.9375rem;
	color:#fff;
	opacity:0.5;
	margin:1.5625rem 0 3.125rem;
}
.hsection1 ul {
	display:flex;
	flex-wrap:wrap;
}
.hsection1 li {
	width:calc((100% - 4.791666666666667rem)/6);
	margin:0 0.9375rem 0.9375rem 0;
	height:4.6875rem;
	background:#fff;
	border-radius:0.5208333333333334rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hsection1 li:nth-child(6n) {
	margin-right:0;
}
.hsection1 li img {
	max-width:70%;
	max-height:70%;
}
.hsection2 {
	padding-top:5.729166666666667rem;
}
.ltit h3 {
	font-size:2.0833333333333335rem;
	color:#ffffff;
	line-height:1.4;
	font-weight:bold;
}
.hsection2 .picsflex {
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
}
.hsection2 .picsflex ul {
	width:20.3125rem;
	height:38.020833333333336rem;
	background:url(../images/phone.png) no-repeat center/100% 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.9375rem;
}
.hsection2 .picsflex li {
	width:100%;
	height:32.8125rem;
}
.hsection2 .picsflex li:nth-child(n+2) {
	display:none;
}
.hsection2 .picsflex li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hsection2 .picsflex dl {
	width:51.5625rem;
}
.hsection2 .picsflex dd {
	height:11.458333333333334rem;
	display:flex;
	justify-content:space-between;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#100f10;
	border-radius:2.0833333333333335rem;
	margin-bottom:1.5625rem;
	cursor:pointer;
}
.hsection2 .picsflex dd .ltx {
	width:27.083333333333336rem;
	display:flex;
	padding-top:2.34375rem;
}
.hsection2 .picsflex dd .ltx .icon {
	width:4.166666666666667rem;
	height:4.166666666666667rem;
	border-radius:1.0416666666666667rem;
	background:#ff4741;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0.5208333333333334rem 1.6666666666666667rem;
}
.hsection2 .picsflex dd .ltx .icon img {
	width:1.9270833333333335rem;
	height:1.9270833333333335rem;
	display:block;
}
.hsection2 .picsflex dd .ltx .icon img:nth-child(2) {
	display:none;
}
.hsection2 .picsflex dd .txt {
	width:18.229166666666668rem;
}
.hsection2 .picsflex dd .txt h4 {
	font-size:1.25rem;
	color:#ff4741;
	font-weight:bold;
	margin-bottom:0.625rem;
}
.hsection2 .picsflex dd .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	opacity:0.6;
	color:#fff;
}
.hsection2 .picsflex dd .rtx {
	width:24.479166666666668rem;
	padding:1.5625rem 2.0833333333333335rem;
	border-radius:2.0833333333333335rem;
	background:#2b221e;
}
.hsection2 .picsflex dd .rtx h3 {
	font-size:1.875rem;
	color:#ffffff;
	line-height:1.2;
	font-weight:bold;
}
.hsection2 .picsflex dd .rtx p {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.6;
	margin-top:0.625rem;
}
.hsection2 .picsflex dd.on {
	background:#fe2c55;
}
.hsection2 .picsflex dd.on .ltx .icon {
	background:#fff;
}
.hsection2 .picsflex dd.on .ltx .icon img:nth-child(1) {
	display:none;
}
.hsection2 .picsflex dd.on .ltx .icon img:nth-child(2) {
	display:block;
}
.hsection2 .picsflex dd.on .ltx h4 {
	color:#fff;
}
.hsection2 .picsflex dd.on .rtx {
	background:#fff;
}
.hsection2 .picsflex dd.on .rtx p,.hsection2 .picsflex dd.on .rtx h3 {
	color:#212121;
}
.hsection3 {
	padding-top:6.25rem;
}
.hsection3 .flex {
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
}
.hsection3 .flex .th {
	width:17.447916666666668rem;
	margin-right:2.604166666666667rem;
}
.hsection3 .flex .th li {
	height:5.208333333333334rem;
	border-radius:0.5208333333333334rem;
	background:linear-gradient(to right,#141a38,#10131f);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.hsection3 .flex .th li:nth-child(n+2) {
	margin-top:2.0833333333333335rem;
}
.hsection3 .flex .th li img {
	max-width:70%;
	max-height:70%;
	display:block;
	object-fit:contain;
}
.hsection3 .flex .th li.on,.hsection3 .flex .th li:hover {
	background:#fe2c55;
}
.hsection3 .flex .tb {
	flex:1;
}
.hsection3 .flex .tb dl {
	height:100%;
}
.hsection3 .flex .tb dd {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	display:none;
}
.hsection3 .flex .tb dd.on {
	display:flex;
}
.hsection3 .flex .tb .pic {
	height:28.125rem;
	border-radius:2.0833333333333335rem;
	overflow:hidden;
	position:relative;
}
.hsection3 .flex .tb .pic::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
}
.hsection3 .flex .tb .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hsection3 .flex .tb .pic p {
	position:absolute;
	left:0;
	right:0;
	bottom:1.5625rem;
	text-align:center;
	font-size:1.6666666666666667rem;
	z-index:2;
	color:#ffffff;
}
.hsection3 .flex .tb .txt {
	height:11.197916666666668rem;
	background:#fe2c55;
	border-radius:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
}
.hsection3 .flex .tb .txt::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	height:5.729166666666667rem;
	width:0.052083333333333336rem;
	background:#fff;
	opacity:0.5;
}
.hsection3 .flex .tb .txt h5 {
	width:50%;
	text-align:center;
	font-size:4.6875rem;
	color:#fff;
	font-weight:bold;
}
.hsection3 .flex .tb .txt h5 span {
	font-size:1.25rem;
	color:#fff;
	font-weight:400;
	margin-left:0.5208333333333334rem;
}
.hsection4 {
	padding:6.25rem 0 0;
}
.ltit p {
	font-size:0.9375rem;
	color:#ffffff;
	margin-top:1.3020833333333335rem;
	opacity:0.5;
	line-height:1.6;
}
.hsection4 .item {
	margin-top:2.604166666666667rem;
	background:#fe2c55;
	border-radius:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:2.604166666666667rem 0;
}
.hsection4 .item .lt {
	width:23.697916666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:2.8645833333333335rem;
}
.hsection4 .item .lt li {
	font-size:2.0833333333333335rem;
	color:#fff;
	line-height:2;
	opacity:0.5;
	cursor:pointer;
	padding-left:2.34375rem;
}
.hsection4 .item .lt li.on {
	opacity:1;
	background:url(../images/ar2.png) no-repeat left center/0.9375rem auto;
}
.hsection4 .item .txt {
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 4.166666666666667rem;
	border-left:0.052083333333333336rem solid rgba(255,255,255,0.5);
}
.hsection4 .item dd {
	padding-left:3.385416666666667rem;
	background:url(../images/hico14.png) no-repeat left top;
	padding-top:0.78125rem;
}
.hsection4 .item dd:nth-child(n+2) {
	display:none;
}
.hsection4 .item dd p {
	font-size:1.1458333333333335rem;
	color:#ffffff;
	line-height:1.6;
}
.hsection4 .item dd p i {
	font-size:0.9375rem;
}
.hsection5 {
	padding-top:6.25rem;
}
.hsection5 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.hsection5 ul li {
	width:48%;
	display:flex;
	justify-content:space-between;
	margin-top:3.6458333333333335rem;
}
.hsection5 ul li .icon {
	width:5.208333333333334rem;
	height:5.208333333333334rem;
	border-radius:1.0416666666666667rem;
	background:#0d0d0e;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hsection5 ul li .icon img {
	width:2.604166666666667rem;
	height:2.604166666666667rem;
	display:block;
	object-fit:contain;
}
.hsection5 ul li .txt {
	width:calc(100% - 6.25rem);
}
.hsection5 ul li .txt h4 {
	font-size:1.25rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.6;
	font-weight:bold;
}
.hsection5 ul li .txt p {
	font-size:0.8333333333333334rem;
	color:#fff;
	opacity:0.6;
	margin-top:0.5208333333333334rem;
	line-height:1.6;
}
.hcontact {
	margin-top:6.25rem;
	padding:5.208333333333334rem 0 4.427083333333334rem;
	position:relative;
	text-align:center;
}
.hcontact::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background:rgba(0,0,0,0.5);
}
.hcontact .wrap {
	position:relative;
	z-index:3;
}
.hcontact h3 {
	font-size:2.7083333333333335rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.2;
}
.hcontact h5 {
	font-size:2.0833333333333335rem;
	color:#ffffff;
	margin-bottom:2.34375rem;
}
.footer {
	margin-top:6.25rem;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
}
.footer .lt {
	display:flex;
}
.footer dl {
	width:21.614583333333336rem;
}
.footer dt {
	font-size:1.0416666666666667rem;
	color:#ffffff;
	line-height:1.6;
	font-weight:bold;
	margin-bottom:0.78125rem;
}
.footer dd a {
	font-size:0.8333333333333334rem;
	color:#fff;
	opacity:0.6;
	display:inline-block;
}
.footer dd .wicon {
	display:flex;
}
.footer dd .wicon a>img {
	width:1.9791666666666667rem;
	display:block;
}
.footer dd .wicon a {
	position:relative;
	display:inline-block;
	margin-right:0.7291666666666667rem;
}
.footer dd .wicon .weix {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:100%;
	padding-bottom:0.5208333333333334rem;
	display:none;
}
.footer dd .wicon .weix img {
	width:6.25rem;
	padding:0.3125rem;
	background:#fff;
	border-radius:0.3125rem;
	max-width:6.25rem;
	height:6.25rem;
	object-fit:cover;
}
.footer .rt .flex {
	display:flex;
	justify-content:flex-end;
	width:24.21875rem;
	background:#10111a;
	border-radius:2.604166666666667rem;
	overflow:hidden;
}
.footer .rt .urt {
	display:flex;
	justify-content:flex-end;
}
.footer .rt .flex .txt {
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.5625rem;
	font-size:0.7291666666666667rem;
	color:#fff;
	border:none;
	height:2.8645833333333335rem;
	background:none;
}
.footer .rt .flex .btn {
	width:5.9375rem;
	line-height:2.604166666666667rem;
	border-radius:2.604166666666667rem;
	background:#fe2c55;
	text-align:center;
	font-size:0.9375rem;
	color:#fff;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
}
.footer .rt p {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.6;
	margin-top:1.0416666666666667rem;
	text-align:right;
}
.footer .copyright {
	padding-top:3.125rem;
}
.footer .copyright .wrap {
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.1);
	padding:1.5625rem 0;
}
.footer .copyright .wrap a {
	font-size:0.8333333333333334rem;
	color:#fff;
	opacity:0.3;
	display:inline-block;
	line-height:1.6;
}
.footer dd a:hover,.footer .copyright .wrap a:hover {
	opacity:1;
}
.footer dd .wicon a:hover .weix {
	display:block;
}
.shbanner {
	padding-bottom:2.604166666666667rem;
	overflow:hidden;
}
.shbanner .swiperc {
	overflow:hidden;
	padding-top:14.0625rem;
}
.shbanner .swiperc li {
	text-align:center;
}
.shbanner .swiperc h3 {
	font-size:3.125rem;
	color:#fff;
	font-weight:bold;
	line-height:1.3;
}
.shbanner .swiperc p {
	font-size:1.25rem;
	color:#ffffff;
	line-height:1.6;
	margin:1.3020833333333335rem 0 2.0833333333333335rem;
}
.shbanner .swiperc .spans {
	margin-top:4.166666666666667rem;
}
.shbanner .swiperc .spans span {
	width:6.25rem;
	height:0.10416666666666667rem;
	background:#fff;
	opacity:0.5;
	margin:0 0.2604166666666667rem;
	cursor:pointer;
}
.shbanner .swiperc .spans span.swiper-pagination-bullet-active {
	opacity:1;
	height:0.20833333333333334rem;
	border-radius:0.5208333333333334rem;
}
.flexul ul {
	display:flex;
	justify-content:center;
}
.flexul li {
	width:23.4375rem;
	padding:3.6458333333333335rem 1.5625rem 3.125rem;
	background:rgba(255,255,255,0.05);
	border-radius:2.34375rem;
	margin:0 1.0416666666666667rem;
	text-align:center;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.flexul li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:8.020833333333334rem;
	height:0.10416666666666667rem;
	background:#fff;
	z-index:1;
	margin:0 auto;
}
.flexul li h4 {
	font-size:3.3333333333333335rem;
	color:#fe2c55;
	font-weight:bold;
	line-height:1.2;
}
.flexul li h4 span {
	font-size:1.6666666666666667rem;
}
.flexul li p {
	font-size:1.0416666666666667rem;
	color:#ffffff;
	margin-top:1.3020833333333335rem;
	opacity:0.6;
}
.assist {
	padding:5.208333333333334rem 0;
}
.stit h3 {
	font-size:2.0833333333333335rem;
	font-weight:bold;
	line-height:1.3;
	color:#fff;
}
.stit {
	margin-bottom:3.125rem;
}
.sth ul {
	display:flex;
	justify-content:center;
	gap:3.6458333333333335rem;
	margin:0 0 3.6458333333333335rem 0;
	flex-wrap:wrap;
	align-items:center;
}
.sth li img {
	display:block;
}
.sth li {
	flex:1;
	position:relative;
}
.sth li::before {
	content:"";
	position:absolute;
	left:100%;
	width:3.6458333333333335rem;
	height:100%;
	background:url(../images/ar4.png) no-repeat center/0.6770833333333334rem auto;
}
.sth li:last-child::before {
	display:none;
}
.sth li a {
	display:inline-block;
	border-radius:2.604166666666667rem;
	font-size:1.0416666666666667rem;
	line-height:4.166666666666667rem;
	transition:all 0.3s;
	color:#ccc;
	width:100%;
	background:#0f0e0e;
	text-align:center;
}
.sth li a:hover,.sth li.on a {
	background:#fe2c55;
	border-color:#fe2c55;
	color:#fff;
}
.assist .swiperbd .swiper-slide {
	display:flex;
	justify-content:space-between;
}
.assist .swiperbd .pic {
	width:27.34375rem;
	height:27.34375rem;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#0e0e10;
	border-radius:1.0416666666666667rem;
}
.assist .swiperbd .pic img {
	width:70%;
	height:70%;
	object-fit:contain;
	display:block;
}
.assist .swiperbd .text {
	width:calc(100% - 30.46875rem);
}
.assist .swiperbd .text h4 {
	font-size:1.6666666666666667rem;
	font-weight:bold;
	margin-bottom:1.25rem;
	color:#fff;
	margin-top:1.0416666666666667rem;
}
.assist .swiperbd .text p {
	color:#fff;
	line-height:1.6;
	margin-bottom:1.5625rem;
	font-size:0.9375rem;
	opacity:0.6;
}
.assist .swiperbd .text a {
	display:inline-block;
	background:#fe2c55;
	color:#fff;
	padding:0.625rem 1.5625rem;
	border-radius:0.9375rem;
	width:11.458333333333334rem;
	line-height:3.125rem;
	font-size:1.0416666666666667rem;
	text-align:center;
}
.assist .stb {
	overflow:hidden;
}
.assist .swiperbd .text a:hover {
	background:#e91e63;
}
.assist .pora {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	width:calc(100% - 30.46875rem);
	overflow:hidden;
	display:flex;
	align-items:center;
}
.assist .swiperhd .swiper-slide {
	font-size:0.9375rem;
	color:#fe2c55;
	opacity:0.2;
	line-height:1.6;
	width:auto;
	cursor:pointer;
}
.assist .swiperhd .swiper-slide-thumb-active,.assist .swiperhd .swiper-slide:hover {
	opacity:1;
}
.assist .pora .swiperhd {
	overflow:hidden;
	margin:0 1.3020833333333335rem;
}
.assist .pora .prev,.assist .pora .next {
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
}
.assist .pora .next {
	transform:rotate(180deg);
}
.assist .stb {
	position:relative;
}
.learn .stit {
	text-align:center;
	margin-bottom:3.125rem;
}
.lelist ul {
	display:flex;
	flex-wrap:wrap;
}
.lelist li {
	width:calc((100% - 4.270833333333334rem)/3);
	margin:0 2.0833333333333335rem 2.0833333333333335rem 0;
}
.lelist li:nth-child(3n) {
	margin-right:0;
}
.lelist li a {
	background:#0d0d0e;
	border-radius:2.0833333333333335rem;
	display:block;
	overflow:hidden;
}
.lelist li a .icon {
	height:18.229166666666668rem;
	overflow:hidden;
	border-radius:2.0833333333333335rem;
}
.lelist li a .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.lelist li .text {
	padding:1.0416666666666667rem 1.3020833333333335rem 1.875rem;
}
.lelist .text p {
	color:#fff;
	font-size:0.9375rem;
	line-height:1.5;
	height:4.5em;
	overflow:hidden;
	margin-bottom:0.8333333333333334rem;
}
.lelist .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.lelist .flex i {
	padding:0 1.3020833333333335rem;
	background:#262627;
	border-radius:2.0833333333333335rem;
	font-size:0.9375rem;
	color:rgba(255,255,255,0.5);
	line-height:2.0833333333333335rem;
}
.lelist .flex img {
	width:2.0833333333333335rem;
	display:block;
}
.nbanner {
	overflow:hidden;
}
.nbanner .wrap {
	padding-bottom:0.78125rem;
	height:48.958333333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.nbanner .text {
	width:34.375rem;
}
.nbanner .text h5 {
	font-size:1.875rem;
	color:#fe2c55;
	line-height:1.2;
	font-weight:bold;
}
.nbanner .text h3 {
	font-size:3.125rem;
	color:#ffffff;
	line-height:1.2;
	margin:1.3020833333333335rem 0 1.5625rem;
	font-weight:bold;
}
.nbanner .text p {
	font-size:0.9375rem;
	color:#ffffff;
}
.nbanner .img {
	width:30.208333333333336rem;
	background:#fe2c55;
	border-radius:2.0833333333333335rem;
}
.nbanner .img .pic {
	margin:0 auto;
	width:23.4375rem;
}
.nbanner .img .pic li {
	height:28.645833333333336rem;
	background:#ff9eb1;
	border-radius:1.8229166666666667rem;
	overflow:hidden;
	padding:0.3125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.nbanner .img .pic li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	border-radius:2.0833333333333335rem;
}
.nbanner .porc {
	position:relative;
	top:-3.90625rem;
	margin-bottom:-3.90625rem;
}
.nbanner .flex {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.3020833333333335rem 0 2.0833333333333335rem;
}
.nbanner .flex .prev,.nbanner .flex .next {
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	margin:0 1.8229166666666667rem;
}
.nbanner .flex .next {
	transform:rotate(180deg);
}
.nbanner .flex .spans {
	width:auto;
	font-size:1.0416666666666667rem;
	color:rgba(255,255,255,0.5);
}
.nbanner .flex .spans span.swiper-pagination-current {
	font-size:1.25rem;
	color:#fff;
}
.nsection1 {
	padding-top:8.072916666666668rem;
}
.stit.ct {
	text-align:center;
}
.nsection1 .hd ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.nsection1 .hd li a {
	width:9.270833333333334rem;
	line-height:4.166666666666667rem;
	border-radius:2.604166666666667rem;
	text-align:center;
	font-size:1.25rem;
	color:#ffffff;
	background:#0e0e0f;
	display:block;
}
.nsection1 .hd li {
	margin:0 0.625rem;
}
.nsection1 .hd li a:hover,.nsection1 .hd li.on a {
	background:#fe2c55;
	color:#fff;
}
.nsection1 .nswiperbd {
	margin-top:3.385416666666667rem;
}
.nsection1 .nswiperbd li {
	border-radius:2.0833333333333335rem;
	text-align:center;
	width:39.583333333333336rem;
	padding:6.770833333333334rem 1.5625rem 0;
	min-height:22.916666666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(254,44,85,0.1);
}
.nsection1 .nswiperbd li h4,.nsection1 .nswiperbd li p {
	opacity:0.2;
}
.nsection1 .nswiperbd li.swiper-slide-next {
	background:rgba(255,255,255,0.05);
}
.nsection1 .nswiperbd li.swiper-slide-active {
	background:#fe2c55;
}
.nsection1 .nswiperbd li.swiper-slide-active h4,.nsection1 .nswiperbd li.swiper-slide-active p {
	opacity:1;
}
.nsection1 .nswiperbd li h4 {
	font-size:2.0833333333333335rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.4;
}
.nsection1 .nswiperbd li p {
	font-size:0.9375rem;
	color:#ffffff;
	line-height:1.6;
	margin-top:1.0416666666666667rem;
}
.nsection1 .nswiperflex {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.nsection1 .nswiperflex .prev,.nsection1 .nswiperflex .next {
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	margin-top:0.15625rem;
}
.nsection1 .nswiperflex .next {
	transform:rotate(180deg);
}
.nsection1 .nswiperhd {
	overflow:hidden;
	position:relative;
	margin-top:3.125rem;
	flex:1;
}
.nsection1 .nswiperhd .swiper-wrapper {
	position:relative;
	z-index:3;
}
.nsection1 .nswiperhd i {
	position:absolute;
	left:0;
	right:0;
	top:1.09375rem;
	background:#fff;
	opacity:0.2;
	height:0.052083333333333336rem;
}
.nsection1 .nswiperhd::before,.nsection1 .nswiperhd::after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:4;
	width:13.541666666666668rem;
	background:linear-gradient(to right,rgba(11,6,3,1),rgba(0,0,0,0));
	pointer-events:none;
}
.nsection1 .nswiperhd::after {
	left:auto;
	right:0;
	transform:rotate(180deg);
}
.nsection1 .nswiperhd li {
	font-size:1.25rem;
	line-height:3.125rem;
	padding-top:1.71875rem;
	position:relative;
	background:url(../images/wico1.png) no-repeat center 0.7291666666666667rem/0.78125rem auto;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
.nsection1 .nswiperhd li.swiper-slide-thumb-active {
	background:url(../images/wico2.png) no-repeat center 0.46875rem/1.3020833333333335rem auto;
	color:#fe2c55;
	font-weight:bold;
}
.ndown {
	text-align:center;
	margin-top:3.6458333333333335rem;
}
.ndown a {
	width:31.25rem;
	padding:0.5208333333333334rem;
	background:#FE2C55;
	border-radius:2.604166666666667rem;
	display:block;
	margin:0 auto;
}
.ndown a i {
	font-size:1.25rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.4;
}
.ndown a p {
	font-size:0.9375rem;
	color:#fff;
	line-height:1.4;
}
.nsection2 {
	padding-top:5.46875rem;
	overflow:hidden;
}
.stit p {
	font-size:1.25rem;
	color:#ffffff;
	margin-top:1.0416666666666667rem;
	line-height:1.6;
}
.nswiperlist li {
	width:13.802083333333334rem;
	height:29.947916666666668rem;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
}
.nswiperlist li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.nsection3 {
	padding-top:5.729166666666667rem;
}
.nsection3 .nvideo {
	border-radius:2.0833333333333335rem;
	border:6px solid #ff9eb1;
	overflow:hidden;
	position:relative;
}
.nsection3 .nvideo .video {
	width:100%;
	display:block;
	border-radius:2.0833333333333335rem;
}
.nsection3 .nvideo img {
	width:6.25rem;
	display:block;
	margin:auto;
	z-index:2;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:6.25rem;
	object-fit:contain;
	cursor:pointer;
}
.pt120 {
	padding-top:6.25rem;
}
.pban {
	height:33.583333rem;
	display:flex;
	align-items:center;
	text-align:center;
	justify-content:center;
}
.pban .text h3 {
	font-size:3.125rem;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
}
.pban .text p {
	font-size:1.25rem;
	color:#fff;
	opacity:0.6;
	line-height:1.6;
	margin-top:1.3020833333333335rem;
}
.pbg {
	padding-bottom:1.5625rem;
}
.product .wrap {
	padding-top:6.25rem;
}
.product .stit p {
	opacity:0.5;
	font-size:0.9375rem;
}
.product .flex {
	display:flex;
	justify-content:space-between;
}
.product .ptab {
	width:17.447916666666668rem;
}
.product .ptab li {
	font-size:1.0416666666666667rem;
	color:#ffffff;
	line-height:5.208333333333334rem;
	background:#0f111a;
	border-radius:0.78125rem;
	text-align:center;
	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;
}
.product .ptab li.on,.product .ptab li:hover {
	color:#fff;
	background:#fe2c55;
}
.product .ptab li:nth-child(n+2) {
	margin-top:1.875rem;
}
.product .text {
	width:calc(100% - 19.270833333333336rem);
	background:#0e0e0f;
	border-radius:2.0833333333333335rem;
	position:relative;
}
.product .text .swiper-slide {
	position:relative;
	background:#0e0e0f;
	border-radius:2.0833333333333335rem;
}
.product .text .swiper-slide .txt {
	width:37.5rem;
	padding:2.604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .text .txt h4 {
	font-size:1.6666666666666667rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.4;
}
.product .text .txt p {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.6;
	margin:1.0416666666666667rem 0 0;
	opacity:0.6;
}
.product .text .swiper-slide .pic {
	width:18.75rem;
	height:34.895833333333336rem;
	border:1px solid #ffffff;
	border-radius:2.0833333333333335rem;
	background:#000000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.625rem;
	position:absolute;
	right:0;
	bottom:0;
}
.product .text .swiper-slide .pic img {
	width:100%;
	display:block;
	height:100%;
	border-radius:2.0833333333333335rem;
}
.product .rswipers {
	height:100%;
}
.product .flbtn {
	position:absolute;
	left:2.604166666666667rem;
	bottom:2.34375rem;
	z-index:1;
	display:flex;
	align-items:center;
}
.game .flbtn .prev,.game .flbtn .next {
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	opacity:0.2;
}
.product .flbtn .next,.product .flbtn .prev {
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	opacity:0.2;
}
.game .flbtn .next,.product .flbtn .next {
	transform:rotate(180deg);
}
.product .flbtn .spans {
	width:auto;
	margin:0 1.3020833333333335rem;
}
.product .flbtn .spans li {
	font-size:0.9375rem;
	color:#fff;
	opacity:0.2;
	width:auto;
	cursor:pointer;
}
.product .flbtn .spans li.swiper-slide-thumb-active {
	color:#fe2c55;
	opacity:1;
}
.game .flbtn .next:hover,.game .flbtn .prev:hover,.product .flbtn .next:hover,.product .flbtn .prev:hover {
	opacity:1;
}
.game .flbtn {
	display:flex;
	justify-content:space-between;
	margin-top:2.604166666666667rem;
}
.game .flbtn .gswiperhd {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	top:0;
	margin:0 3.125rem;
	padding:0 5.208333333333334rem;
}
.game .flbtn .gswiperhd::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:0.10416666666666667rem;
	background:#fff;
	opacity:0.2;
	margin-top:-0.052083333333333336rem;
}
.game .flbtn .gswiperhd span {
	width:1.3020833333333335rem;
	height:1.3020833333333335rem;
	background:url(../images/sp1.png) no-repeat center/0.78125rem auto;
	cursor:pointer;
	opacity:1;position: relative;
}
.game .flbtn .gswiperhd span.swiper-pagination-bullet-active {
	background: none;
}
.game .flbtn .gswiperhd span.swiper-pagination-bullet-active::after,
.game .flbtn .gswiperhd span.swiper-pagination-bullet-active::before{
	content: "";position: absolute;left: 0;right: 0;
	top: 0;bottom: 0;border-radius: 50%;background:#fe2c55;
}
.game .flbtn .gswiperhd span.swiper-pagination-bullet-active::after{
	-webkit-animation:ykxda 1s 0s linear infinite;
	-moz-animation:ykxda 1s 0s linear infinite;
}
.game .flbtn .gswiperhd span.swiper-pagination-bullet-active::before{
	-webkit-animation:ykxda 1s -0.5s linear infinite;
	-moz-animation:ykxda 1s -0.5s linear infinite;
}




.game {
	padding-top:3.6458333333333335rem;
}
.game .gswiperbd a {
	background:#0e0f13;
	border-radius:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	padding:2.0833333333333335rem;
}
.game .gswiperbd a .icon {
	width:18.75rem;
	height:18.75rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.game .gswiperbd a .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	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;
}
.game .gswiperbd a .text {
	width:calc(100% - 20.3125rem);
}
.game .gswiperbd a .text h4 {
	font-size:1.5625rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.6;
}
.game .gswiperbd a .text p {
	font-size:0.9375rem;
	color:#ffffff;
	line-height:1.6;
	margin-top:0.5208333333333334rem;
}
.game .gswiperbd a .text h5 {
	font-size:1.25rem;
	color:#ffffff;
	line-height:1.6;
	font-weight:bold;
}
.game .gswiperbd a .text h6 {
	font-size:0.8333333333333334rem;
	color:rgba(255,255,255,0.6);
	line-height:1.7;
	margin:2.34375rem 0 1.0416666666666667rem;
}
.game .gswiperbd a .text h6 i {
	font-weight:bold;
}
.game .gswiperbd li {
	width:57.29166666666667rem;
}
.game {
	margin-bottom:6.25rem;
}
.dlis:nth-child(n+2) {
	display:none;
}
.product .wrap {
	overflow:hidden;
}
.aboban {
	padding:15.104166666666668rem 0 4.166666666666667rem;
}
.aboban .hs h2 {
	font-size:3.75rem;
	line-height:1.6;
	color:#fe2c55;
	font-weight:bold;
}
.aboban .hs h3 {
	font-size:1.875rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.5625rem;
}
.aboban .hs p {
	font-size:0.9375rem;
	line-height:1.7;
	color:#bbbbba;
	font-weight:bold;
}
.aboban .hs img {
	display:block;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}
.aboban .bs {
	margin-top:6.25rem;
}
.aboban .bs ul {
	display:flex;
	justify-content:space-between;
}
.aboban .bs li {
	width:calc((100% - 2.0833333333333335rem)/2);
	border-radius:1.5625rem;
	background:rgba(255,255,255,0.05);
	overflow:hidden;
	position:relative;
	padding:2.0833333333333335rem 2.604166666666667rem 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}
.aboban .bs li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#bbbbba;
}
.aboban .bs li:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:8.020833333333334rem;
	height:0.052083333333333336rem;
	background:#fff;
	margin:0 auto;
}
.aboban .bs li .ico {
	display:block;
	height:2.604166666666667rem;
	margin:0 auto 1.25rem;
}
.abobox1 {
	padding:4.166666666666667rem 0 3.125rem;
}
.abobox1 h2 {
	font-size:2.0833333333333335rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.875rem;
}
.abobox1 .flax {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.abobox1 .pic {
	width:28.958333333333336rem;
	border-radius:1.5625rem;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(255,255,255,0.05);
	padding:5.208333333333334rem 1.5625rem;
	margin-right:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.abobox1 .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.abobox1 ul {
	flex:1;
}
.abobox1 li {
	background:rgba(255,255,255,0.05);
	border-radius:1.5625rem;
	overflow:hidden;
	padding:1.7708333333333335rem 2.604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1.5625rem;
}
.abobox1 li h4 {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.abobox1 li p {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#9b9b9b;
}
.abobox1 li:last-child {
	margin-bottom:0;
}
.abobox2 {
	margin-top:4.6875rem;
}
.abobox2 li {
	margin-bottom:5.208333333333334rem;
	display:flex;
	justify-content:space-between;
}
.abobox2 li:nth-child(2n) {
	flex-direction:row-reverse;
}
.abobox2 h4 {
	font-size:2.0833333333333335rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.25rem;
}
.abobox2 p {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#b8b8b9;
}
.abobox2 .pic img {
	width:100%;
	display:block;
	position:relative;
	z-index:2;
	border-radius:1.5625rem;
	overflow:hidden;
}
.abobox2 .pic {
	width:30.208333333333336rem;
	border-radius:1.5625rem;
	margin-left:8.333333333333334rem;
	position:relative;
	z-index:2;
}
.abobox2 li:nth-child(2n) .pic {
	margin:0 5.729166666666667rem 0 2.604166666666667rem;
}
.abobox2 .pic:before {
	width:32.8125rem;
	height:17.96875rem;
	border-radius:1.5625rem;
	content:"";
	position:absolute;
	left:-2.604166666666667rem;
	top:-1.5625rem;
	z-index:1;
	background:rgba(255,255,255,0.05);
	overflow:hidden;
}
.abobox2 .ts {
	flex:1;
}
.contact {
	padding:15.625rem 0 1.5625rem;
}
.contact .hs {
	text-align:center;
}
.contact .hs h2 {
	font-size:3.125rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.5625rem;
}
.contact .hs p {
	font-size:1.25rem;
	line-height:1.6;
	color:#bbb9b8;
}
.contact .fms {
	margin-top:5.208333333333334rem;
	border-radius:1.5625rem;
	background:rgba(255,255,255,0.05);
	overflow:hidden;
	padding:4.375rem 5.729166666666667rem;
	display:flex;
	justify-content:space-between;
}
.contact .fms h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:2.0833333333333335rem;
}
.contact .ls {
	width:20.833333333333336rem;
	margin-right:4.895833333333334rem;
}
.contact .rs {
	flex:1;
}
.contact .ls h3 {
	margin-left:4.6875rem;
}
.contact dd {
	display:flex;
	margin-bottom:1.875rem;
}
.contact dd .ico {
	height:1.9791666666666667rem;
	display:block;
	margin-right:2.8125rem;
}
.contact dd h5 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.2604166666666667rem;
}
.contact dd p {
	font-size:0.9375rem;
	line-height:1.5;
	color:#a8a8a9;
}
.contact dd .ts {
	flex:1;
	margin-top:0.2604166666666667rem;
}
.contact ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.contact li {
	width:calc((100% - 1.3541666666666667rem)/2);
	margin-bottom:1.3020833333333335rem;
	border-radius:1.5625rem;
	overflow:hidden;
	background:rgba(255,255,255,0.1);
}
.contact li .t1 {
	width:100%;
	background:none;
	padding:0 1.3020833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:3.3333333333333335rem;
	font-size:0.8333333333333334rem;
	color:#fff;
	border:none;
}
.contact li .t2 {
	line-height:1.7;
	height:7.8125rem;
	resize:none;
	padding:1.0416666666666667rem 1.3020833333333335rem;
}
.contact li.on {
	width:100%;
}
.contact .btn {
	background:#fe2c55;
	display:block;
	width:9.375rem;
	height:3.125rem;
	line-height:3.125rem;
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#fff;
	border:none;
	border-radius:2.0833333333333335rem;
	cursor:pointer;
}
.comtit h2 {
	font-size:2.0833333333333335rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
}
.comtit h2 span {
	color:#fe2c55;
}
.comtit p {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	margin-top:0.9375rem;
}
.comme1 {
	padding:0 0 6.770833333333334rem;
	margin-top: -3rem;
}
.comme1 .wrap {
	display:flex;
	justify-content:space-between;
}
.comme1 .ls {
	width:40.625rem;
}
.comme1 .pic {
	width:29.166666666666668rem;
	border-radius:1.5625rem;
	background:rgba(255,255,255,0.05);
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2.0833333333333335rem 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.comme1 .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.comme1 .pic img:nth-child(n+2) {
	display:none;
}
.comme1 .bds ul {
	position:relative;
	z-index:2;
	padding:1.5625rem 0 1.0416666666666667rem;
}
.comme1 .bds ul:before {
	position:absolute;
	content:"";
	left:0;
	top:0;
	z-index:-1;
	width:0.10416666666666667rem;
	background:#343537;
	height:100%;
}
.comme1 .bds {
	margin-top:2.0833333333333335rem;
}
.comme1 .bds li {
	margin-bottom:3.125rem;
	display:flex;
	justify-content:space-between;
	cursor:pointer;
}
.comme1 .bds li:last-child {
	margin-bottom:0;
}
.comme1 .bds li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#757577;
	font-weight:bold;
}
.comme1 .bds li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	margin-top:0.8333333333333334rem;
	display:none;
}
.comme1 .bds li .ts {
	margin-left:2.3958333333333335rem;
	flex:1;
}
.comme1 .bds li .span {
	background:#fff;
	border-radius:0.5208333333333334rem;
	margin-left:-0.3125rem;
	margin-top:0.625rem;
	width:0.78125rem;
	height:0.78125rem;
	position: relative;
}
.comme1 .bds li.on .span {
	background:none;
}
.comme1 .bds li.on .span::after,
.comme1 .bds li.on .span::before{
	content: "";position: absolute;left: 0;right: 0;
	top: 0;bottom: 0;border-radius: 50%;background:#fe2c55;
}
@-webkit-keyframes ykxda{
0%{opacity:1;
-webkit-transform:scale(0)}
100%{
-webkit-transform:scale(2);opacity: 0;}
}
@-moz-keyframes ykxda{
0%{opacity:1;
-moz-transform:scale(0)}
100%{
-moz-transform:scale(2);opacity: 0;}
}



.comme1 .bds li.on .span::before{
	-webkit-animation:ykxda 1s 0s linear infinite;
	-moz-animation:ykxda 1s 0s linear infinite;
}
.comme1 .bds li.on .span::after{
	-webkit-animation:ykxda 1s -0.5s linear infinite;
	-moz-animation:ykxda 1s -0.5s linear infinite;
}
.comme1 .bds li.on h3 {
	color:#fff;
}
.comme1 .bds li.on p {
	display:block;
}
.comme2 .comtit {
	text-align:center;
}
.comme2 .bds {
	margin-top:4.166666666666667rem;
	position:relative;
}
.comme2 .bds .pic img {
	display:block;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}
.comme2 .bds li {
	max-width:18.229166666666668rem;
}
.comme2 .bds h4 {
	font-size:1.25rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.comme2 .bds p {
	font-size:0.9375rem;
	line-height:1.5;
	color:#99999b;
	padding-right:1.0416666666666667rem;
}
.comme2 .bds li:nth-child(1) {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.comme2 .bds li:nth-child(2) {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.comme2 .bds li:nth-child(3) {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
.comme2 .bds li:nth-child(4) {
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
}
.comme2 .bds li:nth-child(3),.comme2 .bds li:nth-child(4) {
	text-align:right;
}
.comme2 .bds li:nth-child(3) p,.comme2 .bds li:nth-child(4) p {
	padding-left:1.0416666666666667rem;
	padding-right:0;
}
.comme3 {
	padding:8.854166666666668rem 0 7.291666666666667rem;
}
.flexul li h5 {
	font-size:1.5625rem;
	color:#fe2c55;
	font-weight:bold;
	line-height:1.2;
}
.sth1 li a {
	background:#340a13;
}
.assist .swiperbd .text1 {
	margin-top:1.8229166666666667rem;
}
.assist .swiperbd .text1 h5 {
	font-size:0.9375rem;
	line-height:1.4;
	color:#fe2c55;
	font-weight:bold;
}
.assist .swiperbd .text1 h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#757575;
	margin-bottom:2.0833333333333335rem;
}
.assist .swiperbd .text1 h4 {
	margin-top:0.5208333333333334rem;
}
.assist .swiperbd .text1 p {
	margin-bottom:0.8333333333333334rem;
}
.assist .swiperbd .text1 a {
	margin-top:3.125rem;
}
.lelist .text p {
	margin-bottom:1.0416666666666667rem;
}
.comme3 .text {
	background:#0e0e0f;
	border-radius:2.0833333333333335rem;
	position:relative;
	margin-top:2.8125rem;
}
.comme3 .text .swiper-slide {
	position:relative;
	background:#0e0e0f;
	border-radius:2.0833333333333335rem;
}
.comme3 .text .swiper-slide .txt {
	width:55.72916666666667rem;
	padding:2.604166666666667rem 2.604166666666667rem 5.729166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.comme3 .text .txt h4 {
	font-size:1.6666666666666667rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.4;
}
.comme3 .text .txt p {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.6;
	margin:1.0416666666666667rem 0 0;
	opacity:0.6;
}
.comme3 .text .swiper-slide .pic {
	width:18.75rem;
	height:34.895833333333336rem;
	border:1px solid #ffffff;
	border-radius:2.0833333333333335rem;
	background:#000000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.625rem;
	position:absolute;
	right:0;
	bottom:0;
}
.comme3 .text .swiper-slide .pic img {
	width:100%;
	display:block;
	height:100%;
	border-radius:2.0833333333333335rem;
}
.comme3 .flbtn {
	position:absolute;
	left:2.604166666666667rem;
	bottom:2.34375rem;
	z-index:1;
	display:flex;
	align-items:center;
}
.comme3 .flbtn .prev,.comme3 .flbtn .next {
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	opacity:0.2;
}
.comme3 .flbtn .next,.comme3 .flbtn .prev {
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/pr1.png) no-repeat center/contain;
	cursor:pointer;
	opacity:0.2;
}
.comme3 .flbtn .next {
	transform:rotate(180deg);
}
.comme3 .flbtn .spans {
	width:auto;
	margin:0 1.3020833333333335rem;
}
.comme3 .flbtn .spans li {
	font-size:0.9375rem;
	color:#fff;
	opacity:0.2;
	width:auto;
	cursor:pointer;
}
.comme3 .flbtn .spans li.swiper-slide-thumb-active {
	color:#fe2c55;
	opacity:1;
}
.comme3 .flbtn .next:hover,.comme3 .flbtn .prev:hover {
	opacity:1;
}

.game .gswiperbd a,
.lelist li,
.flexul li,
.abobox1 li,
.aboban .bs 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;
}
.game .gswiperbd a:hover,
.lelist li:hover,
.flexul li:hover,
.abobox1 li:hover,
.aboban .bs li:hover{
	top: -0.6rem;
}

.assist .swiperbd .text a:hover,
.contact .btn:hover,
.footer .rt .flex .btn:hover,
.tbtn:hover{
	background: #d71c40;
}
.contact li .t1:focus{
	border-color: #fff;
}
.contact li .t1{
	border: 1px solid rgba(255,255,255,0);border-radius: 1.5625rem;
}
.hsection3 .flex .tb .pic img,
.nswiperlist li img,
.game .gswiperbd a .icon img,
.lelist li a .icon 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;
}
.nswiperlist li:hover img,
.game .gswiperbd a:hover .icon img,
.lelist li:hover a .icon 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); 
}


.comme2 .bds .pic{
	width: 41.5rem;
	margin: 0 auto;
}
.game .flbtn .gswiperhd{
	flex: 1;
}
.shbanner .swiperc .spans{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4rem;
}

.contact li .t1,
.contact .btn,
.comme1 .bds li h3,
.footer .rt .flex .btn,
.hsection4 .item .lt li,
.hsection3 .flex .th li,
.hsection2 .picsflex dd .ltx .icon,
.hsection2 .picsflex dd .txt p,
.hsection2 .picsflex dd .txt h4,
.hsection2 .picsflex dd .rtx,
.hsection2 .picsflex dd{
    	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;
}

.product .text .dlis{
    height: 100%;
}