@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.1.woff2') format("woff2"), url("../font/iconfont.2.woff") format("woff"), url(/static/media/iconfont.b9fa922a.ttf) format("truetype")
}

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

.iconqianwang:before {
	content: "\e7c7"
}

.iconguangyuan:before {
	content: "\e7c6"
}

.iconjingtouxuanxinggongju:before {
	content: "\e7c5"
}

.icontuishi:before {
	content: "\e7c2"
}

.iconxianlan:before {
	content: "\e7c4"
}

.iconruanjian:before {
	content: "\e7bf"
}

.iconzhinengdumaqi:before {
	content: "\e7c3"
}

.iconbiaoqian-ruanjian:before {
	content: "\e7c1"
}

.iconshipin:before {
	content: "\e7be"
}

.iconwendang1:before {
	content: "\e7c0"
}

.iconyidongjiqiren:before {
	content: "\e7bc"
}

.iconjiqishijue:before {
	content: "\e7bd"
}

.iconyinsishengming:before {
	content: "\e7b9"
}

.iconbiaozhunzhibao:before {
	content: "\e7ba"
}

.iconfuwuzhengce:before {
	content: "\e7bb"
}

.iconguangxuejishu:before {
	content: "\e7b3"
}

.iconjiquntiaodujishu:before {
	content: "\e7b4"
}

.icontuxiangjishu:before {
	content: "\e7b5"
}

.icondingweidaohangjishu:before {
	content: "\e7b6"
}

.iconyingjianjishu:before {
	content: "\e7b7"
}

.iconzhinengsuanfa1:before {
	content: "\e7b8"
}

.iconlunshixunjianjiqiren:before {
	content: "\e7af"
}

.iconchaquxingAMR:before {
	content: "\e7b0"
}

.iconyizaixingAMR:before {
	content: "\e7b1"
}

.iconqianfuxingAMR:before {
	content: "\e7b2"
}

.iconAMRtiaodudanao:before {
	content: "\e7a8"
}

.iconjiqirenpeijian:before {
	content: "\e7ad"
}

.iconguidaoshixunjianjiqiren:before {
	content: "\e7ae"
}

.iconjiqishijuepeijian:before {
	content: "\e7ac"
}

.iconMVPsuanfapingtai:before {
	content: "\e7a4"
}

.iconmianzhengongyexiangji:before {
	content: "\e7a5"
}

.icondumaxiangji:before {
	content: "\e7a6"
}

.iconxianzhengongyexiangji:before {
	content: "\e7a7"
}

.icona-3Dlitixiangji:before {
	content: "\e7a9"
}

.icongongyejingtou:before {
	content: "\e7aa"
}

.iconzhinengxiangji:before {
	content: "\e7ab"
}

.iconNEW:before {
	content: "\e7a2"
}

.iconxinpin:before {
	content: "\e7a3"
}

.iconjicheng:before {
	content: "\e79e"
}

.iconhuazhi:before {
	content: "\e79f"
}

.iconxingjiabi:before {
	content: "\e7a0"
}

.icongaoqing:before {
	content: "\e7a1"
}

.iconzhuangshiR:before {
	content: "\e79c"
}

.iconzhuangshiL:before {
	content: "\e79d"
}

.iconlidian:before {
	content: "\e796"
}

.iconpingxian:before {
	content: "\e797"
}

.iconwuliu1:before {
	content: "\e798"
}

.iconguangfu1:before {
	content: "\e799"
}

.icona-3C:before {
	content: "\e79a"
}

.iconqiche:before {
	content: "\e79b"
}

.iconicon_jiantou_r:before {
	content: "\e794"
}

.iconicon_jiantou_l:before {
	content: "\e795"
}

.iconicon_home_mouse:before {
	content: "\e793"
}

.iconfazhanluxian:before {
	content: "\e790"
}

.iconfazhanmubiao:before {
	content: "\e791"
}

.iconjibenzhanlve:before {
	content: "\e792"
}

.iconicon_facebook:before {
	content: "\e78d"
}

.iconicon_linkedin:before {
	content: "\e78e"
}

.iconicon_youtube:before {
	content: "\e78f"
}

.iconxialajiantou:before {
	content: "\e78c"
}

.iconicon_email1:before {
	content: "\e788"
}

.iconicon_website1:before {
	content: "\e789"
}

.iconicon_address1:before {
	content: "\e78a"
}

.iconicon_TEL1:before {
	content: "\e78b"
}

.iconguangxue:before {
	content: "\e782"
}

.iconFPGAjishu:before {
	content: "\e783"
}

