/*!
 * HLWOS.com (http://www.hlwos.com)
 * Copyright 2012-2021 HLWOS, Inc.
 * Author：Lastkite, QQ：1026811
 * www.hlwos.com 2019-10-25
*/

.top_nav {
	width: 100%;
	height: 60px;
	background: #d45050;
	position: fixed;
	top: 0;
	z-index: 99999;
}

.top_nav_cont {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1616px;
	padding: 0 36px;
	position: relative;
	display: flex;
	height: 100%;
}

.top_nav_cont .logo1 {
	display: flex;
	align-items: center;
}

.top_nav_cont .m-menu {
	display: none;
}

.top_nav_cont .menu {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.top_nav_cont .menu .layui-nav * {
	font-size: 16px;
}

.top_nav_cont .menu .layui-nav .layui-this {
	font-weight: 700;
}

.top_nav_cont .menu .layui-nav .layui-nav-child {
	top: 60px;
	border: 0px solid #313541;
	background-color: #313541;
	border-radius: 3px;
}

.top_nav_cont .menu .layui-nav .layui-nav-child a {
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	margin: 5px 0;
}

.top_nav_cont .menu .layui-nav .layui-nav-child a:hover {
	color: #333333;
}


.top_nav_cont .menu a {
	/* color: hsla(0, 0%, 100%, .8);
	margin-left: 40px;
	opacity: 1;
	white-space: nowrap; */
}

.top_nav_cont .menu a:hover {
	/* color: #FFFFFF; */
}

.top_nav_cont .menu li {
	/* height: 24px;
	line-height: 24px;
	display: block;
	float: left; */
}

.top_nav_cont .cur a {
	/* font-weight: 700;
	color: #FFFFFF; */
}

.top_nav_cont .logo1 img {
	height: 36px;
}

.homepage-bg {
	position: relative;
	height: 720px;
	width: 100%;
}

.homepage-bg .bgimg1 {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 1550px;
	background-image: url(../img/bg_red.png);
	background-size: 100%;
	top: 60px;
	left: 0;
	background-repeat: no-repeat;
}

.homepage-bg .bgimg3 {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 1550px;
	background-image: url(../img/bg_black.png);
	background-size: 100%;
	top: 60px;
	left: 0;
	background-repeat: no-repeat;
	z-index: -1;
}

.homepage-bg .bgimg2 {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 1550px;
	background-image: url(../img/bg-dian.png);
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: .05;
	top: 60px;
	left: 0;
}

.homepage1 {
	max-width: 1280px;
	min-width: 1000px;
	height: 700px;
	position: relative;
	margin: 0 auto;
	padding-top: 180px;
	padding-left: 36px;
}

.homepage1 h1 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 500;
	position: relative;
}

.homepage1 .h1-info {
	line-height: 2;
	margin-top: 32px;
	color: #fff;
	opacity: .8;
}

.homepage1 .h1-img {
	width: 214px;
	height: 32px;
	margin-top: 30px;
}

