*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

*:focus {
	outline: inherit
}

html {
	-webkit-tap-highlight-color: transparent
}

body {
	color: #333;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-overflow-scrolling: touch;
	line-height: 1.8
}

p {
	margin: 14px 0
}

ul {
	list-style-type: none
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: middle
}

img[src=""] {
	opacity: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: inherit;
	outline: none;
	text-decoration: none;
	background: transparent
}

a,
em,
i,
span {
	display: inline-block
}

b,
em,
i {
	font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 14px
}

button {
	padding: 0
}

button,
input,
optgroup,
select,
textarea {
	outline: 0;
	border: 0;
	vertical-align: middle;
	font-family: "Microsoft Yahei"
}

input[type="radio"],
input[type="checkbox"] {
	vertical-align: -2px
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"] {
	outline: 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: button
}

textarea {
	resize: none;
	font-size: 14px
}

textarea,
.select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none
}

.select::-ms-expand {
	display: none
}

.layout-flex {
	display: flex;
	display: -ms-flexbox
}

.layout-flex-inline {
	display: inline-flex
}

.layout-flex01 .col:last-child{width:28%; text-align:end}
.flex-auto {
	flex: 1
}

.col-1>.col {
	width: 100%
}

.col-2>.col {
	width: 50%
}

.col-3>.col,
.pad-col-3>.col {
	width: 33.333%
}

.col-4>.col,
.pad-col-4>.col {
	width: 25%
}

.col-5>.col {
	width: 22%
}

.col-7>.col {
	/* width:14.2857% */
	padding-left: 2.5vw
}

.col-9>.col {
	width: 11.111%
}

.gap-4 {
	margin-left: -4px !important;
	margin-right: -4px !important
}

.gap-4>.col {
	padding: 0 4px
}

.gap-10 {
	margin-left: -10px !important;
	margin-right: -10px !important
}

.gap-10>.col {
	padding: 0 10px
}

.gap-16 {
	margin-left: -16px !important;
	margin-right: -16px !important
}

.gap-16>.col {
	padding: 0 16px
}

.gap-20 {
	margin-left: -20px !important;
	margin-right: -20px !important
}

.gap-20>.col {
	padding: 0 20px
}

.gap-30 {
	margin-left: -30px !important;
	margin-right: -30px !important
}

.gap-30>.col {
	padding: 0 30px
}

.gap-80 {
	margin-left: -80px !important;
	margin-right: -80px !important
}

.gap-80>.col {
	padding: 0 80px
}

.w-p-25 {
	width: 25%
}

.w-p-75 {
	width: 75%
}

.field-inline {
	display: flex;
	padding: 15px
}

.field-inline .field-input {
	flex: 1
}

.field-inline .field-input input {
	width: 100%;
	height: 26px
}

.field-inline .field-input textarea {
	width: 100%;
	line-height: 26px
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " "
}

.clearfix:after {
	clear: both
}