.iconISPjishu:before {
	content: "\e784"
}

.icona-3Dsuanfa:before {
	content: "\e785"
}

.iconruanjianjishu:before {
	content: "\e786"
}

.iconzhinengsuanfa:before {
	content: "\e787"
}

.icona-icon_aboutus_play:before {
	content: "\e781"
}

.icona-nav_drop-downarrow:before {
	content: "\e77f"
}

.iconnav_search:before {
	content: "\e780"
}

.icona-icon_rightmenu_top:before {
	content: "\e77e"
}

.icona-icon_rightmenu_message:before {
	content: "\e77b"
}

.icona-icon_rightmenu_wechat:before {
	content: "\e77c"
}

.icona-icon_rightmenu_tel:before {
	content: "\e77d"
}

.iconkexuefenpei:before {
	content: "\e761"
}

.iconchangjinghuapeizhi:before {
	content: "\e762"
}

.iconzhinengtiaodu:before {
	content: "\e763"
}

.iconicon_menu:before {
	content: "\e6af"
}

.iconicon_screening:before {
	content: "\e6b0"
}

.iconicon_top:before {
	content: "\e6ad"
}

.iconproduct_icon_nophoto:before {
	content: "\e6ac"
}

.iconspecial_noresult:before {
	content: "\e61f"
}

.iconicon_DW:before {
	content: "\e69b"
}

.iconicon_arrow_left:before {
	content: "\e69c"
}

.iconicon_file:before {
	content: "\e69e"
}

.iconicon_arrow_right:before {
	content: "\e6a7"
}

.iconicon_product_data:before {
	content: "\e695"
}

.iconicon_jianhao:before {
	content: "\e690"
}

.iconicon_product_camera:before {
	content: "\e692"
}

.iconicon_product_robot:before {
	content: "\e693"
}

.iconicon_product_arrow:before {
	content: "\e694"
}

.iconicon_jiahao:before {
	content: "\e691"
}

.iconwendang:before {
	content: "\e715"
}

.iconxingxing:before {
	content: "\e607"
}

.iconicon_delete:before {
	content: "\e68f"
}

.iconguanbi_1:before {
	content: "\e68d"
}

.iconshanchu_1:before {
	content: "\e68e"
}

.icontwitter:before {
	content: "\e68a"
}

.iconins:before {
	content: "\e68b"
}

.iconweibo:before {
	content: "\e68c"
}

.iconanfang:before {
	content: "\e685"
}

.iconjiantou:before {
	content: "\e680"
}

.iconxing:before {
	content: "\e67f"
}

@font-face {
	font-family: "ico3";
	src: url('../font/ico3.woff2') format("woff2"), url("../font/ico3.woff") format("woff"), url("../font/ico3.ttf") format("truetype")
}

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

.icon-arrow01:before {
	content: "\e6fd";
}

.icon-jobemail:before {
	content: "\e708";
}

.icon-jobphone:before {
	content: "\e748";
}

* {
	box-sizing: border-box
}

body {
	font-family: "SSCN" !important
}

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600
}

button,
fieldset,
img,
input {
	border: none;
	padding: 0;
	margin: 0;
	outline: none
}

ol,
ul {
	list-style: none
}

img {
	border: 0;
	vertical-align: middle;
	height: auto
}

table {
	border-collapse: collapse
}

body {
	color: #333;
	background-color: #fff
}

a,
a:hover {
	color: #333;
	text-decoration: none;
	outline: none
}

em,
i {
	font-style: normal
}

figure {
	margin: 0
}

::-webkit-input-placeholder {
	color: #999
}

:-moz-placeholder,
::-moz-placeholder {
	color: #999
}

:-ms-input-placeholder {
	color: #999
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.mask-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: rgba(18, 18, 18, .4)
}

@media screen and (max-width:1024px) {
	#root {
		display: flex;
		flex-direction: column;
		min-height: 100vh
	}

	#root .layout-container {
		flex: 1 0 auto
	}
}

.container {
	width: 1400px;
	margin: auto
}

@media screen and (max-width:1500px) and (min-width:1440px) {
	.container {
		width: 92%
	}
}

@media screen and (max-width:1440px) and (min-width:1280px) {
	.container {
		width: 84%
	}
}

@media screen and (max-width:1280px) {
	.container {
		width: 92%
	}
}

.layout-container {
	min-height: 400px;
	width: 100%;
	max-width: 1920px;
	margin: auto;
	background: #f8f8f8
}

@media screen and (max-width:1024px) {
	.layout-container {
		padding-top: 60px
	}
}

.see-more {
	text-align: center;
	padding: 16px 0 48px;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 28px
}

