a {
	outline: none;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

.header {
	width: 100%;
	/* height: 1080px; */
}


/* 导航active.b_nav:hover 栏开始 */
.b_nav {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 9999;
	transition: all 0.3s;
	border-bottom: 1px solid transparent;
}

/* .b_nav:hover {
	background: rgba(255, 255, 255, 0.7);
} */

.b_nav.active {
	background: rgba(255, 255, 255, 1);
	border-bottom: 1px solid #eee;
}

/* 导航栏 */
/* 导航栏 */
.nav {
	/* padding-top: 20px;
	padding-bottom: 20px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 5;
	width: 95%;
	margin: 0 auto;
	height: 90px;
}

.titleTab {
	display: flex;
	align-items: center;
	height: 90px;

}

.nav .logo {
	width: 30%;
	text-align: left;
}

.nav .logo img {
	width: 245px;
	height: 30px;
}

.nav .navlist ul {
	display: flex;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 24px;
}

.nav .search .liebiao {
	display: none;
}

.nav .navlist ul li {
	padding: 0 10px;
}

.nav .search {
	width: 8%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav .search img {
	width: 20px;
	height: 20px;
}

.langBox {
	position: relative;
}

.nav .search .yuyanlist {
	width: 60px;
	height: auto;
	/* border: 1px solid black; */
	position: absolute;
	top: 110%;
	left: calc(50% - 30px);
	background-color: #fff;
	opacity: 0;
	margin-top: 10px;
	z-index: 99999;
	border-radius: 10px;
}

.langBox:hover .yuyanlist {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s;
}



.nav .search .yuyanlist li {
	text-align: center;
	line-height: 30px;
}

/* about二级导航栏 */

.nav .navlist ul li:nth-child(5) {
	/* position: relative; */
}

.nav .navlist ul li .second1 {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	/* height: 460px; */
	text-align: left;
	background-color: #F6F3F7;
	border-top: 20px solid transparent;
	display: none;
	z-index: 999;

}

.nav .navlist ul li .second2 {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	padding: 0 0 20px 0;
	text-align: left;
	border-top: 20px solid transparent;
	background-color: #F6F3F7;
	display: none;
	z-index: 999;
}



.nav .navlist ul {
	display: flex;
	align-items: center;
	line-height: 50px;
}

.nav .navlist ul li {
	line-height: 50px;
}

.nav .navlist .second2 .secondList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 200px;

}

.nav .navlist .second2 .secondList .secondLeft {
	text-align: center;
}

.nav .navlist .second .secondList .secondLeft h1 {
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	line-height: 40px;

}

.nav .navlist .second2 .wire {
	height: 90px;
	border-left: 1px solid #777777;

}


.nav .navlist .second2 .secondRight {
	margin-top: -40px;
}

.nav .navlist .second2 .secondRight ul {
	flex-wrap: wrap;
	width: 822px;
	height: 65px;
}

.nav .navlist .second2 .secondRight ul li {
	padding: 0 40px;
}

.nav .navlist .second2 .secondRight ul li a {
	font-size: 16px;
	font-weight: 400;
	/* color: #777777; */
	line-height: 42px;
}




/*产品中心二级导航栏 */

.nav .navlist .second .block {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	/*align-items: center;*/
	/*text-align: center;*/
	/*justify-content: center;*/
	/*height: 100%;*/
}

.nav .navlist .second .block>div {
	width: 300px;
	/*height: 370px;*/
	/* border: 1px solid black; */
	background: #FFFFFF;
	margin: 0 5px;
}

.nav .navlist .second div img {
	width: 7px;
	height: 12px;
	margin-left: 20px;
}


.nav .navlist .second .blocktop {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-left: 10px;
}

.nav .navlist .second .blocktop h1 {
	font-size: 20px;
	color: #000000;
	/* line-height: 48px; */
}