.abs {
	position: absolute
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.t-center {
	text-align: center
}

.t-right {
	text-align: right
}

.fs-12 {
	font-size: 12px
}

.fs-13 {
	font-size: 13px
}

.fs-16 {
	font-size: 16px
}

.fs-18 {
	font-size: 18px
}

.fs-20 {
	font-size: 20px
}

.fs-24 {
	font-size: 24px
}

.bold {
	font-weight: bold
}

.lh-1 {
	line-height: 1
}

.lh-1_8 {
	line-height: 1.8
}

.lh-2 {
	line-height: 2
}

.lh-2_2 {
	line-height: 2.2
}

.lh-2_4 {
	line-height: 2.4
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-100 {
	margin-top: 100px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-75 {
	margin-bottom: 75px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-25 {
	margin-right: 25px
}

.mr-30 {
	margin-right: 30px
}

.mlr-10 {
	margin-left: 10px;
	margin-right: 10px
}

.plr-10 {
	padding-left: 10px;
	padding-right: 10px
}

.pl-50 {
	padding-left: .5rem
}

.pr-90 {
	padding-right: .9rem
}

.plr-10 {
	padding-left: 10px;
	padding-right: 10px
}

.plr-15 {
	padding-left: 15px;
	padding-right: 15px
}

.p-20 {
	padding: 20px
}

.p-25 {
	padding: 25px
}

.p-40 {
	padding: 40px
}

.p-t-10 {
	padding-top: 10px
}

.p-t-25 {
	padding-top: 25px
}

.p-b-25 {
	padding-bottom: 25px
}

.show-block {
	display: block !important
}

.show-none {
	display: none !important
}

.btn-round-orange {
	padding: 7px 25px;
	border-radius: 25px;
	color: #ffa025;
	border: 1px solid #ffa025;
	text-align: center
}

.btn-round-orange:hover {
	background-color: #ffa025;
	color: #fff;
}

.btn-round-white {
	padding: 7px 25px;
	border-radius: 25px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center
}

.btn-round-blue {
	padding: 7px 25px;
	border-radius: 25px;
	color: #0193de;
	border: 1px solid #0193de;
	text-align: center
}

.line-h {
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #c0c0c0
}

.icoimg-tel {
	vertical-align: middle;
	width: 19px;
	height: 19px;
	background: url(../images/icoimg-tel.png) no-repeat
}

.icoimg-return {
	vertical-align: middle;
	width: 16px;
	height: 12px;
	background: url(../images/icoimg-return.png) no-repeat
}

.icoimg-print {
	vertical-align: middle;
	width: 16px;
	height: 12px;
	background: url(../images/icoimg-print.png) no-repeat
}

.icoimg-search {
	vertical-align: middle;
	width: 17px;
	height: 18px;
	background: url(../images/icoimg-search.png) no-repeat
}

.icoimg-news-more {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: url(../images/icoimg-news-more.png) no-repeat
}

.icoimg-pdf {
	vertical-align: middle;
	width: 16px;
	height: 20px;
	background: url(../images/icoimg-pdf.png) no-repeat;
	background-size: 100% auto;
}

.icoimg-download {
	vertical-align: middle;
	width: 18px;
	height: 22px;
	background: url(../images/icoimg-download.png) no-repeat
}

.icoimg-preview {
	vertical-align: middle;
	width: 19px;
	height: 20px;
	background: url(../images/icoimg-preview.png) no-repeat
}

.icoimg-avatar {
	vertical-align: middle;
	width: 13px;
	height: 15px;
	background: url(../images/icoimg-avatar.png) no-repeat
}

.icoimg-email {
	vertical-align: middle;
	width: 17px;
	height: 12px;
	background: url(../images/icoimg-email.png) no-repeat
}

.icoimg-form-tel {
	vertical-align: middle;
	width: 16px;
	height: 15px;
	background: url(../images/icoimg-form-tel.png) no-repeat
}

.b-r-gray-1 {
	border-right: 1px solid #e8e8e8
}

.btn-toggle {
	cursor: pointer;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	background: url(../images/btn-toggle-arrow.png) no-repeat center center
}

.btn-toggle.unfold {
	transform: rotate(180deg)
}

.title-news {
	padding: 30px;
	background-color: #f8f8f8;
	text-align: center
}

.title-news h3 {
	font-size: 18px;
	font-weight: bold
}

.title-news .news-time {
	padding-left: 22px;
	color: #b0afaf;
	background: url(../images/icon-news-time.png) no-repeat left center;
	margin: 0 10px
}

.title-news .news-read {
	padding-left: 30px;
	color: #b0afaf;
	background: url(../images/icon-news-read.png) no-repeat left center;
	margin: 0 10px
}

.title-product {
	padding: 10px;
	text-align: center
}

.title-product h3 {
	font-size: 18px;
	font-weight: bold
}

body {
	padding-top: 116px
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 100;
}

.header-m {
	display: none
}

.container {
	width: 96%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.col-main {
	width: calc(100% - 310px)
}

.main {
	width: 100%
}

@media (max-width:1024px) {
	.mob-show-none {
		display: none !important
	}

	.mob-show-block {
		display: block !important
	}

	.layout-flex {
		flex-wrap: wrap
	}

	.mob-col-1>.col {
		width: 100%
	}

	.mob-col-2>.col {
		width: 50%
	}

	.mob-col-3>.col {
		width: 33.333%
	}

	.home-rdcenter {
		background: url(../images/home-rdcenter-img-bg.jpg) no-repeat left top !important
	}

	body {
		padding-top: 70px !important
	}

	.header {
		display: none !important
	}

	.container {
		width: 92%
	}

	.header-m {
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 70px;
		background: #fff;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
	}

	.header-m::after {
		display: none;
		position: fixed;
		content: "";
		top: 70px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 100
	}

	.header-m .logo {
		position: absolute;
		left: 50%;
		height: 70px;
		line-height: 70px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%)
	}

	.header-m .logo img {
		max-height: 40px
	}

	.header-m .m-menu-b {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 70px;
		cursor: pointer
	}

	.header-m .m-menu-b span {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 1px;
		width: 26px;
		margin-left: -12px;
		background: #333;
		transition: all .3s ease-out .3s
	}

	html.active .header-m .m-menu-b span {
		width: 0;
		transition: all .3s ease-out .3s
	}

	.header-m .m-menu-b::before, .header-m .m-menu-b::after {
		position: absolute;
		content: "";
		top: 50%;
		left: calc(35px / 2);
		width: 26px;
		height: 1px;
		z-index: 999;
		transition: all .3s ease-out .3s;
		-webkit-transition: all .3s ease-out .3s;
		background: #333
	}

	.header-m .m-menu-b::before {
		transform: translateY(-8px) rotate(0);
		-webkit-transform: translateY(-8px) rotate(0)
	}

	.header-m .m-menu-b::after {
		transform: translateY(8px) rotate(0);
		-webkit-transform: translateY(8px) rotate(0)
	}

	.header-m .m-menu {
		display: none;
		z-index: 888;
		position: fixed;
		width: 100%;
		width: 260px;
		height: 100%;
		top: 0;
		left: -260px;
		opacity: 1;
		background: #fafafa;
		text-align: left;
		padding-top: 70px
	}

	.header-m .m-menu::after {
		position: absolute;
		top: 70px;
		content: "";
		width: 100%;
		height: 1px;
		background: #ebebeb
	}

	.header-m .nav {
		height: calc(100% - 82px);
		overflow-x: hidden;
		overflow-y: auto
	}

	.header-m .nav>li {
		border-bottom: 1px solid #ebebeb;
		animation: resize .5s both;
		-webkit-animation: resize .5s both
	}

	.header-m .nav>li>a {
		position: relative;
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 0 40px;
		color: #666;
		vertical-align: middle;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: break-word;
		overflow: hidden;
		height: 50px;
		line-height: 50px
	}

	.header-m .nav>li>a::after {
		position: absolute;
		content: "";
		left: 20px;
		top: 50%;
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border: 1px solid #999;
		border-radius: 50%;
		background: transparent;
		transition: all .3s;
		-webkit-transition: all .3s
	}

	.header-m .nav>li .sub-nav {
		display: none
	}

	.header-m .nav>li .sub-nav a {
		position: relative;
		display: block;
		line-height: 24px;
		padding: 12px 40px;
		background: #f2f2f2;
		color: #4e4e4e
	}

	.header-m .nav>li .sub-nav a::before, .header-m .nav>li .sub-nav a::after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		left: 20px;
		top: 20px;
		border: 5px solid transparent;
		overflow: hidden;
		transition: all .3s;
		-webkit-transition: all .3s
	}

	.header-m .nav>li .sub-nav a::before {
		left: 21px;
		border-left: 5px solid #555
	}

	.header-m .nav>li .sub-nav a::after {
		border-left: 5px #ebebeb solid
	}

	.header-m .nav>li.cur {
		position: relative
	}

	.header-m .nav>li.cur::after, .header-m .nav>li.cur::before {
		position: absolute;
		content: "";
		background: #999;
		transition: all .5s;
		-webkit-transition: all .5s
	}

	.header-m .nav>li.cur::before {
		top: 19px;
		right: 25px;
		width: 2px;
		height: 12px
	}

	.header-m .nav>li.cur::after {
		top: 24px;
		right: 20px;
		width: 12px;
		height: 2px
	}

	.header-m .nav>li.active::after {
		background: #fff
	}

	.header-m .nav>li.active::before {
		height: 0
	}

	.header-m .nav>li.active>a {
		color: #fff;
		background: #0193de
	}

	.header-m .nav>li.active>a::after {
		border-color: #fff;
		background: #fff
	}

	.header-m .nav>li.active .sub-nav li {
		animation: ReturnToNormal .5s both;
		-webkit-animation: ReturnToNormal .5s both
	}

	.header-m .m-language {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center
	}

	.header-m .m-language a {
		color: #666;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		display: block;
		border-bottom: 1px solid #ebebeb;
		animation: slideInUp 1.5s both;
		-webkit-animation: slideInUp 1.5s both
	}

	.header-m .m-search-b {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 70px;
		cursor: pointer;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;
		background-size: 23px
	}

	html.active {
		height: 100%;
		overflow: hidden
	}

	html.active body {
		height: 100%;
		overflow: hidden
	}

	html.active .header-m {
		left: 260px
	}

	html.active .header-m::after {
		display: block
	}

	html.active .header-m .m-menu-b::before, html.active .header-m .m-menu-b::after {
		background: #000
	}

	html.active .header-m .m-menu-b::before {
		transform: translateY(0) rotate(225deg);
		-webkit-transform: translateY(0) rotate(225deg)
	}

	html.active .header-m .m-menu-b::after {
		transform: translateY(0) rotate(-225deg);
		-webkit-transform: translateY(0) rotate(-225deg)
	}

	html.active .header-m .m-menu {
		display: block;
		left: 0
	}

	html.active footer, html.active main, html.active .i-banner, html.active .banner {
		transform: translateX(260px);
		-webkit-transform: translateX(260px)
	}
}

header,
main,
section,
footer,
.header-m,
.banner {
	transition: all .5s;
	-webkit-transition: all .5s
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 116px;
}

.header .left {
	width: 4.28rem
}

.header .right {
	flex: 1
}

.header .right .top {
	height: 56px;
	padding: 10px 0;
	line-height: 36px;
	text-align: right
}

.header .right .top .ui-select {
	position: relative;
	display: inline-block
}

.header .right .top .ui-select:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	display: inline-block;
	width: 9px;
	height: 5px;
	margin-top: -2px;
	background: url(../images/icoimg-toggle-arrow.png) no-repeat right center
}

.header .right .top .ui-select .select {
	padding: 0 15px;
	min-width: 148px;
	height: 32px;
	border-radius: 25px;
	color: #8f8f8f;
	background-color: #f6f6f6;
}

.language {
	display: inline-block;
	padding-left: 30px;
	background: url(../images/icon-lang.png) no-repeat left center;
	color: #8f8f8f
}

.language .v-line {
	margin: 0 5px;
	color: #cfcfcf;
	font-size: 12px
}

header .right .nav>li {
	/* text-align:right */
}

header .right .nav>li>a {
	display: inline-block;
	height: 60px;
	font-size: 16px;
	padding: 5px 0;
	border-bottom: 2px solid #ffffff
}

header .right .nav>li.active>a,
header .right .nav>li>a:hover {
	color: #0193de;
	border-bottom: 2px solid #0193de
}

header .right .nav .home.active>a {
	color: #ffa025;
	border-bottom: 2px solid #ffa025
}

.rel {
	position: relative;
}

.nav_item_box {
	background: rgba(255, 255, 255, 0.8);
	padding: 24px;
	width: 1000px;
	left: 28%;
	display: none
}

.nav_item {
	display: flex;
	justify-content: space-between;
}

.nav_item_l {
	width: 299px;
	background: #000;
	height: 169px;
}

.nav_item_l img {
	height: 169px;
	max-width: 100%;
	object-fit: cover;
}

.nav_item01 {
	width: calc(100% - 315px);
}

.nav_item_r {
	display: flex;
	flex-wrap: wrap;
}

.nav_item_r>a {
	width: 50%;
	display: block;
	position: relative;
	text-align: left;
	padding-left: 20px;
	line-height: 36px
}

.nav_item_r>a::after {
	border-radius: 50px;
	height: 5px;
	width: 5px;
	background: #c8c8c8;
	content: "";
	position: absolute;
	left: 0px;
	top: 15px
}

.nav_item_r>a:hover {
	color: #0193de;
}

header .right .nav>li:hover .nav_item_box {
	display: block
}


.aside-nav-m {
	position: relative
}

.aside-nav-m .title {
	position: relative;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	color: #fff;
	background-color: #0193de
}

.aside-nav-m .title i {
	position: absolute;
	width: 46px;
	height: 100%;
	right: 0
}

.aside-nav-m .title i:before,
.aside-nav-m .title i:after {
	position: absolute;
	top: 50%;
	content: "";
	width: 12px;
	height: 1px;
	background: #fff;
	transition: all .3s;
	-webkit-transition: all .3s
}

.aside-nav-m .title i:before {
	left: 46%;
	transform: rotate(-40deg) scaleY(1.5);
	-webkit-transform: rotate(-40deg) scaleY(1.5)
}

.aside-nav-m .title i:after {
	right: 46%;
	transform: rotate(40deg) scaleY(1.5);
	-webkit-transform: rotate(40deg) scaleY(1.5)
}

.aside-nav-m ul {
	display: none;
	position: absolute;
	top: 46px;
	width: 100%;
	padding: 0 20px;
	background: rgba(1, 147, 222, 0.8);
	color: #fff
}

.aside-nav-m ul li a {
	display: block;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

aside {
	width: 265px
}

aside nav {
	position: relative;
	background: url(../images/aside-nav-bg-top.png) no-repeat center top;
	border: 1px solid #0193de;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

aside nav:after {
	/* content:"";
	position:absolute;
	z-index:-1;
	top:10px;
	bottom:-10px;
	left:0;
	right:0;
	background:url(../images/aside-nav-bg-bottom.png) no-repeat center bottom */
}

aside nav .head {
	padding: 20px 30px;
	line-height: 1.4;
	margin-bottom: 30px;
	color: #fff
}

aside nav .head h3 {
	font-size: 24px
}

aside nav .body {
	padding: 15px 20px
}

aside nav .body li {
	display: block;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 0 18px
}

aside nav .body li a {
	display: block;

	line-height: 30px;
	padding-left: 20px;
	background: url(../images/aside-nav-li-icon.png) no-repeat left center
}

aside nav .body li:hover,
aside nav .body li.active {
	background-color: #ecf7fd
}

aside nav .body li:hover ul,
aside nav .body li.active ul {
	display: block
}

aside nav .body li:hover a,
aside nav .body li.active a {
	color: #0193de;
	background: url(../images/aside-nav-li-icon-active.png) no-repeat left center
}

aside nav .body li ul {
	display: none
}

aside nav .body li ul li {
	padding: 0 !important;
	margin-bottom: 0 !important
}

aside nav .body li ul li a {
	color: #656565 !important;
	background: url(../images/aside-nav-sub-bg.png) no-repeat right 10px !important
}

aside nav .body li ul li:hover a,
aside nav .body li ul li.active a {
	color: #0193de !important;
	background: url(../images/aside-nav-sub-bg-active.png) no-repeat right 10px !important
}

aside .wgt-aside-contact {
	height: 211px;
	margin-top: 25px;
	padding: 15px 30px;
	background: url(../images/aside-contact-bg.png) no-repeat center top
}

.wgt-sitemap {
	background-color: #3b3b3b;
	color: #fff;
	padding: 10px 0
}

.wgt-sitemap dl {
	margin: 20px 0
}

.wgt-sitemap dt {
	font-size: 16px;
	font-weight: bold
}

.wgt-sitemap dd {
	margin-top: 6px
}

.wgt-copyright {
	background-color: #323232;
	color: #fff;
	padding: 20px 0;
	text-align: center
}

.wgt-navpath {
	display: inline-block;
	padding-left: 25px;
	background: url(../images/icon-home.png) no-repeat left center
}

.wgt-navpath a,
.wgt-navpath span,
.wgt-navpath i {
	margin: 0 4px
}

.wgt-navpath i {
	font-family: "SimSun", "NSimSun", "Serif", "Georgia"
}

.title2 {
	border-bottom: 1px solid #ddd;
	height: 50px
}

.title2 h2 {
	height: 100%;
	line-height: 1;
	padding: 10px;
	color: #0193de;
	border-bottom: 2px solid #0193de
}

article p {
	margin: 40px 0
}

.wgt-search {
	display: inline-flex;
	width: 40%;
	height: 42px;
	padding: 5px 16px;
	border: 1px solid #d9d9d9;
	border-radius: 20px
}

.wgt-search .input-search {
	width: 100%;
	height: 100%
}

.wgt-search .btn-search {
	background-color: transparent
}

.wgt-news-slide {
	width: 100%;
	overflow: hidden;
	background-color: #f8f8f8;
}

.wgt-news-slide .swiper-button-next, .wgt-news-slide .swiper-button-prev {
	top: 94% !important;
	background: #c3c3c3;
	height: 25px;
	width: 25px;
	border-radius: 50%;
}

.wgt-news-slide .swiper-button-next {
	right: 40% !important;
}

.wgt-news-slide .swiper-button-prev {
	left: 54% !important;
}

.wgt-news-slide .swiper-button-next:after, .wgt-news-slide .swiper-button-prev:after {
	font-size: 16px !important;
	font-weight: bold;
	color: #fff;
}

.col-2 col {
	width: 50%
}

.ov {
	overflow: hidden
}

.wgt-news-slide img {
	height: 400px;
	width: 100%;
	object-fit: cover;
}

.wgt-news-slide .title {
	font-size: 18px;
	font-weight: bold
}

.news_img {
	width: 250px;
}

.news_img img {
	height: 161px;
	object-fit: cover;
	width: 100%
}

.wgt-news-slide .time {
	color: #b0afaf
}

.wgt-news-slide .summary {
	color: #777;
	height: 96px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-overflow: ellipsis
}

.wgt-news-slide .slick-prev {
	z-index: 10;
	left: 0
}

.wgt-news-slide .slick-next {
	z-index: 10;
	right: 0
}

.wgt-list-news .layout-flex {
	align-items: center
}

.wgt-list-news .item {
	border-bottom: 1px solid #e8e8e8
}

.wgt-list-news .item .title {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.wgt-list-news .item .summary {
	color: #777;
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

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

.wgt-list-news .block-date {
	color: #585858;
	text-align: center;
	width: 70px;
	border-right: 1px solid #f8f8f8
}

.news_con {
	width: calc(100% - 100px)
}

.wgt-list-news .block-date .day {
	font-size: 26px;
	font-weight: bold;
}

.wgt-list-product {
	flex-wrap: wrap
}

.wgt-list-product .item {
	margin-bottom: 35px;
	text-align: center;
	border: 1px solid #ebebeb;
	border-radius: 5px
}

.wgt-list-product .item .body {
	position: relative;
	padding: 25px 25px 50px
}

.wgt-list-product .item .body:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 25px;
	left: 0;
	right: 0;
	background: url(../images/icoimg-arrow-right.png) no-repeat center bottom
}

.wgt-list-product .item .title {
	font-size: 16px
}

.wgt-list-product .item .intro {
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wgt-pagination {
	text-align: center
}

.wgt-pagination a,
.wgt-pagination span {
	background-color: #f4f4f4;
	color: #6b6b6b;
	padding: 2px 15px
}

.wgt-pagination a:hover,
.wgt-pagination .current {
	background-color: #0193de;
	color: #fff
}

.wgt-list-download .item {
	align-items: center;
	padding: 18px 30px;
}

.wgt-list-download li:nth-child(even) {
	background-color: #fff;
}

.wgt-list-download li:nth-child(odd) {
	background-color: #fbfbfb;
}

.wgt-list-download .item .item-right>a {
	color: #0193de;
	margin-right: 22px;
}

.wgt-list-job .wgt-hd {
	padding: 0 40px;
	height: 60px;
	line-height: 60px;
	background-image: linear-gradient(to right, #46b5ef, #1888d2);
	color: #fff;
	border-radius: 10px
}

.wgt-list-job .wgt-bd .item {
	padding: 20px 40px;
	margin: 15px 0;
	background-color: #f9f9f9;
	border-radius: 10px
}

.wgt-list-job .wgt-bd .item .item-bd {
	display: none;
	border-top: 1px solid #f0f1f3
}

.wgt-form-message .field-inline {
	border: 1px solid #eaeaea;
	border-radius: 5px
}

.wgt-form-message .field-inline textarea {
	height: 130px
}

.wgt-form-message .btn-submit {
	width: 190px;
	height: 48px;
	background-color: #0193de;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 25px
}

.img-scale img {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all .8s;
	-webkit-transition: all .8s
}

.img-scale:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.img-zoom {
	position: relative;
	overflow: hidden
}

.img-zoom img {
	height: 370px;
	max-width: 100%;
	object-fit: contain;
	background: #f8f8f8
}

.img-zoom:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 75, 136, 0.61) url(../images/icon-zoom.png) no-repeat center;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	transition: all .3s;
	-webkit-transition: all .3s
}

.img-zoom:hover:after {
	transform: scale(1);
	-webkit-transform: scale(1)
}

.video-info .slider-w .t-slider .video-open::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon-video.png) no-repeat center
}

.video-info .slider-w .con-t .t-slider .slick-slide a {
	display: block
}

.video-info .slider-w .con-t .t-slider .slick-slide a img {
	width: 100%
}

.video-info .slider-w .b-slider .slick-slide {
	padding: 0 5px
}

.video-info .slider-w .b-slider .slick-current .pic {
	position: relative
}

.video-info .slider-w .b-slider .slick-current .pic:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 3px solid #ffa025
}

.fix-wrap {
	display: none;
	z-index: 999;
	position: fixed;
	background: rgba(0, 0, 0, 0.8)
}

.fix-wrap,
.fix-wrap svg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.dt {
	display: table;
	table-layout: fixed
}

.wh1 {
	width: 100%;
	height: 100%
}

.dtcell {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.fix-video .video-wrap {
	min-width: 55%;
	max-width: 55%;
	margin: 0 auto
}

.fix-video video {
	width: 100%;
	height: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #3a3a3a;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	background: #2d2d2d;
	object-fit: cover;
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.fix-wrap .hide,
.fix-wrap circle {
	transition: all .8s;
	-webkit-transition: all .8s
}

.fix-wrap .hide {
	position: fixed;
	top: 5%;
	right: 5%;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	background: transparent
}

.fix-wrap .hide:hover {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg)
}

.fix-wrap .hide::before, .fix-wrap .hide::after {
	z-index: 1;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	margin-top: -25%;
	background: #fff
}

.fix-wrap .hide::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.fix-wrap .hide::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.fix-wrap svg {
	position: absolute
}

.fix-wrap,
.fix-wrap svg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.fix-wrap circle {
	stroke-dasharray: 0 145
}

.fix-wrap .hide:hover circle {
	fill: none;
	stroke-dasharray: 145
}

.wgt-slide-honor {
	background: url(../images/honor-bg.png) no-repeat right bottom
}

.wgt-slide-honor .slide-honor-nav {
	position: relative;
	padding: 0 30px
}

.wgt-slide-honor .slide-honor-nav:before {
	content: "";
	display: block;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%
}

.wgt-slide-honor .slide-honor-nav .slick-prev {
	left: 0
}

.wgt-slide-honor .slide-honor-nav .slick-next {
	right: 0
}

.wgt-slide-honor .slide-honor-nav .slick-prev:before,
.wgt-slide-honor .slide-honor-nav .slick-next:before {
	color: #2b9bde;
	opacity: 1;
	font-size: 24px
}

.wgt-slide-honor .slide-honor-nav .slick-slide {
	text-align: center
}

.wgt-slide-honor .slide-honor-nav .slick-current .year {
	background-color: #ffa025;
	color: #fff
}

.wgt-slide-honor .slide-honor-nav .year {
	display: inline-block;
	text-align: center;
	width: 92px;
	height: 92px;
	line-height: 92px;
	background-color: #ecf3f9;
	color: #2b9bde;
	font-size: 26px;
	border-radius: 50%;
	font-weight: bold
}

.wgt-slide-honor .slide-honor-nav .slick-dots {
	display: none !important
}

.wgt-slide-img .slick-slide {
	padding: 0 5px
}

.fix-pic-slider {
	color: #fff
}

.fix-pic-slider .item {
	position: relative;
	width: 100%;
	height: 100vh;
	cursor: grab;
	cursor: -webkit-grab;
	background-color: transparent
}

.fix-pic-slider img {
	top: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: inherit
}

.fix-pic-slider img,
.fix-pic-slider em {
	position: absolute;
	left: 0;
	bottom: 0
}

.fix-pic-slider .slick_page {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: bold
}

.fix-pic-slider .slick_page li {
	display: none
}

.fix-pic-slider .slick_page .slick-active {
	display: block
}

.fix-pic-slider em {
	display: none;
	width: 100%;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding: 10px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.7)
}

.fix-pic-slider .slick-arrow {
	z-index: 10;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .5s;
	-webkit-transition: all .5s
}

.fix-pic-slider .slick-prev {
	left: 1%;
	animation: slideInLeft .5s both;
	-webkit-animation: slideInLeft .5s both
}

.fix-pic-slider .slick-next {
	right: 1%;
	animation: slideInRight .5s both;
	-webkit-animation: slideInRight .5s both
}

.fix-pic-slider .slick-arrow:after {
	position: absolute;
	content: "";
	top: 50%;
	border: solid #fff;
	padding: 6px
}

.fix-pic-slider .slick-prev::after {
	left: 50%;
	border-width: 0 1px 1px 0;
	transform: translateX(-25%) translateY(-50%) rotate(135deg);
	-webkit-transform: translateX(-25%) translateY(-50%) rotate(135deg)
}

.fix-pic-slider .slick-next:after {
	right: 50%;
	border-width: 1px 0 0 1px;
	transform: translateX(25%) translateY(-50%) rotate(135deg);
	-webkit-transform: translateX(25%) translateY(-50%) rotate(135deg)
}

.banner .swiper-pagination {
	bottom: 50px !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
	background: #b9b8b8 !important;
	height: 12px;
	width: 12px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #ffa025 !important
}

.fix-pic-slider .slick-prev:before,
.fix-pic-slider .slick-next:before {
	display: none
}

.color-main-blue {
	color: #0193de
}

.color-main-orange {
	color: #ffa025
}

section .head {
	text-align: center
}

section .head h2 {
	font-size: 48px;
	line-height: 1
}

section .head .sub-title {
	margin-top: 5px;
	font-size: 18px;
	color: #acacac
}

.wgt-banner .slick-dotted.slick-slider {
	margin-bottom: 0
}

.banner {
	overflow: hidden
}

.banner img {
	width: 100%
}

.banner .slick-dots {
	bottom: 40px
}

.home-about {
	background: url(../images/home-about-bg.jpg) repeat center top;
	min-height: 8.22rem;
	padding: .8rem 0
}

.about-items {
	display: flex;
	margin: .5rem 0
}

.about-items .col {
	flex: 1
}

.about-items .item {
	display: block;
	width: 3.2rem;
	margin: 0 auto;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center
}

.about-items .item:hover {
	background-image: url(../images/arrow-hover.png)
}

.about-items .item:hover .title {
	color: #0193de
}

.about-items .col {
	border-left: 1px solid #dbdbdb
}

.about-items .col:first-child {
	border-left: 0
}

.about-items .item .title {
	vertical-align: middle;
	margin-left: 10px;
	font-size: 18px;
	color: #656565
}

.icon-img-org {
	vertical-align: middle;
	width: 89px;
	height: 89px;
	background-image: url(../images/icon-img-org.png);
	background-repeat: no-repeat;
	background-size: 100%
}

a:hover .icon-img-org {
	background-image: url(../images/icon-org-hover.png)
}

.icon-img-honor {
	vertical-align: middle;
	width: 89px;
	height: 89px;
	background-image: url(../images/icon-img-honor.png);
	background-repeat: no-repeat;
	background-size: 100%
}

a:hover .icon-img-honor {
	background-image: url(../images/icon-honor-hover.png)
}

.icon-img-culture {
	vertical-align: middle;
	width: 89px;
	height: 89px;
	background-image: url(../images/icon-img-culture.png);
	background-repeat: no-repeat;
	background-size: 100%
}

a:hover .icon-img-culture {
	background-image: url(../images/icon-culture-hover.png)
}

.home-products {
	background: url(../images/home-product-bg.jpg) no-repeat center top;
	height: 710px;
	padding: 100px 0
}

.home-products .head h2 {
	color: #fff
}

.home-products .head .sub-title {
	color: #b2d3ed
}

.slide-products .item {
	height: 336px;
	border-radius: 5px;
	background-color: #fff;
	margin: 0 10px;
	overflow: hidden
}

.slide-products .item .title {
	padding: 20px;
	font-size: 16px;
	text-align: center
}

.slide-products .item .intro {
	padding: 0 20px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-news {
	background: url(../images/home-news-bg.jpg) no-repeat center top;
	height: 879px;
	padding: 100px 0
}

.slide-news .item {
	height: 440px;
	border-radius: 5px;
	background-color: #fff;
	margin: 0 10px;
	overflow: hidden
}

.slide-news .item .title {

	margin: 8px 30px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.6;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.slide-news .item .time {
	padding: 8px 30px;
	font-size: 12px
}

.slide-news .item .intro {
	padding: 8px 30px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-rdcenter {
	background: url(../images/home-rdcenter-img-bg.jpg) no-repeat center top;
	min-height: 7.08rem;
	padding: 1rem 0
}

.home-rdcenter .head {
	text-align: left
}

.home-rdcenter .head h2 {
	color: #fff
}

.home-rdcenter .head .sub-title {
	color: #b2d3ed
}

.home-rdcenter .body {
	font-size: 12px;
	color: #fff
}

.home-join {
	padding: 60px 0
}

.home-join .head {
	text-align: left;
	margin-bottom: 20px
}

.home-join .head h2 {
	font-size: 30px
}

.wgt-home-investor {
	min-height: 596px;
	border-radius: 5px;
	padding: 40px 40px 330px;
	background: #fafafa url(../images/wgt-investor-bg.jpg) no-repeat center bottom
}

.investor-item {
	text-align: center
}

.investor-item .icon-circle {
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}

.investor-item .icon-1 {
	background: #f2f2f2 url(../images/icon-investor-1.png) no-repeat center
}

.investor-item .icon-2 {
	background: #f2f2f2 url(../images/icon-investor-2.png) no-repeat center
}

.investor-item .icon-3 {
	background: #f2f2f2 url(../images/icon-investor-3.png) no-repeat center
}

.investor-item .icon-4 {
	background: #f2f2f2 url(../images/icon-investor-4.png) no-repeat center
}

.investor-item .icon-5 {
	background: #f2f2f2 url(../images/icon-investor-5.png) no-repeat center
}

.investor-item:hover {
	color: #0392de
}

.investor-item:hover .icon-1 {
	background: #0392de url(../images/icon-investor-1-hover.png) no-repeat center
}

.investor-item:hover .icon-2 {
	background: #0392de url(../images/icon-investor-2-hover.png) no-repeat center
}

.investor-item:hover .icon-3 {
	background: #0392de url(../images/icon-investor-3-hover.png) no-repeat center
}

.investor-item:hover .icon-4 {
	background: #0392de url(../images/icon-investor-4-hover.png) no-repeat center
}

.investor-item:hover .icon-5 {
	background: #0392de url(../images/icon-investor-5-hover.png) no-repeat center
}

.wgt-home-join {
	min-height: 596px;
	border-radius: 5px;
	padding: 40px 40px 330px;
	background: #fafafa url(../images/wgt-join-bg.jpg) no-repeat center bottom
}

.home-feedback {
	background: url(../images/home-feedback-bg.jpg) no-repeat center top;

	padding: .4rem 0
}

.home-feedback .container {
	width: 80%;
	max-width: 948px
}

.home-feedback .head h2 {
	font-size: 30px;
	color: #fff
}

.home-feedback .head .sub-title {
	color: #b2d3ed
}

.home-feedback .body {
	text-align: center;
	color: #fff
}

.home-feedback .body input {
	width: 100%;
	height: 46px;
	padding: 8px 20px;
	background-color: transparent;
	border: 1px solid #8cc9e9;
	color: #fff
}

.home-feedback .body textarea {
	width: 100%;
	height: 90px;
	padding: 8px 20px;
	background-color: transparent;
	border: 1px solid #8cc9e9;
	color: #fff
}

.home-feedback .body button {
	width: 160px;
	height: 40px;
	background-color: #fff;
	border-radius: 25px;
	color: #0392de
}

.slick-dots li button::before {
	font-size: 12px
}

.slick-dots li.slick-active button::before {
	color: #ffa025
}

.slick-dots li button:hover::before, .slick-dots li button:focus::before {
	color: #ffa025
}

.slick-slide>a {
	display: block;
}

.slick-slide>a img {
	height: 260px;
	width: 100%;
	object-fit: cover
}

.slide-products .item .img {
	height: 218px;
	overflow: hidden;
}

.slide-news .item {
	height: auto;
	padding-bottom: 30px;
}

.tab-wrap {}

.tab-wrap .tab-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	margin-bottom: 40px;
}

.home-news .tab-wrap .tab-head li .tab-nav {
	cursor: pointer;
	position: relative;
	height: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 40px;
	text-align: center;
	background-color: #0193de;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
}

.home-news .tab-wrap .tab-head .cur .tab-nav {
	background-color: #ffa025;
}

.home-news .tab-wrap .tab-head .cur .tab-nav:after {
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ffa025;
}

.tab-wrap .tab-body>li {
	visibility: hidden;
	height: 0;
	opacity: 0;
}

.tab-wrap .tab-body>.cur {
	visibility: visible;
	height: auto;
	opacity: 1;
}

.tab-header {
	margin: 20px 0 40px
}

.tab-header .tab-nav {
	position: relative;
	height: 70px;
	padding: 15px;
	line-height: 40px;
	text-align: center;
	background-color: #0193de;
	border-radius: 5px;
	font-size: 18px;
	color: #fff
}

.tab-header .tab-nav-active {
	background-color: #ffa025
}

.tab-header .tab-nav-active:after {
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ffa025
}

.slide-news .slick-dots {
	bottom: -60px;
}

.home-feedback input::-webkit-input-placeholder {
	color: #fff;
}

.home-feedback input::-moz-placeholder {
	color: #fff;
}

.home-feedback input:-ms-input-placeholder {
	color: #fff;
}

.home-feedback textarea::-webkit-input-placeholder {
	color: #fff;
}

.home-feedback textarea::-moz-placeholder {
	color: #fff;
}

.home-feedback textarea:-ms-input-placeholder {
	color: #fff;
}

header {
	box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}

.wgt-news-slide .slick-prev {
	top: auto;
	left: 54%;
	bottom: 10px;
}

.wgt-news-slide .slick-next {
	top: auto;
	left: 57%;
	bottom: 10px;
}

.slick-prev:before, .slick-next:before {
	color: #c3c3c3;
}

.wgt-list-news {
	overflow: hidden;
}

.wgt-list-product .col>a {
	display: block;
}

.wgt-list-product .item .head {
	height: 221px;
	overflow: hidden;
}

.wgt-list-product .item .head img {
	height: 221px;
	object-fit: contain;
	background: #f8f8f8;
	max-width: 100%
}

.home-about .about-content>.col:first-child {
	overflow: hidden;
}

/* 首页banner下滑提示 20220425 - LinQian 新增 */
.wgt-banner .banner .slick-list .slick-slide a {
	position: relative;
}

.index-bottom-info {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.index-bottom-info p {
	margin: auto;
	font-size: 14px;
	font-weight: 400;
	color: #353535;
	-webkit-animation: myfirst 3s linear infinite;
	animation: myfirst 3s linear infinite;
	margin-top: 10px;
}

.index-bottom-info img {
	width: 14px;
	height: 8px;
	margin: 0 auto;
}

/* 企业文化、社会责任、党建工作 20220606 - LinQian 新增 */
.richtext-title {
	font-size: 36px;
	color: #025DA6;
	font-weight: bold;
}

.richtext-text {
	font-size: 16px;
	color: #171516;
	line-height: 30px;
	margin: 20px 0;
	word-break: break-all;
}

.richtext-text strong {
	color: #025DA6;
}

.richtext-imglist {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.richtext-imglist li {
	width: 48%;
}

.richtext-imglist li.active {
	width: 100%;
}

.richtext-imglist li a {
	width: 100%;
	height: 100%;
}

.richtext-imglist li p {
	font-size: 16px;
	margin: 0;
	height: 72px;
	line-height: 24px;
	margin-top: 14px;
	overflow: hidden;
}

.richtext-imglist li p::before {
	content: '';
	background: url('../testimg/icon-arrow-up.png') no-repeat;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
	display: inline-block;
}

.richtext-imglist li img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border-radius: 20px;
}

.richtext-culture {
	display: flex;
	justify-content: space-between;
}

.richtext-culture-l {
	width: 60%;
}

.richtext-culture .richtext-imglist {
	width: 248px;
	margin-top: 0;
}

.richtext-culture .richtext-imglist li {
	width: 100%;
}

.richtext-culture .richtext-imglist li img {
	height: 180px;
}

.richtext-culture .richtext-imglist li p {
	height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.richtext-title {
		font-size: 24px;
	}

	.richtext-imglist {
		margin-top: 20px;
	}

	.richtext-imglist li {
		width: 100%;
		margin-top: 20px;
	}

	.richtext-imglist li img {
		width: 100%;
		height: 170px;
		border-radius: 10px;
	}

	.richtext-imglist li p {
		height: auto;
		font-size: 14px;
		max-height: 72px;
	}

	.richtext-culture {
		flex-direction: column;
	}

	.richtext-culture-l {
		width: 100%;
	}

	.richtext-culture .richtext-imglist {
		width: 100%;
		margin-top: 0;
	}
}


@media (max-width: 768px) {
	.col-3>.col, .pad-col-3>.col {
		width: 50%
	}

	.wgt-news-slide .col-2 {
		flex-direction: column;
	}

	.col-2>.col {
		width: 100%;
	}

	.wgt-news-slide .swiper-button-next {
		right: 40% !important;
	}

	.wgt-news-slide .swiper-button-prev {
		left: 40% !important;
	}

	.news_img {
		width: 100%;
	}

	.news_img img {
		height: auto
	}

	.news02 {
		flex-wrap: wrap
	}

	.news02 .col {
		width: 100%;
	}

	.icoimg-news-more {
		display: none
	}

	.justify-sb {
		padding: 10px 0 !important;
	}

	.gap-20>.col {
		padding: 0;
	}

	.gap-20 {
		margin: 0 !important;
	}

	.wgt-search {
		width: 100%
	}
}

@media (max-width: 640px) {
	.col-3>.col, .pad-col-3>.col {
		width: 100%
	}

	.wgt-list-product .item .head img, .wgt-list-product .item .head {
		height: auto;
	}

	.wgt-navpath {
		display: none
	}

	.container {
		margin-bottom: 0;
	}

	.wgt-pagination {
		margin-top: 0;
	}

	.col-2 .p-40 {
		padding: 10px;
	}

	.wgt-list-news .mt-50 {
		margin-top: 15px
	}
}

/* 


.mc_nc1s1_title{width:100% !important;margin:0 auto} */



.mc_cont1400 {
	width: 1400px;
	margin: 80px auto;
}

.mc_nc1s1_list {
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
	cursor: default;
}

.mc_nc1s1_li {
	position: relative;
	/* float: left; */
	display: inline-block;
	width: 50%;
	height: 400px;
	transition: all .36s;
}

.mc_nc1s1_bgbox {
	position: relative;
	z-index: 1;
	width: 800px;
	height: 100%;
}

.mc_nc1s1_bgbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .44);
}

.mc_nc1s1_bgbox::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(10, 56, 165, .57);
	opacity: 0;
	transition: all .36s;
}

.mc_nc1s1_bg {
	width: 100%;
	height: 100%;
}

.mc_nc1s1_txtbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	width: 100%;
	color: #fff;
	transition: all .36s;
	white-space: normal;
}



.mc_nc1s1_title {
	width: 100%;
	top: 40%;
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
	/* text-align: center; */
	transition: all .36s;
}

.mc_nc1s1_txt .mc_nc1s1_title {
	top: 0;
	margin-bottom: 30px;
	text-align: left;
	opacity: 1;

}

.mc_nc1s1_txt p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #b2c8fa;
}