.see-more .iconfont {
	font-size: 20px
}

.see-more .no-more {
	color: #999
}

@media screen and (max-width:992px) {
	.see-more {
		padding: 8px 0 40px
	}
}

@media screen and (max-width:767px) {
	.see-more {
		padding: 8px 0 20px;
		font-size: 14px;
		line-height: 22px
	}

	.see-more .iconfont {
		font-size: 18px
	}
}

.ant-pagination .ant-btn {
	height: 32px;
	padding: 4px 15px;
	border-radius: 0
}

.ant-pagination .ant-btn[disabled],
.ant-pagination .ant-btn[disabled]:active,
.ant-pagination .ant-btn[disabled]:focus,
.ant-pagination .ant-btn[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background: #fff;
	border-color: #d9d9d9;
	text-shadow: none;
	box-shadow: none;
	color: #bababa
}

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

	.ant-pagination-item,
	.ant-pagination-jump-next,
	.ant-pagination-jump-prev,
	.ant-pagination-next,
	.ant-pagination-prev {
		height: 28px;
		line-height: 28px
	}

	.ant-pagination-item .ant-btn,
	.ant-pagination-jump-next .ant-btn,
	.ant-pagination-jump-prev .ant-btn,
	.ant-pagination-next .ant-btn,
	.ant-pagination-prev .ant-btn {
		height: 28px;
		padding: 0 15px
	}

	.ant-pagination-item .ant-btn span,
	.ant-pagination-jump-next .ant-btn span,
	.ant-pagination-jump-prev .ant-btn span,
	.ant-pagination-next .ant-btn span,
	.ant-pagination-prev .ant-btn span {
		font-size: 12px;
		line-height: 28px
	}

	.ant-pagination-next,
	.ant-pagination-prev {
		display: none
	}
}

.ant-input-clear-icon {
	color: #c1c1c1 !important
}

.ant-input-clear-icon:hover {
	color: #999 !important
}

.ant-back-top .ant-back-top-content {
	width: 64px;
	height: 64px;
	border-radius: 4px;
	background-color: #000;
	opacity: .16
}

.ant-back-top .ant-back-top-content .ant-back-top-icon {
	font-size: 28px;
	line-height: 64px
}

.ant-back-top:hover .ant-back-top-content {
	opacity: .32
}

.ant-btn {
	height: 40px;
	border-radius: 20px;
	padding: 4px 28px
}

@media screen and (max-width:767px) {
	.ant-btn {
		height: 36px;
		border-radius: 18px;
		padding: 4px 22px
	}
}

.header-search-modal .ant-modal {
	width: 920px !important
}

