@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;}
html
{
	overflow-y: scroll;
}
body
{
	overflow-y: hidden;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
input,textarea {box-shadow: none; outline: none;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { text-decoration:none;}
a:focus{outline:0;}

.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

.iconfont1 {
	font-family: "iconfont1" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "iconfont1";
	src: url('./fonts/iconfont.woff2?t=1638869001436') format('woff2'),
	url('./fonts/iconfont.woff?t=1638869001436') format('woff'),
	url('./fonts/iconfont.ttf?t=1638869001436') format('truetype');
}

.client-2 {
	position: fixed;
	right: -170px;
	top: 35%;
	z-index: 900;
}

.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 62px;
	position: relative;
}

.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}

.client-2 li p {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
	display: none;
}

.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 31px;
	background-position: -23px -47px;
	background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
	padding-top: 6px;
}

.client-2 .my-kefu-left {
	float: left;
	width: 62px;
	height: 47px;
	position: relative;
}

.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.client-2 .my-kefu-right {
	width: 20px;
}

.client-2 .my-kefu-tel-main {
	background: #2280d1;
	color: #fff;
	height: 53px;
	width: 230px;
	padding:9px 0 0;
	float: left;
	box-sizing: unset;
}

.client-2 .my-kefu-main {
	background: #2280d1;
	width: 97px;
	height: 53px;
	position: relative;
	padding:9px 0 0;
	float: left;
	box-sizing: unset;
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
	box-sizing: unset;
}

.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}


/*头部导航*/


.navMenu >div {
	animation-fill-mode: both;
}

.navMenu {
	z-index: 999;
	position: fixed;
	top: 10px;
	left: 0;
	width: 100%;
	transition: all 0.36s;
}


.navMenu.isfixed,.navMenu.isfixed1,.navMenu.isfixed2 {
	top: 0;
	background: #2280d1b0;
	box-shadow: 0 4px 50px 20px rgba(0, 0, 0, 0.02);
	/*backdrop-filter: blur(24px);*/
}

.navMenu .navSimg a img{
	width:99%;
	max-width:320px;
	height:auto;
}


.navMenu .tNavBox {
	width: 90%;
	margin: 0 auto;
	height: auto;
	overflow: visible;
	display: flex;
	justify-content: space-around;
}

.navMenu .navBtn {
	height: 72px;
	display: flex;
	align-items: center;
}

.navMenu .navBtn .navBtnImg1 {
	display: none;
}
.navMenu.isfixed .navBtn .navBtnImg,.navMenu.isfixed1 .navBtn .navBtnImg,.navMenu.isfixed2 .navBtn .navBtnImg {
	display: none;
}
.navMenu.isfixed .navBtn .navBtnImg1,.navMenu.isfixed1 .navBtn .navBtnImg1,.navMenu.isfixed2 .navBtn .navBtnImg1 {
	display: block;
}

.navMenu .iconJt {
	display: none;
}

.navMenu .tNav {
	/*width: 100%;*/
	height: 75px;
	/*max-width: 1000px;*/
	/*float: right;*/
	overflow: hidden;
}

.navMenu .navUl {
	width: 100%;
	display: flex;
	font-size: 0;
}

.navMenu .navLi {
	padding: 0 16px;
	display: inline-block;
	font-size: 16px;
}

@media screen and (max-width: 1440px) {
	.navMenu .navLi:last-child {
		display: none;
	}
}

.navMenu .navLi:hover .tNavH::before {
	width: 100%;
	opacity: 1;
}

.navMenu .tNavH {
	position: relative;
}

.navMenu .tNavH::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 5px;
	background-color: #2280d1;
	opacity: 0;
	transition: all .5s ease;
}

.navMenu .navName {
	position: relative;
	display: block;
	line-height: 72px;
	font-size: 16px;
	color: #fff;
	transition: all .5s ease;
}

.navMenu.isfixed .navName,.navMenu.isfixed1 .navName,.navMenu.isfixed2 .navName {
	color: #333;
}