.nav .navlist .second .block>div ul {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #777777;
	line-height: 36px;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.nav .navlist .second .block>div ul li {
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #777777;
	min-width: 220px;
	line-height: 36px;
}




/* 鼠标悬浮效果 */
.navigation .productCenter:hover .product {
	color: red;
}

.navigation .nav_item:hover .seme {
	color: red;
}

.navigation .nav_item:hover .support {
	color: red;
}

.navigation .nav_item:hover .newsconten {
	color: red;
}

.navigation .nav_item:hover .navigation {
	color: red;
}

.navigation .nav_item:hover .second2 {
	display: block;
	animation: fadeInDown;
	animation-duration: 1s;
}


.navigation .productCenter:hover .second1 {
	display: block;
	animation: fadeInDown;
	animation-duration: 1s;
}

.nav .navlist .second .block>div ul li a:hover {
	color: red;
	text-decoration: underline;
}

.nav .navlist .second2 .secondList ul li a:hover {
	color: red;
	text-decoration: underline;
}






.nav .search .liebiao {
	display: none;
}

.secondLevel {
	display: none;
}


@media screen and (max-width: 750px) {

	.pc {
		display: none;
	}

	.container {
		width: 100%;
	}

	.mobile {
		display: block;
	}



	.container {
		width: 100%;
	}

	.b_nav {
		background-color: #fff;
		border-bottom: 1px solid #eee;
		position: fixed;
		top: 0;
	}

	.nav {
		z-index: 2;
		position: relative;
	}

	.nav .logo img {
		width: 40vw;
		height: 4.5333vw;
	}

	.nav .search {
		width: 25%;
	}

	.nav .search {
		position: relative;
	}

	.nav .search .yuyanlist {
		width: 80px;
		height: 70px;
		/* border: 1px solid black; */
		position: absolute;
		top: 5.8667vw;
		left: calc(50% - 40px);
		background-color: #fff;
		display: none;
		margin-top: 10px;
	}

	.secondLevel {
		width: 100%;
		left: 0;
		height: 100%;
		top: 66px;
		box-sizing: border-box;
		/* display: block; */
		position: fixed;
		display: none;
		/* z-index: 99; */
		background-color: #fff;
		z-index: 999;

	}

	/*  .nav .search .liebiao:hover+.secondLevel {
    animation: fadeInDown;
    animation-duration: 1s;
    display: block;
  } */

	/*  .secondLevel:hover {

    display: block;
  } */

	.secondLevel a {
		display: block;
	}

	.secondLevel .secondLevelLeft .ul1 {
		/* margin: 0 auto; */
		width: 32vw;
		height: 100vh;
		padding: 0 4.1vw;
		text-align: center;
		background-color: #f3f3f3;
		/* border: 1px solid black; */
	}

	.secondLevel .secondLevelLeft .ul1 li {
		font-size: 4vw;
		text-align: left;
		padding: 5.3333vw 0;
	}

	.secondLevel .secondLevelLeft .ul1 li.active>a {
		color: #007aff;
	}

	.secondLevel .secondLevelLeft .ul2 {
		position: absolute;
		/* border: 1px solid black; */
		top: 0vw;
		left: 42vw;
		width: 50vw;
		padding: 0 10px;
		background-color: #fff;
		height: 600px;
		overflow: scroll;
	}

	.secondLevel .secondLevelLeft .ul2 li {
		font-size: 4vw;
		text-align: left;
		padding: 5.3333vw 0vw;
		border-bottom: 1px solid #dedede;
	}

	.secondLevel .secondLevelLeft .ul2 li h2 a {
		font-size: 5vw;
	}

	.secondLevel .secondLevelLeft .ul2>.ul3title {
		display: flex;
		justify-content: space-between;
	}

	.secondLevel .secondLevelLeft .ul2 .top {
		display: none;
	}

	.secondLevel .secondLevelLeft .ul2 .ul3 {
		display: none;
	}

	.secondLevel .secondLevelLeft .ul1 .ul2 {
		display: none;
	}

	/* 鼠标悬浮事件 */

	.secondLevel .secondLevelLeft .ul1 .li1:hover>a {
		color: #0c3281;
	}

	/*  .secondLevel .secondLevelLeft .ul1 .li1:hover>.ul2 {
    animation: fadeInDown;
    animation-duration: 1s;
    display: block;
  } */

	/*  .secondLevel .secondLevelLeft .ul2 .ul3title:hover>.top {
    display: block;
  }

  .secondLevel .secondLevelLeft .ul2 .ul3title:hover>.bottom {
    display: none;
  }
 */
	.secondLevel .secondLevelLeft .ul2 .ul3title:hover+.ul3 {
		animation: fadeInDown;
		animation-duration: 1s;
		/* display: block; */
	}

	.secondLevel .secondLevelLeft .ul2 .ul3title:hover>a {
		color: #0c3281;
	}

	/*  .secondLevel .secondLevelLeft .ul2 .ul3:hover {
    animation: fadeInDown;
    animation-duration: 1s;
    display: block;
  } */

	.secondLevel .secondLevelLeft .ul2 .ul3 li:hover>a {
		color: #0c3281;
	}



	.nav .search .yuyanlist ul {

		text-align: center;
	}

	.nav .search .yuyanlist ul li {
		font-size: 16px;
		line-height: 22px;
	}

	.nav .search .yuyan:hover+.yuyanlist {
		display: block;
	}

	.nav .search .liebiao {
		display: block;
	}



}


/*
============================================================
============================================================
============================================================= */


/* 页脚footer */
.footer {
	width: 100%;
	background-image: url(../../images/home/footerBackground.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* footer的上部分 */
.footerTop {
	display: flex;
	justify-content: space-between;
	padding: 64px 0;
	border-bottom: 1px solid #d8d8d8;
}

.footerTop .logo img {
	width: 350px;
	height: 40px;
}

.footerTop .iconFont {
	position: relative;
	/* referring directly to the animation's @keyframe declaration */
	/* animation: fadeInRight;
    animation-duration: 1.5s; */
	display: flex;
	align-items: center;

	/* don't forget to set a duration! */
}

.footerTop .iconFont .imgWrap {
	position: relative;
}

.footerTop .iconFont .imgWrap>img:hover+.code {
	display: block;

}

.footerTop .iconFont .code {
	position: absolute;
	width: 100px;
	height: 100px;
	/* border: 1px solid black; */
	display: none;
	animation: fadeInUp;
	animation-duration: 0.8s;
	top: 40px;
	left: calc(50% - 50px);
}

.footerTop .iconFont .code img {
	width: 100px;
	height: 100px;
	margin-left: 0px;
}

.footerTop .iconFont img {
	width: 40px;
	margin-left: 20px;
	position: relative;
}

.pcdi {
	width: 95%;
	margin: 0 auto;
}

/* footer的中间列表部分 */
.footerContent {
	padding: 64px 0;
	display: flex;
	justify-content: space-between;
	/* animation: fadeInBottomLeft; */
	/* animation: slideInUp; */
	/* animation-duration: 1s; */
}

.footerContent div {
	text-align: left;
}

/* 底部连接添加高亮 */
.footerContent .productCenter a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

.footerContent .solutions a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

.footerContent .serviceSupport a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

.footerContent .pressCenter a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

.footerContent .about a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

.footerContent .relevancy a:nth-child(n+2):hover {
	color: red;
	text-decoration: underline;
}

/* 动效 */
.footerContent div .headline {
	padding-bottom: 20px;
	display: block;
	font-size: 25px;
	font-weight: 600;
	height: 100px;
}

.footerContent div a {
	display: block;
	padding: 7px 0;
	font-size: 16px;
	font-weight: 400;
}

/* footer的最下面 */
.footerBottom {
	background-color: #EBEBEB;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footerBottom .Android-ios {
	display: none;
}

.footerBottom div {
	text-align: center;
	font-weight: 600;
	color: #333333;
	font-size: 14px;
}

.footerBottom div.footerBottomLeft {
	float: left;
}

.footerBottom div.footerBottomRight {
	float: right;
}

.fiexdMsg {
	width: 80px;
	position: fixed;
	z-index: 333;
	bottom: 50px;
	right: 0;
	z-index: 999;
	/* background: #24479A; */
	padding: 10px 0;
}

.fiexdMsg a {
	background: #24479A;
	height: 70px;
	padding: 10px 0;
	margin-bottom: 0.367vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #fff;


}

.fiexdMsg a img {
	width: 30px;
	height: 30px;
}

.fiexdMsg a span {
	font-size: 13px;
	font-weight: 400;
	color: #FFFFFF;
	/*line-height: 3.2vw;*/
}