@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

:root {
	--primary-color: #3a4052;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
}

a {
	text-decoration: none;
	color: var(--primary-color);
}

h1 {
	font-weight: 700;
	font-size: 37px;
	line-height: 1.2;
	margin-bottom: 15px;
}

.showcase {
	height: 92vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--primary-color) url('../images/bj.jpg') no-repeat center
  center/cover;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
}

.content {
	z-index: 2;
}

#about {
	padding: 40px;
	text-align: center;
}

#about p {
	font-size: 1.2rem;
	max-width: 600px;
	margin: auto;
}

#about h2 {
	margin: 30px 0;
	color: var(--primary-color);
}

.social a {
	margin: 0 5px;
}
.btn{
	font-size:15px;
}
.btn.btn-default{
	line-height: 26px;
	border: 2px solid #3c3ccd;
	border-radius: 27px;
	padding: 12px 30px;
	color: #3d3dce;
	font-weight: 500;
	text-transform:capitalize;
	box-shadow:none!important;
	margin-left: 15px;
	background: #ffffff;
}
.btn.btn-primary{
	line-height: 26px;
	border: 2px solid #3d3dce;
	border-radius: 27px;
	padding: 12px 30px;
	color: #fff;
	font-weight: 500;
	background:#3d3dce;
	text-transform:capitalize;
	opacity:1;
	box-shadow:none!important;
}
.btn-primary:hover{
	color:#3d3dce;
	border-color:#cbdfff;
	background:none;
}
.btn.btn-default:hover{
	background:#3d3dce;
	color:#fff;
	border-color:#3d3dce;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none; 
}
.pay {
	/* padding:0px 0 110px; */
}
.pay .pay-txt {
	margin-top:35px;
	line-height:30px;
	font-size:14px;
	letter-spacing:normal;
	color:#8a95b2
}
.pay-bd {
	margin-top:85px;
	text-align:center
}
.ver-title {
	text-align:center;
	border-bottom:1px solid;
	padding:.75rem 1.25rem;
	margin-bottom:0;
	background-color:rgba(0,0,0,.03);
	border-bottom:1px solid rgba(0,0,0,.125);
	font-size:18px;
}
.ver-txt {
	/* padding:42px;
	*/
    /* color:gray;
	*/
    /* font-size:20px;
	*/
    /* font-weight:700;
	*/
    padding:10px 0px;
	color:#6b6565;
}
.ver-txt h4 {
	font-size:18px;
	font-weight:700;
	padding:10px 0px;
	color:#6b6565;
}
.ver-href {
	width:75%;
	display:inline-block;
	line-height:48px;
	border-radius:35px;
	color:#fff;
	background-color:#17a2b8;
	margin:24px 0px;
	margin-top:0;
}
.open-v1 {
	background-color:#17a2b8;
	color:#fff;
}
.open-v2 {
	background-color:#2ec751;
	color:#fff;
}
.open-v3 {
	background-color:#dc951f;
	color:#fff;
}
.open-v4 {
	background-color:#007bff;
	color:#fff;
}
.pay ul {
	clear:both;
	margin-bottom:-66px;
}
.pay li {
	/* overflow:hidden;
	*/
	/* padding:0px 0;
	*/
	/* margin-bottom:66px;
	*/
	/* display:inline-block;
	*/
	/* width:22%;
	*/
	/* margin-right:30px;
	*/
	/* text-align:center;
	*/
	-moz-border-radius:5px;
	/* -webkit-border-radius:5px;
	*/
	/* border-radius:5px;
	*/
	/* border:solid 1px #e5e5e5;
	*/
	-moz-transition:all .5s;
	/* -webkit-transition:all .5s;
	*/
	/* transition:all .5s;
	*/
	/* cursor:pointer;
	*/
	/* opacity:.8;
	*/
	overflow:hidden;
	padding:0px 0;
	margin-bottom:66px;
	display:inline-block;
	width:22%;
	margin-right:30px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: solid 1px #e4cece;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	cursor:pointer;
	opacity:.8;
	box-shadow: 0px 2px rgba(0, 0, 0, 0.25);
}
.pay li:last-child {
	margin-right:0
}
.pay li:hover {
	border-color:#1b92fa
}
.pay-btn {
	margin-top:72px
}
@media only screen and (max-width:1210px) {
.hhelp,
	.hpro,
	.pay{
		padding: 10px 0;
	}
	.hhelp-bd,
	.hpro-bd,
	.pay-bd{
		margin-top: 30px;
	}

	.pay .pay-txt{
		max-width: 420px; margin: 30px auto 0; font-size: 16px; line-height: 1.5;
	}
	.pay .pay-txt br{
		display: none;
	}
	.pay li{
		/* width: 47%; */
		/* margin: 0 1%; */
		/* margin-bottom: 15px; */
		/* padding: 20px 0 18px; */
		width: 47%;
		margin: 0 1%;
		margin-bottom: 37px;
	}
	.pay li .img img{
		width: 75px;
	}
	.pay li .txt{
		font-size: 14px;
	}
	
}
.wrapper {
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative
}
.section .titles {
	text-align:center;
	margin-bottom:80px
}
.section .titles h2 {
	font-size: 24px;
	font-weight:normal;
	color:#333;
	margin:10px;
	line-height:1.2;
}
.section .titles p {
	color:#999;
	font-size: 14px;
}
.section.ni1 {
	padding:120px 0 80px;
	background:#f5f5f5
}
.section.ni1 ul {
	height:400px
}
.section.ni1 li {
	background:#fff;
	float:left;
	width:18%;
	padding:40px 0;
	position:relative;
	cursor:pointer;
	transition:all .3s ease;
	transform-origin:center center
}
.section.ni1 li:before {
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	left:0;
	background:#f5f5f5;
	top:0
}
.section.ni1 li .con:before {
	display:none
}
.section.ni1 li .con h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	position:relative;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:10px
}
.section.ni1 li .con h4:before {
	content:"";
	width:30px;
	height:4px;
	background:#e5e5e5;
	position:absolute;
	left:50%;
	margin-left:-15px;
	bottom:0px;
	border-radius:3px
}
.section.ni1 li .con i {
	background:url(../images/icon_np1.png) no-repeat;
	background-size:auto 80px;
	width:80px;
	height:80px;
	display:block;
	background-position-y:0;
	margin:0 auto 30px
}
.section.ni1 li .con i.i1 {
	background-position-x:0px
}
.section.ni1 li .con i.i2 {
	background-position-x:-80px
}
.section.ni1 li .con i.i3 {
	background-position-x:-160px
}
.section.ni1 li .con i.i4 {
	background-position-x:-240px
}
.section.ni1 li .con i.i5 {
	background-position-x:-320px
}
.section.ni1 li .con p {
	display:none
}
.section.ni1 li .con a {
	display:none
}
.section.ni1 li.on {
	width:24%;
	border:1px solid #fb5050;
	margin-top:-50px;
	box-sizing:border-box
}
.section.ni1 li.on .con h4:before {
	background:#fb5050
}
.section.ni1 li.on .con p {
	display:block;
	color:#999;
	font-size:14px;
	padding:0 20px;
	line-height:1.4
}
.section.ni1 li.on .con a {
	display:block;
	width:142px;
	height:40px;
	background:#fb5050;
	color:#fff;
	line-height:40px;
	margin:0 auto
}
.section.ni1 li.on .con a:hover {
	background:#fc6969
}
.section.ni1 li.on .con a:active {
	background:#fa3737
}
.section.ni2 {
	padding:120px 0;
	background:#fff
}
.section.ni2 li {
	width:25%;
	float:left;
	margin-bottom:15px
}
.section.ni2 li .con {
	border:1px solid #e5e5e5;
	width:95%;
	margin:0 auto;
	padding:60px 0 50px
}
.section.ni2 li .con h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	position:relative;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:10px
}
.section.ni2 li .con p {
	color:#999;
	height:40px
}
.section.ni2 li .con i {
	background:url(../images/icon_np2.png) no-repeat;
	background-size:auto 60px;
	width:60px;
	height:60px;
	display:block;
	background-position-y:0;
	margin:0 auto 30px
}
.section.ni2 li .con i.i1 {
	background-position-x:0px
}
.section.ni2 li .con i.i2 {
	background-position-x:-60px
}
.section.ni2 li .con i.i3 {
	background-position-x:-120px
}
.section.ni2 li .con i.i4 {
	background-position-x:-180px
}
.section.ni2 li .con i.i5 {
	background-position-x:-240px
}
.section.ni2 li .con i.i6 {
	background-position-x:-300px
}
.section.ni2 li .con i.i7 {
	background-position-x:-360px
}
.section.ni2 li .con i.i8 {
	background-position-x:-420px
}
.section.ni2 li:hover .con {
	border-color:#fb5050;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	transition:all .4s ease;
	transform:translateY(-4px)
}
.section.ni3 {
	padding:120px 0;
	background: url(../images/bg_06.jpg) no-repeat center top;
}
.section.ni3 .titles h2,.section.ni3 .titles p {
	color:#fff
}
.section.ni3 li {
	width:25%;
	float:left;
	margin-bottom:15px;
	cursor:pointer
}
.section.ni3 li .con {
	border:1px solid #e5e5e5;
	width:95%;
	margin:0 auto;
	padding:100px 0 0;
	color:#fff;
	border:1px solid rgba(255,255,255,0.3);
	background:rgba(255,255,255,0.1);
	text-align:center;
	height:250px
}
.section.ni3 li .con h4 {
	font-size:24px;
	font-weight:normal;
	color:#fff
}
.section.ni3 li .con i {
	background: url(../images/icon_np3.png) no-repeat;
	background-size:auto 60px;
	width:60px;
	height:60px;
	display:block;
	background-position-y:0;
	margin:0 auto 30px;
}
.section.ni3 li .con i.i1 {
	background-position-x:0px
}
.section.ni3 li .con i.i2 {
	background-position-x:-60px
}
.section.ni3 li .con i.i3 {
	background-position-x:-120px
}
.section.ni3 li .con i.i4 {
	background-position-x:-180px
}
.section.ni3 li .con p {
	display:none
}
.section.ni3 li:hover .con {
	padding-top:50px;
	height:300px;
	background:#fb5050;
	border-color:#fb5050;
	transition:all .3s ease
}
.section.ni3 li:hover .con p {
	display:block
}
.section.ni4 {
	padding:120px 0;
	background:#f5f5f5
}
.section.ni4 li {
	float:left;
	text-align:center;
	width:25%;
	margin-bottom:15px
}
.section.ni5 {
	padding:80px 0;
	background:#fff
}
.section.downdata {
	background:#f5f5f5;
	padding:50px 0
}
.section.downdata .wrapper {
	overflow:hidden
}
.section.downdata .sidebar {
	width:300px;
	float:left;
	background:#fff;
	padding:20px 25px 80px;
	text-align:left
}
.section.downdata .sidebar h4 {
	font-size:20px;
	font-weight:normal;
	position:relative;
	padding-bottom:10px;
	border-bottom:2px solid #f5f5f5;
	margin-bottom:10px
}
.section.downdata .sidebar h4:after {
	content:"";
	width:40px;
	height:2px;
	background:#fb5050;
	position:absolute;
	bottom:0;
	left:0
}
.section.downdata .sidebar li {
	border-bottom:1px solid #f5f5f5
}
.section.downdata .sidebar li:last-child {
	border-bottom:0 none
}
.section.downdata .sidebar li a {
	display:block;
	position:relative;
	padding:10px 0;
	font-size:14px;
	color:#333
}
.section.downdata .sidebar li a:after {
	content:"";
	background:url(https://images.lfwin.com/lfwin/images/Home/v2/images/download/icon_downs.png) no-repeat -20px 0;
	width:20px;
	height:20px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-10px
}
.section.downdata .sidebar li a:hover {
	color:#fb5050
}
.section.downdata .sidebar li a:hover:after {
	background-position:0 0
}
.section.downdata .sidebar li.on a {
	color:#fb5050
}
.section.downdata .sidebar li.on a:after {
	background-position:0 0
}
.section.downdata .container {
	width:800px;
	float:right;
	background:#fff;
	text-align:left
}
.section.downdata .container dl {
	overflow:hidden;
	padding:20px;
	border-bottom:1px solid #f5f5f5
}
.section.downdata .container dl dt {
	width:216px;
	float:left
}
.section.downdata .container dl dt img {
	width:100%;
	display:block
}
.section.downdata .container dl dd {
	margin-left:240px
}
.section.downdata .container dl dd h4 {
	font-size:22px;
	color:#333;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:10px
}
.section.downdata .container dl dd p {
	height:80px;
	color:#666;
	font-size:14px;
	overflow:hidden
}
.section.downdata .container dl dd .option label {
	font-size:12px;
	color:#999
}
.section.downdata .container dl dd .option a {
	display:inline-block;
	margin-left:40px;
	color:#fb5050
}
.section.downdata .container dl dd .option a i {
	display:inline-block;
	background:url(https://images.lfwin.com/lfwin/images/Home/v2/images/download/icon_downs.png) no-repeat -40px 0;
	width:20px;
	height:20px;
	vertical-align:middle
}
.section.downdata .container dl dd .option a:hover {
	text-decoration:underline
}
.section.downdata .container dl dd .option a:active {
	transform:scale(0.95,0.95)
}
.section.downdata .container .news {
	background:none;
	border:0 none;
	padding-bottom:20px
}


.section.downdata {
	padding:5% 0
}
.section.downdata .wrapper {
	width:98%
}
.section.downdata .sidebar {
	width:26%;
	padding:2%
}
.section.downdata .container {
	width:68%
}


@media (max-width:999px) {
	.wrapper {
	width:100%
}




.section.ni1 {
	padding:5% 0
}
.section.ni1 li {
	width:33.33%;
	box-sizing:border-box
}
.section.ni1 li .con p {
	display:block
}
.section.ni1 li .con a {
	display:block;
	width:142px;
	height:40px;
	background:#fb5050;
	color:#fff;
	line-height:40px;
	margin:0 auto
}
.section.ni1 li.on {
	width:33.33%;
	border:0 none;
	margin-top:0
}
.section .titles {
	margin-bottom:50px
}
.section .titles h2 {
	font-size:24px
}
.section .titles p {
	font-size:16px
}
.section li .con {
	font-size:12px
}
.section li .con h4 {
	font-size:16px
}
.news .con_txt img {
	max-width:95%;
	height:auto !important
}
}

.section {
	padding:5% 0 !important
}
.section.ni1 li {
	width:50%
}
.section.ni1 li.on {
	width:50%
}
.section.ni2 li {
	width:33.33%
}
.section.ni2 li .con {
	padding:8% 0
}
.section.ni2 li .con i {
	margin-bottom:20px
}
.section.ni2 li .con h4 {
	font-size:16px
}
.section.ni2 li .con p {
	font-size:12px
}
.section.ni3 {
	background-size:auto 100%
}
.section.ni3 li {
	width:50%
}
.section.ni3 li .con {
	height:auto;
	padding:8% 0
}
.section.ni3 li .con h4 {
	font-size:16px
}
.section.ni3 li .con p {
	display:block;
	font-size: 14px;
}
.section.ni3 li:hover .con {
	height:auto;
	padding:8% 0
}
.section.ni4 li {
	width:33.33%;
	box-sizing:border-box;
	padding:0 5px;
	margin-bottom:5px
}
.section.ni4 li img {
	max-width:100%
}
.section .titles {
	margin-bottom:30px
}
.section .titles h2 {
	/* font-size:20px */
}
.section .titles p {
	font-size:14px
}

.section.downdata .sidebar {
	width:100%;
	box-sizing:border-box;
	float:none;
	margin-bottom:10px
}
.section.downdata .container {
	float:none;
	width:100%
}
.section.downdata .container dl dd {
	font-size:12px
}
.section.downdata .container dl dd h4 {
	font-size:16px
}

.section.ni1 li {
	width:100%;
	margin-bottom:10px
}
.section.ni1 li .con p {
	margin-bottom:15px
}
.section.ni1 li.on {
	width:100%
}
.section.ni2 li {
	width:50%
}
.section.ni3 li .con p {
	height:60px
}
.section li .con p {
	height:auto;
	line-height:1.2;
	font-size:12px
}

.section.downdata .sidebar {
	width:100%;
	box-sizing:border-box;
	float:none;
	margin-bottom:10px
}
.section.downdata .container {
	float:none;
	width:100%
}
.section.downdata .container dl dt {
	width:100%;
	float:none;
	margin-bottom:10px
}
.section.downdata .container dl dt img {
	max-width:216px;
	margin:0
}
.section.downdata .container dl dd {
	font-size:12px;
	margin-left:0
}
.section.downdata .container dl dd h4 {
	font-size:16px
}
.layui-nav {
	position:relative;
	padding:0 1px;
	/* background-color:#8a8e98;
	*/
	color:#fff;
	border-radius:2px;
	font-size:0;
	box-sizing:border-box;
	/* margin: 10px 0 0; */
	text-align: center;
}
.layui-nav * {
	font-size:14px
}
.layui-nav .layui-nav-item {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	line-height:60px;
	margin-left:10px;
}
.layui-nav .layui-nav-item a {
	display:block;
	padding:0 20px;
	color:#fff;
	color:rgba(255,255,255,.7);
	transition:all .3s;
	-webkit-transition:all .3s
}