.mc_nc1s1_txt {
	opacity: 0;
	width: 100%;
	height: 100%;
	padding:40px;
	
}

.mc_nc1s1_list:hover .mc_nc1s1_li {
	width: 45%;
}

.mc_nc1s1_list .mc_nc1s1_li:hover {
	width: 55%;
}

.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_bgbox::after {
	opacity: 1;
}

.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txtbox>.mc_nc1s1_title {
	opacity: 0;
}

.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txt {
	opacity: 1;
	transition: all .4s .4s;
}

.mc_pos_center {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mc_nc1s1_text01{text-align:center}

@keyframes myfirst {
	from {
		color: #d8d8d8;
	}

	to {
		color: #353535;
	}
}

@media screen and (max-width: 1000px) {
	.mc_cont1400 {
		width: 100%;
		margin: 80px auto;
	}

	.mc_nc1s1_li {
		float: left;
		display: inline-block;
		width: 100%;
		height: 300px;
	}

	.mc_nc1s1_list:hover .mc_nc1s1_li {
		width: 100%;
	}

	.mc_nc1s1_list .mc_nc1s1_li:hover {
		width: 100%;
	}

	.mc_nc1s1_bgbox {
		width: 100%;
	}

	.mc_nc1s1_list .mc_nc1s1_bgbox::after {
		opacity: 0;
	}

	.mc_nc1s1_list .mc_nc1s1_txtbox>.mc_nc1s1_title {
		opacity: 0;
	}

	.mc_nc1s1_list .mc_nc1s1_txt {
		transition: all .4s .4s;
	}

	.mc_nc1s1_txt {
		opacity: 1;
		width: 100%;
		height: 100%;
		padding: 50px 30px;
		overflow: hidden;
	}

	.mc_pos_center {
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(0);
	}

	.mc_nc1s1_title {
		font-size: 20px;
		line-height: 0.5;
		font-weight: 400;
		transition: all .36s;
		margin-top: 20px;
	}

	.mc_nc1s1_txt p {
		font-size: 15px;
		color: #ffffff;
	}

	.mc_nc1s1_bgbox::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0);
		opacity: 0;
		transition: all .36s;
	}
}

@media screen and (max-width: 650px) {
	.mc_cont1400 {
		width: 100%;
		margin: 80px auto;
	}

	.mc_nc1s1_txt {
		padding: 20px 20px;
	}
}

@media(max-width:480px){
	.mc_cont1400{margin:0 auto;}
	.mc_nc1s1_text01{display:none}
	.mc_nc1s1_txt .mc_nc1s1_title,.mc_nc1s1_title{margin-top:0; margin-bottom:0;line-height:28px}
	.mc_nc1s1_li{display:block;height:500px;}
	.mc_pos_center{position:static;transform:none}
	.mc_nc1s1_txt{padding:0;overflow:none;}
	.mc_nc1s1_list,.mc_nc1s1_txtbox{white-space:none}
	.mc_nc1s1_titwrap{display:none} 
	.mc_nc1s1_txt{padding:10px}
	

}

.banner02{width:80%;margin:0 auto;position: relative;}
.banner_dot{text-align:center;padding:15px 0;} 
.banner02 .swiper-button-prev{color:#000;left:-38px}
.banner02 .swiper-button-next{color:#000;right:-38px}