.navMenu .navName::after {
	content: attr(data-title);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(100%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.navMenu.isfixed .navName::after,.navMenu.isfixed1 .navName::after,.navMenu.isfixed2 .navName::after {
	color: #fff;
}


.navMenu .navLi:hover .navName {
	transform: translateY(-100%);
}

.navMenu .slidBox {
	position: fixed;
	background: #fff;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 1024px;
	height: 0;
	overflow-y: scroll;
	/*display: flex;*/
	/*justify-content: flex-start;*/
	/*align-items: center;*/
	/*flex-wrap: nowrap;*/
	z-index: 110;
	margin: 0 auto;
	padding: 0 2%;
	transition: all .5s ease;
	/*opacity: 0;*/
	box-shadow: 12px 12px 25px rgba(24, 92, 197, 0.18);
	display: none;
}

.navMenu .navLi .slidBox1 {
	height:80px;
}
.navMenu .navLi .slidBox2 {
	height:70%;
}
.navMenu .navLi .slidBox1 .x-sub-menu1 {
	display: flex;
	justify-content:center;
	line-height: 80px;
}

.navMenu .navLi .slidBox1 .x-sub-menu1 li{
	margin: 0 30px;
	font-size: 16px;
	position: relative;
}

.navMenu .navLi .slidBox1 .x-sub-menu1 li:hover a{
	color:#2280d1;
}

.navMenu .navLi .slidBox1 .x-sub-menu1 li a::before {
	content: '';
	height: 3px;
	width: 0;
	opacity: 0;
	background: #2280d1;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transition: all 0.36s;
	transform: translateX(-50%);
}
.navMenu .navLi .slidBox1 .x-sub-menu1 li:hover a::before {
	width: 100%;
	opacity: 1;
}

.navMenu .leftBox {
	position: relative;
	margin-right: 2%;
	padding-right: 2%;
	width: 20%;
	height: auto;
	margin: 60px 0;
	overflow: hidden;
	border-right: 1px solid #eaeaea;
}

.navMenu .navSbox {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0;
	margin: 60px 0;
	white-space: nowrap;
}

.navMenu .oneName {
	font-size: 36px;
	padding-bottom: 15px;
	color: #000;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.navMenu .tNavSummry {
	line-height: 24px;
	width: 100%;
	height: 96px;
	overflow: hidden;
	color: #666666;
	font-size: 14px;
	max-width: 420px;
}

.navMenu .tNavMore {
	display: block;
	position: relative;
	height: auto;
	padding-top: 25px;
	border-top: 1px dashed #cccccc;
	margin-top: 20px;
	cursor: pointer;
}

.navMenu .txt {
	color: #000;
	transition: all .5s ease;
}

.navMenu .leanMore {
	margin-left: 32px;
	transition: all .5s ease;
}

.navMenu .tNavMore:hover .txt {
	color: #2280d1;
	margin-left: 10px;
}

.navMenu .tNavMore:hover .leanMore {
	color: #2280d1;
}

.navMenu .navSli {
	display: inline-block;
	width: calc(100% /6);
	max-width:320px;
	margin-left: 3%;
	height: 100%;
	overflow: hidden;
}

.navMenu .navSimg {
	position: relative;
	width: 100%;
	max-width:320px;
	min-height: 160px;
	overflow: hidden;
}

.navMenu .navImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scale(1);
	width: auto;
	height: 100%;
	transition: all .5s ease;
}

.navMenu .navSlink {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	line-height: 40px;
	font-size: 16px;
	color: #666;
	text-align: center;
	font-weight: normal;
	overflow: hidden;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .5s ease;
}

.navMenu .navSlink::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 3px;
	opacity: 0;
	background-color: #2280d1;
	transition: all .5s ease;
}

.navMenu .navSli:hover .navImg {
	transform: translateX(-50%) scale(1.1);
}

.navMenu .navSli:hover .navSlink {
	color: #2280d1;
}

.navMenu .navSli:hover .navSlink::after {
	width: 100%;
	opacity: 1;
}

.navMenu .tNav .navUl .navLi .tNavH a i {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
}

.navMenu.isfixed .tNav .navUl .navLi .tNavH a,.navMenu.isfixed1 .tNav .navUl .navLi .tNavH a,.navMenu.isfixed2 .tNav .navUl .navLi .tNavH a  {
	color: #fff;
}

/*@media only screen and (max-width: 1440px) {*/
/*	.navMenu .tNavBox {*/
/*		margin-left: 60px*/
/*	}*/
/*}*/


.d-product__wrap{
	background: rgba(0,0,0,.8);
	width: 100% !important;
	min-height: 100%;
	position: absolute;
	z-index: 99;
	padding: 2% 0 40px !important;
	opacity: 1;
	left: 0;
	border-top:none;
}


.d-product__wrap > li{
	width: 90%;
	margin: 0 auto;
	/*float: left;*/
	/*text-align: left;*/
	/*padding-left: 5%;*/
	padding-top: 30px;
	/*min-height: 200px;*/
	box-sizing: content-box;
}

.d-product__wrap > li:first-child{
	padding-top: 0;
}

.d-product__wrap > li > a{
	display: block;
	text-align:left;border:none;background:url(../images/hxian.png) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;  color: #ffffff;font-size:18px;line-height:30px;
}
.d-product__wrap .erji a{
	font:normal 14px/25px MicrosoftYaHei;
	color: #fff;
	display: block;
	transition: all 0.4s;

}
.d-product__wrap .erji a:hover{
	color:#2280d1;
}




.footer{ background: #515151; border-top: 1px #dddee0 solid; display: flex;position: relative;z-index: 99}
.footer .container {width:80%;margin: 0 auto}
.footer .row {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0;
}

.footer .end_logo_contact{ color: #fff; font-size: 14px;}
.footer .end_logo_contact li{ line-height: 30px; }
.footer .footer_nav{ flex: 1; max-width: 70%; justify-content: space-between; padding-left:5%; }
.footer .footer_nav ul{ width: 20%; float: left;}
.footer .footer_nav ul li a{ font-size: 14px; color: #fff}
.footer .footer_nav ul li{ line-height: 30px; position: relative;}
.footer .footer_nav ul li:nth-of-type(n+2):after{position: absolute; content: ""; background: #2280d1; width: 40%;
	bottom: 0;left: 0; height: 2px;  transition: all .5s; opacity: 0.7; transform: scale(0); transform-origin: left bottom;}
.footer .footer_nav ul li:nth-of-type(n+2):hover:after{transform: scale(1); transform-origin: right bottom;opacity: 1; }

.footer .footer_nav ul li:nth-of-type(1){ position: relative;   }
.footer .footer_nav ul li:nth-of-type(2){ margin-top: 25px; }
.footer .footer_nav ul li:nth-of-type(1) a{font-size: 18px; color: #ffffff; }
.footer .footer_nav ul li:hover a{ color:#2280d1  }
.footer .footer_nav ul li:nth-of-type(1):after{ position: absolute; content: ""; background: #2280d1; width: 30px;
	bottom: -15px;left: 0; height: 2px; transition: all 0.5s }
.footer .footer_nav ul li:nth-of-type(1):hover:after{ width:60px; }
.footer .end_scan{ display: flex; justify-content: space-between; }
.footer .end_scan div{max-width:150px; flex: 1; padding: 10px; font-size: 14px; text-align: center;  color: #fff}

.footer .end_copy{ border-top: 1px #dddee0 solid; height: 70px; line-height: 70px; color: #fff; font-size: 14px; }