.flex_between{
    justify-content: space-between;
}

.flex_align{
    align-items: center;
}
.flex{
    display: flex;
    flex-flow: wrap;
   
}





#head{
	position: fixed;
	z-index: 1000;
	box-sizing: border-box;
	margin: 0 auto;
	top: 0;
	left: 0;
	width: 100%;
	/*background: #fff;*/
	transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	/*box-shadow:0 0 8px rgba(0,0,0,0.2);*/
	
}

#head.onn{
	background: #fff;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
}
.head_r {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.head_r_top{
	padding-top:8px;
	height: 20px;
	display: flex;
	align-items: center;
	text-align: right;
	box-sizing: content-box;

}
.contact_info{
	margin-left:clamp(12px,1.875vw,36px);
	margin-right:clamp(12px,1.875vw,36px);
}
#head .head_r_top a.contact_info{
	color: #005eae;
	font-weight: 600;
}
#head .head_r_top a.contact_info:hover{
	color: #004a8c;
	text-decoration: underline;
}

#head .head_pc{
	height: 80px;
	position: relative;
}

#head .logo {
	-webkit-animation: fadeInLeft 1.5s ease-in-out backwards;
}
#head .head_r ,#head .head_ico{
	-webkit-animation: fadeInRight 1.5s ease-in-out backwards;
}
#head .logo a{
	display: block;
}
#head .logo img{
	height: 36px;
	display: block;
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

#head .nav ul{
	font-size: 0;
	height: 52px;
	display: flex;
}
#head .nav ul li{
	display:inline-block;
	position: relative;
	margin: 0 clamp(20px,1.979vw,38px);
}
#head .nav ul li:last-child{
	margin-right: 0;
}



#head .nav ul li>a{
	display: block;
	
	
	line-height:28px;
	white-space: nowrap;
	color: #333;
	position: relative;
	display: flex;
	align-items: center;
	height: 52px;
	
}
#head .nav ul li>a::after{
	position: absolute;
	z-index: 1;
	width: 0;
	height: 4px;
	transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	bottom: 0;
	left: 50%;	
	overflow: hidden;
	content: '';
	background: #1878f3;
}
#head .nav ul li>a .ico{
	margin-right: 5px;
}
#head .nav ul li>a:hover ,#head .nav ul li.on>a ,#head .nav ul li>a.a_hv{
	color: #0c5dae;
}
#head .nav ul li>a:hover::after,#head .nav ul li.on>a::after,#head .nav ul li>a.a_hv::after{
	width:100%;
	left: 0;
}

#head .nav .sub{
	position: absolute;
	z-index: 98;
	left: 50%;
	top: 52px;
	display: none;
	/* width:300%; 
	-webkit-animation: navslow 0.4s ease-in backwards;
	*/
	background: rgba(255,255,255,0.9);
	padding: 10px;
	transform: translateX(-50%);

}

@-webkit-keyframes navslow {
    0% { 
		-webkit-transform: translate(0,10px); 
		opacity: 0; 
	}
    100% { 
		-webkit-transform: translate(0px,0px); 
		opacity: 1; 
	}
}
#head .nav .sub.onn{
	display: flex;
	flex-direction: column;
}
#head .nav .sub dt{
	display:block;
	position: relative;
}

#head .nav .double.onn{
	width: 500%;
	flex-direction: row;
	flex-wrap: wrap;
}
#head .nav .sub dt{
	width:50%;
}


#head .nav .sub dt a{
	color: #666;
	font-size: 14px;
	display: block;
	padding: 5px 5px 5px 5px;
	line-height: 30px;
	white-space: nowrap;
	word-break: keep-all;
	text-align: center;

}
#head .nav .sub dt a:hover{
	color: #1878f3;
	
}

#head .head_tel{
	line-height: 1.4;
	
	
	display: none;
	align-items: center;
	margin-left: clamp(40px,8.3vw,160px);
} 
#head .head_tel p{
	width: 16px;
}
#head .head_tel strong{
	margin-left:clamp(4px,0.52vw,10px);
	margin-right:clamp(8px,1.04vw,20px);
}
.reg{
	padding-left: clamp(8px,0.677vw,13px);
	padding-right: clamp(8px,0.677vw,13px);
	padding-top: clamp(4px,0.416vw,8px);
	padding-bottom: clamp(4px,0.416vw,8px);
	background: #1878f3;
	border-radius: 4px;
	overflow: hidden;
	margin-left:clamp(4px,0.416vw,8px);
	cursor: pointer;
}
.login{
	padding-left: clamp(8px,0.677vw,13px);
	padding-right: clamp(8px,0.677vw,13px);
	padding-top: clamp(4px,0.416vw,8px);
	padding-bottom: clamp(4px,0.416vw,8px);
	background: #fff;
	margin-left:clamp(4px,0.416vw,8px);
	overflow: hidden;
	cursor: pointer;
}