.header-search-modal .ant-modal .ant-modal-content {
	background: transparent;
	box-shadow: none
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-close {
	right: -56px;
	top: 36px;
	color: #fff
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
	font-size: 27px;
	transition: all .8s cubic-bezier(.19, 1, .22, 1)
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-close:hover .ant-modal-close-x {
	transform: rotate(180deg)
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-header {
	background: transparent;
	border: none;
	padding: 18px 0
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
	font-size: 40px;
	color: #fff;
	line-height: 67px;
	text-align: center
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body {
	padding: 0
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper {
	padding: 23px 48px 23px 56px;
	border: none
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper .ant-input {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper .ant-input-suffix {
	margin-left: 20px
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper .ant-input-suffix .search-icon {
	cursor: pointer;
	font-size: 20px;
	line-height: 25px;
	color: #333;
	transition: all .4s
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper .ant-input-suffix .search-icon:hover {
	color: #559ee2
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon {
	font-size: 16px;
	margin: 0 10px;
	color: #999
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .ant-input-affix-wrapper:hover {
	border: none !important
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history-wraper {
	padding: 32px 48px 32px 56px;
	background: #fff;
	margin-top: 2px
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history-wraper .history-operation .title-header {
	color: #333;
	float: left;
	font-size: 18px;
	line-height: 25px
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history-wraper .history-operation .operation-header {
	float: right;
	cursor: pointer;
	color: #999;
	font-size: 16px;
	transition: all .4s
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history-wraper .history-operation .operation-header:hover {
	color: #333
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history .history-item {
	color: #666;
	margin-top: 16px;
	font-size: 16px;
	line-height: 22px;
	cursor: pointer;
	transition: all .4s
}

.header-search-modal .ant-modal .ant-modal-content .ant-modal-body .search-modal-body .history .history-item:hover {
	color: #559ee2
}

.header-search-modal .ant-spin-blur {
	opacity: 1
}

@media screen and (max-width:1100px) {
	.header-search-modal .ant-modal {
		width: 80% !important
	}
}

.header {
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	position: fixed;
	top: 0;
	z-index: 99;
	transition: all .4s
}

.header.transparent {
	border-bottom: none;
	/* background: linear-gradient(rgba(0, 0, 0, .1), transparent) */
	background-color: #000;
}

.header.transparent .language-wraper .language-item>a.active,
.header.transparent .language-wraper li.iconfont,
.header.transparent .nav-container .nav-list .nav-item>a,
.header.transparent .search {
	color: #fff
}

.header .header-content,
.header .header-right {
	display: flex;
	justify-content: space-between
}

.header .logo {
	height: 100%;
	line-height: 70px
}

.header.transparent .logo .logofont {
	font-size: 40px;
	font-weight: 700;
	font-family: "SSCN" !important;
	color: #fff;
	transition: all .3s;
}

.header .logo .logofont {
	font-size: 40px;
	font-weight: 700;
	font-family: "SSCN" !important;
	color: #000;
}

.header .logo img {
	height: 28px
}

.header .logo.cn img {
	height: 56px
}

.header .nav-container .nav-list .nav-item {
	position: relative;
	float: left;
	display: block;
	height: 80px;
	padding: 0 10px;
	margin: 0 26px
}

.header .nav-container .nav-list .nav-item.nav-item-en {
	margin: 0 20px
}

.header .nav-container .nav-list .nav-item>a {
	position: relative;
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 80px
}

.header .nav-container .nav-list .nav-item>a:after {
	content: "";
	width: 0;
	height: 3px;
	background: #559ee2;
	position: absolute;
	left: 50%;
	bottom: 16px;
	z-index: 2;
	transition: all .6s ease
}

.header .nav-container .nav-list .nav-item:hover>a:after {
	left: 0;
	width: 100%
}

.header .nav-container .nav-list .nav-item .ReactCollapse--collapse {
	position: fixed;
	left: 0;
	display: none;
	width: 100%;
	/* transition: height .4s cubic-bezier(.26, .63, .26, .88) */
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown {
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #dedede
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul {
	padding: 40px 0
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu {
	margin-bottom: 0
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu .second-name {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu .line {
	line-height: 3px;
	margin: 6px 0 16px
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu .third-ul .third-menu {
	margin-bottom: 12px
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu .third-ul .third-menu .third-name {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
	transition: all .3s
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .second-ul .second-menu .third-ul .third-menu .third-name:hover {
	color: #559ee2;
	cursor: pointer
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .column-wrap {
	column-count: 7;
	-moz-column-count: 7;
	-webkit-column-count: 7;
	grid-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}

@media screen and (max-width:1200px) {
	.header .nav-container .nav-list .nav-item .nav-item-dropdown .column-wrap {
		-webkit-column-count: 5;
		column-count: 5
	}
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .column-wrap .second-menu {
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .flex-wrap {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center */
	align-items: flex-start;
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .flex-wrap .second-menu {
	width: 15%;
	margin-bottom: 0;
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown .flex-wrap .second-menu.bottom {
	margin-bottom: 35px;
}

.header .nav-container .nav-list .nav-item .ReactCollapse--collapse-small {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 188px;
	transform: translateX(-50%);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
	transition: height .4s cubic-bezier(.26, .63, .26, .88)
}

.header .nav-container .nav-list .nav-item .ReactCollapse--collapse-small.en {
	width: 200px
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown-small {
	width: 100%;
	background: #fff
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown-small .dropdown-items .dropdown-item a {
	display: block;
	padding: 11px 16px;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-weight: 400
}

.header .nav-container .nav-list .nav-item .nav-item-dropdown-small .dropdown-items .dropdown-item a:hover {
	background-color: #f4f4f4;
	color: #f42000
}

.header .language-wraper {
	position: relative
}

.header .language-wraper li {
	float: left;
	line-height: 80px;
	color: #666;
	transition: all .4s;
	cursor: pointer
}

.header .language-wraper li.iconfont {
	color: #666
}

.header .language-wraper .language-item>a {
	line-height: 80px;
	padding: 0 6px;
	color: #999;
	font-size: 14px
}

.header .language-wraper .language-item>a.active {
	color: #333
}

.header .language-wraper .ReactCollapse--collapse {
	position: absolute;
	left: 50%;
	top: 58px;
	transform: translateX(-50%);
	transition: height .4s cubic-bezier(.26, .63, .26, .88)
}

.header .language-wraper .langs-wraper {
	width: 94px;
	padding-top: 8px
}

.header .language-wraper .langs-wraper .langs-inner {
	background: #fff;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08);
	border: 1px solid #e8e8e8;
	padding: 5px 0
}

.header .language-wraper .langs-wraper .langs-inner a {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 36px;
	text-align: center
}

.header .language-wraper .langs-wraper .langs-inner a.active {
	background: #f4f4f4;
	color: #559ee2
}

.header .language-wraper .langs-wraper .langs-inner a:hover {
	background: #fbfbfb !important
}

.header .language-wraper .langs-wraper .langs-inner:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 43px;
	border-bottom: 8px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	z-index: 0
}

.header .language-wraper .langs-wraper .langs-inner:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 41px;
	border-bottom: 10px solid #e8e8e8;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	z-index: -1
}

.header .search {
	color: #333;
	line-height: 80px;
	margin-left: 45px;
	cursor: pointer;
	transition: all .4s
}

.header .search:hover {
	color: #559ee2
}

@media screen and (max-width:1440px) {
	.header .nav-container .nav-list .nav-item .nav-item-dropdown .main-classification-wraper {
		width: 270px;
		min-height: 365px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .main-classification-wraper .main-item a {
		padding: 13px 40px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper {
		padding: 40px 0 40px 60px
	}
}

@media screen and (max-width:1366px) {
	.header .nav-container .nav-list .nav-item {
		padding: 0 10px;
		margin: 0 15px
	}

	.header .nav-container .nav-list .nav-item.nav-item-en {
		margin: 0 12px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .main-classification-wraper .main-item a {
		padding: 12px 35px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper {
		padding: 40px 0 40px 50px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper .sec-item-instance {
		width: 260px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper .sec-item-instance .instance-name {
		font-size: 16px
	}
}

@media screen and (max-width:1240px) {
	.header .nav-container .nav-list .nav-item {
		margin: 0 5px
	}

	.header .nav-container .nav-list .nav-item.nav-item-en {
		margin: 0 2px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .main-classification-wraper {
		width: 220px;
		padding: 20px 0;
		min-height: 325px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .main-classification-wraper .main-item a {
		padding: 10px 20px;
		font-size: 15px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper {
		padding: 20px 0 20px 40px
	}

	.header .nav-container .nav-list .nav-item .nav-item-dropdown .secondary-classification-wraper .sec-item-wraper .sec-list .sec-item>a {
		padding: 5px 0;
		font-size: 14px;
		line-height: 20px
	}

	.header .search {
		margin-left: 20px
	}
}

@media screen and (max-width:1100px) {
	.header .search {
		margin-left: 15px
	}
}

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

	.header .nav-container {
		display: none
	}
}

.header-mask {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
	z-index: 90 !important;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.head-fade-appear,
.head-fade-enter {
	opacity: 0
}

.head-fade-appear,
.head-fade-enter,
.head-fade-leave {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
	animation-timing-function: cubic-bezier(.55, 0, .55, .2);
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.head-fade-appear.head-fade-appear-active,
.head-fade-enter.head-fade-enter-active {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.head-fade-leave.head-fade-leave-active {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}


/*顶部导航开关*/
.c-switch {
    margin-top: 30px;
	display: none;
	width: 24px;
	height: 20px;
	cursor: pointer;
}

@media (max-width: 1024px) {
	.c-switch {
		display: block;
	}
}

.c-switch i {
	position: relative;
	display: block;
	height: 2px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.c-switch i:nth-child(1) {
	top: 0;
}

.c-switch i:nth-child(3) {
	bottom: 0;
}

.c-switch i:nth-child(2) {
	margin: 6px 0;
}

.c-switch i {
	background: #ccc;
}

/*顶部移动端导航*/
.c-nav2 {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 0;
	line-height: 50px;
	background: #fff;
	overflow-y: auto;
	transition: all 0.5s;
	text-align: left;
}

.c-nav2>li:last-child {
	border-bottom: 1px solid #f1f1f1;
}

.c-nav2 li {
	padding: 0 20px;
	border-top: 1px solid #f1f1f1;
}

@media (max-width: 767px) {
	.c-nav2 li {
		padding: 0 4%;
	}
}

.c-nav2 li .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.c-nav2 li a {
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 16px;
}

.c-nav2 li i {
	font-size: 20px;
	color: #333;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.c-nav2 li .c-title-box.on i {
	transform: rotate(180deg);
}

.c-nav2 li a:hover,
.c-nav2 li.on>a {
	color: #559ee2;
}

.c-nav2 li ul {
	display: none;
}

.c-open .c-nav2 {
	height: calc(100vh - 60px);
}


.header-mobile {
	width: 100%;
	height: 60px;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	position: fixed;
	top: 0;
	z-index: 99;
	transition: all .4s
}

.header-mobile .header-layout {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.drop-down-btn {
	position: relative;
	width: 22px;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.drop-down-btn:hover>span {
	background: #559ee2
}

.drop-down-btn>span {
	height: 3px;
	width: 22px;
	border-radius: 4px;
	background: #ccc;
	transition: all .4s ease
}

 .drop-down-btn>span:first-child,
 .drop-down-btn>span:nth-child(3) {
	width: 16px
}

.drop-down-btn>span+span {
	margin-top: 5px
}

.drop-down-btn.active>span {
	position: absolute
}

 .drop-down-btn.active>span:nth-child(2) {
	opacity: 0
}

.drop-down-btn.active>span:first-child {
	width: 22px;
	transform: rotate(45deg)
}

 .drop-down-btn.active>span:nth-child(3) {
	width: 22px;
	transform: rotate(-45deg)
}

 .drop-down-btn.active>span+span {
	margin-top: 0
}

.drop-down-btn.error {
	opacity: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}

.header-mobile .header-layout .logo {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	line-height: 60px;
	vertical-align: middle
}

.header-mobile .header-layout .logo img {
	height: 22px
}

.header-mobile .header-layout .logo.cn img {
	height: 36px
}

.header-mobile .header-layout .search-and-langs {
	display: flex;
	justify-content: center;
	align-items: center
}

.header-mobile .header-layout .search-and-langs .right-item {
	cursor: pointer;
	margin-left: 9px;
	padding: 0 5px
}

.header-mobile .header-layout .search-and-langs .search .iconfont {
	color: #333;
	font-size: 18px;
	line-height: 60px
}

.header-mobile .header-layout .search-and-langs .search:hover .iconfont {
	color: #559ee2
}

.header-mobile .header-layout .search-and-langs .langs {
	color: #333;
	line-height: 60px;
	font-size: 16px
}

.header-mobile .header-layout .search-and-langs .langs:hover {
	color: #559ee2
}

.no-header {
	height: 0;
	opacity: 0;
	pointer-events: none
}

.mobile-menu-drawer {
	top: 60px;
	height: calc(100% - 60px)
}

.mobile-menu-drawer .ant-drawer-mask {
	background-color: rgba(0, 0, 0, .6)
}

.mobile-menu-drawer .ant-drawer-content-wrapper {
	width: 75%;
	max-width: 280px
}

.mobile-menu-drawer .ant-drawer-content-wrapper .ant-drawer-header {
	display: none
}

.mobile-menu-drawer .ant-drawer-content-wrapper .ant-drawer-body {
	padding: 30px 24px
}

.mobile-menu-drawer .ant-drawer-content-wrapper .ant-drawer-body .close {
	text-align: right
}

.mobile-menu-drawer .ant-drawer-content-wrapper .ant-drawer-body .close>span {
	font-weight: 600;
	cursor: pointer
}

.mobile-menu-drawer .ant-drawer-content-wrapper .ant-drawer-body .close>span:hover {
	color: #559ee2
}

.mobile-menu-drawer .ant-drawer-content-wrapper .menu-wraper {
	margin-top: 25px
}

.mobile-menu-drawer .ant-drawer-content-wrapper .menu-wraper .menu-item {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 20px;
	padding: 0 16px
}

.mobile-menu-drawer .ant-drawer-content-wrapper .menu-wraper .menu-item+.menu-item {
	margin-top: 24px
}

.mobile-menu-drawer .ant-drawer-content-wrapper .menu-wraper .menu-item a {
	display: block
}

.mobile-menu-drawer .ant-drawer-content-wrapper .menu-wraper .menu-item .sub-link {
	display: block;
	margin-top: 10px;
	padding-left: 10px;
	color: #999
}

.mobile-search-drawer .ant-drawer-header {
	display: none
}

.mobile-search-drawer .ant-drawer-body {
	padding: 0
}

.mobile-search-drawer .ant-drawer-body .inner .search-input-wraper {
	padding: 12px 14px;
	border-bottom: 1px solid #ededed;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

.mobile-search-drawer .ant-drawer-body .inner .search-input-wraper .input {
	background: #f4f4f4;
	border: none;
	box-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px
}

.mobile-search-drawer .ant-drawer-body .inner .search-input-wraper .input input {
	height: 26px;
	background: transparent
}

.mobile-search-drawer .ant-drawer-body .inner .search-input-wraper .input .search-icon {
	color: #999;
	cursor: pointer
}

.mobile-search-drawer .ant-drawer-body .inner .search-input-wraper .cancel {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 14px;
	font-weight: 400;
	color: #559ee2;
	line-height: 20px;
	background: transparent;
	white-space: nowrap;
	margin-left: 12px;
	cursor: pointer
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-head {
	padding: 0 14px;
	border-bottom: 1px solid #ededed;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-head span {
	line-height: 44px
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-head span:first-child {
	font-size: 15px;
	font-weight: 400;
	color: #333
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-head span:last-child {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	cursor: pointer
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-head span:last-child .trash {
	padding-right: 3px
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-history {
	margin: 0 14px
}

.mobile-search-drawer .ant-drawer-body .inner .seach-history-wraper .search-history .item {
	line-height: 44px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	border-bottom: 1px solid #ededed;
	cursor: pointer
}

.footer {
	width: 100%;
	max-width: 1920px;
	background: #181818;
	margin: 0 auto;
	position: relative
}

.footer .footer-content {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 56px;
	display: flex;
	justify-content: space-between
}

.footer .footer-content .footer-left {
	width: 864px;
	flex-shrink: 1;
	margin-right: 40px
}

.footer .footer-content .footer-left .nav-wraper {
	display: flex;
	justify-content: space-around
}

.footer .footer-content .footer-left .nav-wraper .nav-list .nav-name {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 22px;
	padding-bottom: 24px
}

.footer .footer-content .footer-left .nav-wraper .nav-list .nav-item a {
	font-size: 14px;
	font-weight: 400;
	color: hsla(0, 0%, 100%, .56);
	line-height: 20px;
	cursor: pointer
}

.footer .footer-content .footer-left .nav-wraper .nav-list .nav-item+.nav-item {
	margin-top: 16px
}

.footer .footer-content .footer-left .nav-wraper .nav-list .nav-item:hover a {
	color: #559ee2
}

.footer .footer-content .footer-left .nav-wraper li:last-child {
	margin-right: 0
}

.footer .footer-content .footer-right {
	width: 360px;
	flex-shrink: 0
}

.footer .footer-content .footer-right .footer-right-top {
	display: flex;
	justify-content: space-between
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo img {
	margin-bottom: 25px
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo.en {
	margin-right: 0;
	width: 100%;
	text-align: right
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo.en img,
.footer .footer-content .footer-right .footer-right-top .footer-right-logo.en p {
	text-align: right
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo.cn img {
	height: 58px;
	margin-bottom: 25px
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo p {
	font-size: 14px;
	font-weight: 400;
	color: hsla(0, 0%, 100%, .64);
	line-height: 20px;
	margin-bottom: 4px
}

.footer .footer-content .footer-right .footer-right-top .footer-right-logo p:last-child {
	font-size: 20px;
	font-weight: 500;
	color: hsla(0, 0%, 100%, .88);
	line-height: 28px
}

.footer .footer-content .footer-right .footer-right-top .footer-right-erweima {
	text-align: center
}

.footer .footer-content .footer-right .footer-right-top .footer-right-erweima img {
	max-width: 120px;
	max-height: 120px;
	margin-bottom: 12px
}

.footer .footer-content .footer-right .footer-right-top .footer-right-erweima p {
	font-size: 14px;
	font-weight: 400;
	color: hsla(0, 0%, 100%, .64);
	line-height: 20px;
	letter-spacing: 1px;
	text-align: center
}

.footer .footer-content .footer-right .footer-right-bottom {
	display: flex;
	justify-content: flex-end;
	flex: 1 1;
	margin-top: 32px
}

.footer .footer-content .footer-right .footer-right-bottom .icon {
	width: 28px;
	height: 28px;
	background: hsla(0, 0%, 100%, .48);
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	transition: all .4s
}

.footer .footer-content .footer-right .footer-right-bottom .icon+.icon {
	margin-left: 24px
}

.footer .footer-content .footer-right .footer-right-bottom .icon span {
	font-size: 16px;
	color: #181818;
	line-height: 28px;
	transition: all .2s
}

.footer .footer-content .footer-right .footer-right-bottom .icon:hover {
	background: #559ee2
}

.footer .footer-content .footer-right .footer-right-bottom .icon:hover span {
	color: #fff
}

.footer .footer-info {
	width: 100%;
	max-width: 1920px;
	flex: 1 1;
	border-top: 1px solid hsla(0, 0%, 100%, .32);
	margin-top: 56px
}

.footer .footer-info .inner {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start
}

.footer .footer-info .inner p {
	font-size: 14px;
	font-weight: 400;
	color: hsla(0, 0%, 100%, .4);
	line-height: 68px
}

.footer .footer-info .inner p+p {
	padding-left: 10px
}

.footer .footer-info .inner p a {
	color: hsla(0, 0%, 100%, .4) !important
}

.footer .footer-info .inner p a:hover {
	color: #559ee2 !important
}

@media screen and (max-width:1024px) {
	.footer .footer-content {
		display: none
	}

	.footer .footer-info {
		margin-top: 0;
		height: auto;
		padding: 16px 0
	}

	.footer .footer-info .inner {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.footer .footer-info .inner p {
		max-width: 100%;
		height: auto;
		color: hsla(0, 0%, 100%, .4);
		line-height: 16px;
		text-align: center
	}

	.footer .footer-info .inner p+p {
		margin-top: 2px
	}
}

.pagination {
	text-align: center
}

.pagination .ant-pagination .ant-pagination-item-active {
	background: #559ee2
}

.pagination .ant-pagination .ant-pagination-item-active a {
	color: #fff
}

.side-float {
	position: fixed;
	right: 16px;
	z-index: 9999;
	bottom: 50%;
	transform: translateY(50%)
}

.side-float.no-translate {
	transform: translate(0)
}

.side-float .item-wrap {
	height: 56px;
	margin-top: 6px;
	display: block;
	transition: all .2s;
	position: relative
}

.side-float .item-wrap:last-child {
	margin-top: 16px
}

.side-float .item-wrap:hover .item {
	background: #559ee2
}

.side-float .item-wrap:hover .item .iconfont {
	color: #fff
}

.side-float .item-wrap:hover .item+.detail {
	display: block;
	-webkit-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	pointer-events: all
}

.side-float .item-wrap .item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	background: rgba(161, 164, 171, .2);
	border-radius: 8px;
	transition: all .4s cubic-bezier(.19, 1, .22, 1);
	cursor: pointer
}

.side-float .item-wrap .item a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.side-float .item-wrap .item .iconfont {
	color: #a1a4ab
}

.side-float .item-wrap .item .iconfont.tel {
	font-size: 22px
}

.side-float .item-wrap .item .iconfont.top {
	font-size: 20px
}

.side-float .item-wrap .detail {
	position: absolute;
	right: 56px;
	top: 0;
	display: none;
	padding-right: 4px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	transition: all .8s cubic-bezier(.19, 1, .22, 1)
}

.side-float .item-wrap .detail .tel {
	line-height: 56px;
	background: #559ee2;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 0 24px;
	white-space: nowrap
}

.side-float .item-wrap .detail img {
	height: 111px;
	width: 111px
}

.side-float .item-wrap.no-scroll {
	display: none;
	opacity: 0;
}

.side-float .item-wrap.no-scroll.slow {
	display: block;
	opacity: 1;
}

.anticon {
	display: inline-block;
	color: inherit;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -0.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.anticon>* {
	line-height: 1;
}

.anticon svg {
	display: inline-block;
}

.anticon::before {
	display: none;
}

.anticon .anticon-icon {
	display: block;
}

.anticon[tabindex] {
	cursor: pointer;
}

.anticon-spin::before,
.anticon-spin {
	display: inline-block;
	-webkit-animation: loadingCircle 1s infinite linear;
	animation: loadingCircle 1s infinite linear;
}

@-webkit-keyframes loadingCircle {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loadingCircle {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.ind_banner {}

.ind_banner .swiper-slide {
	position: relative;
}


.ind_banner .swiper-slide {
	position: relative;
}


.ind_banner .swiper-slide .ban_txt {
	position: absolute;
	bottom: 45%;
	left: 10%;
}

.ind_banner .swiper-slide .ban_txt h3 {
	font-weight: bold;
	/* margin-bottom: 4px; */
	text-transform: uppercase;
	line-height: 1.5;
	font-size: 50px;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	color: #fff;
	margin-bottom: 20px;
}

.ind_banner .swiper-slide .ban_txt p {
	color: rgb(255, 255, 255);
	font-size: 30px;
	line-height: 1.3;
	display: block;
	letter-spacing: 1px;
	text-shadow: rgba(0, 0, 0, 0.1) 2px 4px 8px;
	font-weight: bold;
	font-family: 微软雅黑;
	margin-bottom: 15px;
}

.ind_banner .swiper-slide .ban_txt .btn {}

.ind_banner .swiper-slide .ban_txt .btn a {
	width: 140px;
	line-height: 35px;
	text-align: center;
	border: 2px solid #fff;
	position: relative;
	display: block;
	margin-top: 25px;
	border-radius: 20px;
	color: #fff;
}