html,
body{
	margin: 0;
	padding: 0;
	/* min-width: 1920px; */
}
a{
	text-decoration: none;
	color: #fff;
	font-size: 15px;
}
p{
	margin: 0;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
.display_flex{
	display: flex;
}
.flex_center{
	justify-content: center;
}
.align_center{
	align-items: center;
}
.banner img{
	width: 100%;
}
.w1100{
	width: 1100px;
}
.w1200{
	width: 1200px;
}
/* 背景颜色 */
.bgF1F6FF{
	background-color: #F1F6FF;
}
.img_icon{
	width: 13px;
	height: 15px;
}
/* 双圆图标 */

.header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 60px;
	z-index: 999;
}
.header .header-box{
	margin: 0 auto;
	justify-content: space-between;
}
.header .header-box .header-left{
	height: 60px;
	position: relative;
}
.logo{
	margin-right: 38px;
	width: 72px;
}
.logo img{
	width: 100%;
}
.header .header-box .header-left .nav .nav-li{
	margin-right: 38px;
	height: 100%;
	width: auto;
}

.header.headerScroll .header-box .header-left .nav a:hover{
	color: #0764FF;
}
.header .header-box .header-left .nav-live{
	position: relative;
}
.header .header-box .header-left .nav-live span{
	color: #fff;
	
	font-size: 15px;
}
.header.headerScroll .header-box .header-left .nav-live span{
	color: #000;
}

.header .header-box .header-left .nav-live span:hover,
.header.headerScroll .header-box .header-left .nav-live span:hover{
	cursor: pointer;
	color: #0764FF;
}

.header .header-box .header-left .live-box{
	position: absolute;
	top: 30px;
	left: 0;
	background: #FFF;
	color: #000;
	width: 78px;
	height: 152px;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
}
.header .header-box .header-left .live-box li{
	padding: 6px 0;

}
.header .header-box .header-left .live-box li a{
	color: #000;
}
.header .header-box .header-left .live-box li a:hover{
	color: #0764FF;
}

.header .header-box .header-right{
	height: 60px;
	color: #fff;
}
.header .header-box .header-right img{
	margin-right: 10px;
}

.header.headerScroll {
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(210,210,210,0.31);
}
.header.headerScroll .header-box .header-left .nav a{
	color: #000;
}
.header.headerScroll .header-box .header-right{
	color: #000;
}
.banner{
	position: relative;
}
.banner-box{
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 29.57%;
	left: 0;
}
.banner-box .banner-info{
	margin: 0 auto;
}
.banner-box .banner-info p{
	color: #FFFFFF;
	font-style: normal;
	margin-bottom: 0;
	margin-top: 0;
}
.banner-box .banner-info .p_1{
	font-weight: 600;
	font-size: 37px;
	margin-bottom: 34px;
}
.banner-box .banner-info .p_2{
	font-weight: 500;
	font-size: 27px;
}
.banner-box .banner-info .p_3{
	font-weight: 400;
	font-size: 20px;
}
.banner-box .btn{
	width: 150px;
	height: 45px;
	background: rgba(255,255,255,0.2);
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	font-weight: 600;
	font-size: 18px;
	margin-top: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
}

.footer-box{
	background-color: #161C29;
	padding:  85px 0 100px;
	color: #fff;
}
.footer-box .footer{
	margin: 0 auto;
}
.footer .footer_1 {
	justify-content: space-between;
}
.footer .footer_1 .footer-li{
	margin-right: 114px;
}
.footer .footer_1 .footer-li .name{
	font-weight: 500;
	font-size: 23px;
	color: #636366;
	margin-bottom: 25px;
}
.footer .footer_1 .footer-li ul li{
	font-weight: 400;
	font-size: 15px;
	color: #D8D8D9;
	margin-bottom: 15px;
}

.footer .footer_1 .footer-right{
	padding-left: 77px;
	border-left: 1px solid #979797;
}
.footer .footer_1 .footer-right p{
	margin: 0;
}
.footer .footer_1 .footer-right .footer-logo{
	margin-bottom: 60px;
}
.footer .footer_1 .footer-right  .contact p:first-child{
	font-weight: 500;
	font-size: 23px;
	color: #636366;
}
.footer .footer_1 .footer-right .contact p:nth-child(2){
	font-weight: 600;
	font-size: 40px;
	color: #D8D8D9;
	line-height: 56px;
}
.footer .footer_1 .footer-right .contact p:nth-child(3){
	font-weight: 400;
	font-size: 15px;
	color: #D8D8D9;
}
.footer .footer_2 {
	margin-top: 51px;
	border-top: 1px solid #979797;
	padding: 18px 0;
	text-align: center;
}
.float_box{
	position: fixed;
	width: 100%;
	z-index: 99;
	bottom: 0;
	left: 0;
	background-color: #0764FF;
	padding: 28px;
	color: #fff;
}
.float-info {
	margin: 0 auto;
}
.float-info input{
	width: 196px;
	height: 45px;
	background: #0A84FF;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	padding: 0 7px;
	font-size: 13px;
	color: #fff;
	margin-left: 48px;
}
::placeholder {
  color: #fff; /* 将颜色替换为您想要的颜色值 */
}
.float-info .input3{
	width: 296px;
	margin-right: 48px;
}
.float-info .btn{
	width: 150px;
	height: 45px;
	background: rgba(255,255,255,0.2);
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
}
.float-info .input1{
	width: 150px;
}
.float-info .input2{
	width: 200px;
	margin-right: 10px;
}
#form{
	display: flex;
	width: 800px;
}
.tip{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 24px;
	padding: 30px 10px;
	text-align: center;
	width: 430px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.6);
}

/* 公共title样式 */
.title_a{
	text-align: center;
}
.title_a .name{
	font-weight: 600;
	font-size: 48px;
	color: #000000;
	letter-spacing: 3px;
	font-style: normal;
	position: relative;
	margin-bottom: 10px;
}
.title_a .name i{
	position: absolute;
	width: 80px;
	height: 3px;
	background: #0764FF;
	border-radius: 3px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.title_a .info{
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 29px;
	color: #393A3C;
	letter-spacing: 2px;
	font-style: normal;
}
.wx_box{
	width: 60px;
	height: 60px;
	background: #0764FF;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px;
	position: fixed;
	top: 513px;
	right: 20px;
	cursor: pointer;
	padding: 10px 0;
	box-sizing: border-box;
}
.wx_box p{
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	color: #FFFFFF;
}
.wx_box .info{
	position: relative;
}
.wx_box .info .wx_float{
	width: 260px;
	height: 260px;
	background: #0764FF;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px;
	position: absolute;
	right: 65px;
	top: -95px;
	display: none;
	padding: 10px;
	box-sizing: border-box;
}
.wx_box:hover .wx_float{
	display: block;
}
.dialog_shade{
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 9998;
}
.dialog{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 240px;
	background-color: #fff;
	box-shadow: 4px 2px 4px 4px rgba(0,0,0,0.2);
	padding: 20px;
	z-index: 9999;
	border-radius: 5px;
}
.dialog p{
	text-align: center;
	margin-bottom: 20px;
}
.dialog p:first-child{
	font-size: 24px;
}
.dialog img{
	width: 200px;
}