.head_m{
	display: none;
}

.dd{
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	right:calc(5% + 40px);
}
.regx{
	padding-left: clamp(10px,2.93vw,14px);
	padding-right: clamp(10px,2.93vw,14px);
	padding-top: clamp(4px,1.87vw,8px);
	padding-bottom: clamp(4px,1.87vw,8px);
	background: #1878f3;
	border-radius: 4px;
	overflow: hidden;
	margin-left:clamp(4px,1.067vw,8px);
	font-size: clamp(14px,3vw,20px);
	cursor: pointer;
}
.loginx{
	padding-left: clamp(10px,2.93vw,14px);
	padding-right: clamp(10px,2.93vw,14px);
	padding-top: clamp(4px,1.87vw,8px);
	padding-bottom: clamp(4px,1.87vw,8px);

	border-radius: 4px;
	overflow: hidden;
	margin-left:clamp(4px,1.067vw,8px);
	font-size: clamp(14px,3vw,20px);
	cursor: pointer;
}
.video_bgx{
	padding: 20px;
	background: #005eae;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.video_bgx span{
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
}


@media screen and (max-width:1280px ) {
	
	#head .nav ul li{
		/* margin: 0 18px; */
	}
	#head .head_tel{
		/* display: none; */
	}
	.com_tt {
	    font-size: 88px;
	}
	.com_tt.ab_tt{
		font-size: 54px;
	}
	.lx_com .ul .ico{
		width: 26px;
		height: 26px;
	}
}

@media screen and (max-width:1024px ) {
	
	.com_tt{
	    font-size: 70px;
	}
	/* 移动端顶栏始终实色，避免菜单打开时页面文字透出 */
	#head,
	#head.onn,
	.body-nav #head{
		background: #fff;
	}
	#head .head_pc{
		display: none;
	}

	.head_container{
		height: 64px;
	}
	.head_gap{
	height: 64px;
}

	.com_tt .h3{
		bottom: 15px;
	}
	.banner_right{
		display: none;
	}
	#head .head_m{
		display: block;
		height: 64px;
		position: relative;
		
	}
	#head .head_m .logo{
		left: 3.5%;
		top: 19px;
		position: absolute;
	}
	#head .head_m .logo img{
		height:26px;
	}
	#head .head_m .head_ico{
		position: absolute;
		right:2.5%;
		top: 12px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 99;
	}
	#head .head_m .head_ico span{
		position: absolute;
		top: 19px;
		left: 6px;
		width: 28px;
		height: 2px;
		background: #666666;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}
	#head .head_m .head_ico span:after, #head .head_m .head_ico span:before {
		content: '\20';
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background:#666666;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}
	#head .head_m .head_ico span:before{
		top: -8px;
	}
	#head .head_m .head_ico span:after{
		bottom: -8px;
	}
	.body-nav #head .head_m .head_ico span {
		background:none;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.body-nav #head .head_m .head_ico span:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 0;
		top: 0;
	}
	.body-nav #head .head_m .head_ico span:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 0;
		bottom: 0;
	}
	
	#head .head_m .page-navigation{
		display: none;
		z-index:9999;
		top:52px;
		overflow-y: auto;
		position: fixed;
		max-height: calc(100% - 52px);
		left: 0px;
		width: 100%;
		background:#fff;
	}
	#head .head_m .nav_pad{
		padding: 30px 10%;	
	}
	#head .head_m .nav_pad li{
		position: relative;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-bottom: 1px solid #dedede;
	}
	#head .head_m .page-navigation a{
		line-height:40px;
		padding: 5px 15px;
		font-size:16px;
		color:#333;
		display: block;
		text-align: center;
	}
	#head .head_m .page-navigation .sub{
		display: none;
		padding: 5px 10%;
	}
	#head .head_m .page-navigation .sub a{
		line-height: 28px;
		font-size:14px;
		color: #666;
	}
	.body-nav #head .page-navigation{
		height: 100%;
	}
	
}





@-webkit-keyframes returnToNormal {
  0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}
@keyframes returnToNormal {
  0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}