.homepage1 .h1-bgimg {
	position: absolute;
	width: 70%;
	right: 0;
	height: 500px;
	background-image: url(../img/bg-1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	top: 170px;
	z-index: 1;
}

.home-p2-ico {
	width: 50px;
	height: 44px;
	background-size: 50px 44px;
	background-image: url(../img/home-p2-ico.png);
	margin: 40px auto 0 auto;
}

.home-p2-tit {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 80px;
	margin-top: 28px;
	padding: 0 36px;
	text-align: center;
}

.home-p3-tit {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	line-height: 60px;
	margin-top: 28px;
	margin-bottom: 24px;
	padding: 0 36px;
	text-align: center;
}

.home-p2-tit span {
	font-weight: 700;
}

.home-p3-tit span {
	font-weight: 700;
}

.home-p3-tit-info {
	color: hsla(0, 0%, 100%, .8);
	line-height: 28px;
	margin-bottom: 120px;
	text-align: center;
}


.home-p2-list {
	max-width: 1280px;
	margin: 0 auto;
}

.home-p2-list .ico-img {
	width: 68px;
	height: 60px;
	background-size: 68px 60px;
	margin: 0 auto;
}

.home-p2-list .ico-bg1 {
	background-image: url(../img/home-p2-1.png);
}

.home-p2-list .ico-bg2 {
	background-image: url(../img/home-p2-2.png);
}

.home-p2-list .ico-bg3 {
	background-image: url(../img/home-p2-3.png);
}

.home-p2-list h1 {
	text-align: center;
	line-height: 32px;
	margin: 32px 0 12px 0;
}

.home-p2-list h2 {
	color: hsla(0, 0%, 100%, .4);
	line-height: 28px;
	text-align: center;
}

.home-p2-cont {
	padding: 0 10px;
	margin-bottom: 80px;
}

.footer-bg {
	padding-top: 80px;
	height: 200px;
	background-image: url(../img/footer-bg.png);
	width: 100%;
	background-size: 100% 120px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.footer {
	width: 100%;
	background-color: #d94e4e;
}

.footer-cont {
	height: 320px;
	max-width: 1280px;
	min-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.footer-cont-ico {
	width: 241px;
	height: 187px;
	background-size: 241px 187px;
	background-image: url(../img/footer.png);
	margin-left: 100px;
	float: left;
	margin-top: 50px;
}

.footer-cont h1 {
	margin-top: 80px;
	margin-left: 100px;
	float: left;
}

.footer-cont h2 {
	margin-top: 40px;
	margin-left: 100px;
	float: left;
}

.footer-cont a {
	color: #FFFFFF;
}

.foot-info {
	padding-top: 60px;
	display: flex;
	justify-content: center;
	font-size: 13px;
	margin: 0 auto;
	color: hsla(0, 0%, 100%, .5);
	height: 96px;
	background-color: #252832;
}

.foot-info a {
	margin: 0 5px;
}


.home-p3-list {
	width: 1060px;
	margin: 0 auto;
	display: flex;
}

.home-p3-list .list-cont:first-child {
	background-color: #5d8fd7;
	margin-right: 80px;
}

.home-p3-list .list-cont:nth-child(2) {
	background-color: #be5254;
	margin-right: 80px;
}

.home-p3-list .list-cont:nth-child(3) {
	background-color: #5eb199;
}

.home-p3-list .list-cont {
	width: 300px;
	height: 300px;
	position: relative;
	border-radius: 8px;
}

.home-p3-list .ico-bg1 {
	width: 129px;
	height: 139px;
	background-size: 129px 139px;
	top: -21px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/home-team1.png);
}

.home-p3-list .ico-bg2 {
	width: 147px;
	height: 132px;
	background-size: 147px 132px;
	top: -21px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/home-team2.png);
}

.home-p3-list .ico-bg3 {
	width: 140px;
	height: 140px;
	background-size: 140px 140px;
	top: -21px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/home-team3.png);
}

.home-p3-list h1 {
	position: absolute;
	top: 160px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 700;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: right 0;
	line-height: 36px;
}

.home-p3-list .h1-bg1 {
	background-image: url(../img/home-team1a.png);
}

.home-p3-list .h1-bg2 {
	background-image: url(../img/home-team2a.png);
}

.home-p3-list .h1-bg3 {
	background-image: url(../img/home-team3a.png);
}

.home-p3-list h2 {
	font-size: 16px;
	color: #fff;
	margin-top: 26px;
	line-height: 24px;
	text-align: center;
	width: 203px;
	position: absolute;
	top: 190px;
	left: 50%;
	transform: translateX(-50%);
}

.home-bg1 {
	position: relative;
}

.home-bg1 .bg-img1 {
	position: absolute;
	width: 100%;
	height: 700px;
	top: -320px;
	background-image: url(../img/home-bg1.png);
	z-index: -1;
}

.footer-nav {
	height: 358px;
	width: 100%;
	color: #fff;
	position: relative;
	background: #252832;
}

.foot-nav {
	margin-left: calc(50% - 720px);
	padding-top: 60px;
	display: flex;
}

.foot-nav-logo {
	width: 148px;
	height: 36px;
	background-image: url(../logo/logo2.png);
	background-size: 148px 36px;
	margin-left: 158px;
	position: relative;
}

.foot-nav-cont {
	margin-left: 160px;
	display: flex;
}

.foot-nav-cont .list-cont {
	margin-left: 60px;
	width: 160px;
	height: 201px;
}

.foot-nav-cont .list-cont .link {
	margin-top: 36px;
}

.foot-nav-cont .list-cont .link a {
	margin-bottom: 20px;
	font-size: 15px;
	display: block;
	color: #fff;
	opacity: .6;
}

.foot-nav-cont .list-cont .link a:hover {
	color: #fff;
	opacity: 1.0;
}

.foot-nav-cont .list-cont .ico-wxqq {
	display: flex;
}

.foot-nav-cont .list-cont .ico-qq {
	background-image: url(../img/ico-qq.png);
	background-repeat: no-repeat;
	opacity: .6;
	width: 16.77px;
	height: 19px;
	background-size: 16.77px 19px;
}

.foot-nav-cont .list-cont .ico-wx {
	background-image: url(../img/ico-wx.png);
	background-repeat: no-repeat;
	opacity: .6;
	width: 20.77px;
	height: 17.5px;
	background-size: 20.77px 17.5px;
	margin-left: 20px;
}

.foot-m-pc {
	display: none;
}