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

/* 屏幕自适应 */
@media (max-width: 750px) {
	.top_nav {
		width: 100%;
		height: 50px;
		background: #d45050;
		position: fixed;
		top: 0;
		z-index: 99999;
	}

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

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

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

	.top_nav_cont .m-menu {
		display: block;
		text-align: right;
		position: absolute;
		right: 0;
		width: 120px;
	}

	.top_nav_cont .m-menu .layui-nav-tree {
		width: auto;
	}

	.layui-nav {
		background: none;
	}

	.layui-nav .layui-this:after,
	.layui-nav-bar,
	.layui-nav-tree .layui-nav-itemed:after {
		background: none;
	}

	.layui-nav-tree .layui-nav-bar {
		background: none;
	}

	.layui-nav-tree .layui-nav-item a:hover {
		background: none;
	}
	
	.layui-nav-tree .layui-nav-item a {
		height: 50px;
		line-height: 50px;
		text-align: right;
		padding: 0 15px;
	}
	
	.layui-nav-tree .layui-nav-item .layui-nav-child a {
		text-align: center;
		background-color: #333333;
		opacity: 0.75;
		color: #FFFFFF;
	}
	
	
	.layui-nav-more {display: none;}

	.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: 24px;
	}

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

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

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

	.homepage-bg .bgimg2 {
		position: absolute;
		width: 100%;
		min-width: 100%;
		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: 100%;
		height: 700px;
		position: relative;
		margin: 0 auto;
		padding-top: 130px;
		padding-left: 36px;
	}

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

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

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

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

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

	.home-p2-tit {
		font-size: 20px;
		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: 20px;
		color: #fff;
		font-weight: 700;
		line-height: 60px;
		margin-top: 28px;
		margin-bottom: 16px;
		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: 22px;
		margin-bottom: 80px;
		text-align: center;
		padding: 0 36px;
		font-size: 14px;
	}


	.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: 26px 0 4px 0;
		font-size: 16px;
	}

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

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

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

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

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

	.footer-cont-ico {
		width: 100%;
		height: 120px;
		background-size: auto 120px;
		background-image: url(../img/footer.png);
		margin: 30px auto 0 auto;
		float: none;
		background-repeat: no-repeat;
		background-position: center;
	}

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


	.footer-cont h1 {
		margin-top: 40px;
		margin: 40px 0 0 0;
		float: none;
		font-size: 15px;
		text-align: center;
		padding: 0 10px;
	}

	.footer-cont h2 {
		margin-top: 40px;
		margin: 20px 0 0 0;
		float: none;
		font-size: 15px;
		text-align: center;
		padding: 0 36px;
	}

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

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


	.home-p3-list {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

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

	}

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

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

	.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: 40px;
		width: 100%;
		color: #fff;
		position: relative;
		background: #252832;
	}

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

	.foot-nav-logo {
		width: 102px;
		height: 24px;
		background-image: url(../logo/logo2.png);
		background-size: 102px 24px;
		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: block;
		height: 30px;
		text-align: center;
		color: hsla(0, 0%, 100%, .5);
	}
}