@charset "utf-8";

html,
body {
	font-size: 16px;
	line-height: 1em;
	color: #141414;
	font-family: '思源黑体', PingFang SC, Microsoft Yahei, Arial, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
}
.isPc231015{
	display: block;
}
.isMobile231015{

	display: none;
}
img {
	display: block;
}

img.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

img.ofc {
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

/* 通用 */
body {
	width: 100vw;
	overflow-x: hidden !important;
}
.header-fixed-typename a{
	color:#fff;
}
.clearfix {
	clear: both;
	content: '';
	display: block;
}

.w1770 {
	width: 1770px;
	margin: 0 auto;
}

.w1600 {
	width: 1600px;
	margin: 0 auto;
}

.w1500 {
	width: 78.125%;
	margin: 0 auto;
}

.w1300 {
	width: 1300px;
	margin: 0 auto;
}

/* .w896{width: 896px;} */

.title{font-size:1rem;color:#005daa;font-weight:600;display:flex;flex-direction:column;padding-left:30px;box-sizing:border-box;position:relative;margin-bottom:30px}
.title span{font-size:1rem;color:#333;opacity:.1;text-transform:uppercase;margin-left:30px}
.title::before{width:6px;height:80%;position:absolute;content:'';background-color:#005daa;left:0;top:-3px;}

.i-com-title {
	color: #000;
}

.i-com-title a {
	color: #000;
}

.i-com-title.i-product-title .cn,
.i-com-title.i-product-title .en {
	color: #fff;
}

.i-com-title .cn {
	/* margin-bottom: 10px; */
	font-size: 45px;
	line-height: 1em;
	font-weight: bold;
	color: #005daa;
}

.i-com-title .en {
	color: #c8c8c8;
	font-size: 22px;
	line-height: 1em;
	text-transform: uppercase;
}

.com-page {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 70px;
}

.com-page-item span,
.com-page-item a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	margin-right: 23px;
	color: #000;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
	transition: all .5s;
	cursor: pointer;
}

.com-page-num {
	display: flex;
	line-height: 40px;
}

.com-page-num .current {
	color: #0061ae;
}

.com-page-item:last-child .current {
	margin-right: 0;
}

.com-page-item .current:hover,
.com-page-item a:hover {
	border-color: #0061ae;
	color: #fff;
	background: #0061ae;
}

.mask {
	position: relative;
	overflow: hidden;
}

.mask::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all ease-in-out 750ms;
	transition: all ease-in-out 750ms;
}

.mask2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all ease-in-out 750ms;
	transition: all ease-in-out 750ms;
	z-index: 2;
}

.mask.scrollin2:after {
	left: 100%;
}

.mask2.on {
	left: 100%;
}

.viewbg {
	position: relative;
	overflow: hidden;
}

.viewbg::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: left center;
	width: 100%;
	height: 100%;
	background: #0061ae;
	transition: all .5s;
}

.viewbg:hover::after {
	transform: scaleX(1);
}

.btnmore {
	position: relative;
	overflow: hidden;
	transition: all .5s;
}

.btnmore span,
.btnmore p {
	position: relative;
	z-index: 1;
}

.btnmore::after {
	display: block;
	position: absolute;
	left: -130%;
	bottom: 0;
	content: "";
	width: 120%;
	height: 150%;
	background: #0061ae;
	transform: skew(-20deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.btnmore:hover::after {
	left: 0;
}

::-webkit-scrollbar {
	/* display: none; */
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-track {
	border-radius: 0;
	background: #e5e5e5;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #0061ae;
}

::-webkit-scrollbar-thumb:hover {
	border-radius: 5px;
	background: #0061ae;
}

#modalImgInner {
	transform: translateY(-50%);
}

/* header */
.header {
	position: absolute;
	z-index: 101;
	width: 100%;
	z-index: 100;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgb(0 0 0 / 5%);
}

.header-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.header-logo {
	position: relative;
	display: block;
	height: 50px;
}

.header-logo img {
	height: 80%;
	width: auto;
}

.header img.hover {
	display: none;
}

.nav-main {
	display: flex;
	align-items: center;
}

.nav-main .nav-item {
	height: 100%;
	transition: all .5s;
}

.nav-main .nav-item>a {
	display: inline-block;
	padding: 0 36px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 92px;
	transition: all .5s;
	white-space: nowrap;
overflow: hidden;
}

.header-tool {
	position: relative;
	display: flex;
	align-items: center;
}

.header-lang {
	position: relative;
	margin-right: 65px;
}

.header-lang-btn {
	display: flex;
	align-items: center;
	height: 38px;
	box-sizing: border-box;
	padding: 0 9px 0 3px;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	transition: all .5s;
}

.header-lang-btn i {
	position: relative;
	color: #fff;
	font-size: 18px;
	transition: all .5s;
	perspective: 1000px;
}

.header-lang-btn:hover i {
	transform: rotateY(180deg);
}

.header-lang-btn p {
	margin-left: 17px;
	margin-right: 14px;
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	transition: all .5s;
}

.header-lang-btn img {
	position: relative;
	transition: all .5s;
}

.header-lang-btn img.hover {
	display: none;
}

.header-lang-btn.on img {
	transform: rotate(180deg);
}

.header-lang-slide {
	display: none;
	position: absolute;
	left: 0;
	top: 38px;
	width: 100%;
	background: #fff;
}

.header-lang-slide li a {
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
	transition: all .5s;
}

.header-lang-slide li a:hover {
	background: #f2f2f2;
}

.header-btn {
	cursor: pointer;
}

.header-line {
	width: 30px;
	height: 3px;
	background: #fff;
}

.header-line:nth-child(2) {
	margin: 9px 0;
}

.header-nav-slide {
	position: absolute;
	left: 0%;
	top: 92px;
	display: none;
	/* width: 100%; */
	width: 0;
	padding: 20px 0;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, .3);
	background: rgba(255, 255, 255, 1);
	z-index: 100;
	transition: all .5s;
}

.header-nav-slide.on {
	display: block;
	z-index: 9;
}

.header-nav-slide1 {
	position: absolute;
	left: 0%;
	top: 70px;
	display: none;
	width: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, .3);
	background: rgba(255, 255, 255, 1);
	z-index: 100;
	transition: all .5s;
}

.header-nav-slide1.on {
	display: block;
	z-index: 9;
}

.header-slide-contianer {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.header-slide-contianer a{
margin-left: 30px;
margin-right: 30px;
}

.header-slide-downimg {
	width: 316px;
}

.downpic {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-bottom: 56.96%;
	overflow: hidden;
}

.header-slide-downimg img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dropdown-list {
	display: flex;
	box-sizing: border-box;
	width: calc(100% - 316px);
	padding: 0 40px;
}

/* .dropdown-type {
width: 20%;
} */

.dropdown-type.company-slide {
	width: 100%;
}

.dropdown-typename {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 17px;
}

.dropdown-typename:before {
	content: "";
	position: absolute;
	left: 0;
	top: .8em;
	transform: translateY(-50%);
	display: block;
	/* width: 8px; */
	width: 0px; 
	height: 2px;
	background: #000;
}

.dropdown-typename a {
	margin-right: 14px;
	font-size: 16px;
	color: #000;
	line-height: 1.5em;
	transition: all .5s;
	padding: 0 15px;
}

.dropdown-type ul {
	margin-top: 15px;
	padding-left: 17px;
}

.dropdown-type li {
	display: flex;
	flex-flow: column;
}

.dropdown-type ul a {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #888;
}

.dropdown-type ul a span {
	display: inline-block;
	padding-bottom: 2px;
	line-height: 1.2em;
	overflow: hidden;
	will-change: background-size;
	background: url(/upload/images/line1.png) no-repeat left bottom;
	-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
	transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
	background-position: right bottom;
	background-size: 0 1px;
}

.dropdown-type ul a span:hover {
	color: #0061ae;
}

.dropdown-type ul a span:hover {
	-webkit-animation: none;
	animation: none;
	background-position: left bottom;
	background-size: 100% 1px;
}

.header-fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 0.3s 0.5s;
	transition: all 0.3s 0.5s;
}

.header-fixed-main {
	position: absolute;
	left: 75px;
	right: 75px;
	height: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-fixed-bg {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
}

.header-fixed-bgitem {
	position: relative;
	transform: scaleX(1);
	transform-origin: right top;
	width: 16.6666%;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	transition-property: transform;
}

.header-fixed-bgitem:last-child {
	border-right: none;
}

.header-fixed-bgitem:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #005daa;
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}

.header-fixed-nav {
	height: 100%;
}

.header-fixed-nav ul {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	margin-top: -2%;
	overflow: hidden;
	z-index: 1;
}

.header-fixed-nav li {
	width: 16.6666%;
	height: 100%;
	overflow: hidden;
}

.header-fixed-typename {
	display: table;
	height: 70px;
	margin: 0% 10%;
	color: #fff;
	font-size: 28px;
	letter-spacing: -0.5px;
	font-weight: 600;
	line-height: 1.2em;
	overflow: hidden;
}

.headr-fixed-typeson a {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 19px 15% 19px 19%;
	color: #c3c3c3;
	font-size: 16.5px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 1.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.headr-fixed-typeson a span {
	position: relative;
	display: inline-block;
	z-index: 1;
	padding-left: 9px;
	color: #fff;
}

.headr-fixed-typeson a span::before {
	position: absolute;
	content: "-";
	left: 0;
	top: 0;
}

.header-fixed-typename span,
.headr-fixed-typeson a span {
	display: table-cell;
	opacity: 0;
	filter: Alpha(opacity=50);
	-webkit-transform: translateX(-5%);
	transform: translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;
}

.headr-fixed-typeson a:hover {
	color: #fff;
}

.header-fixed.on {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	visibility: visible;
	z-index: 99999;
	background-color: #005daa;
	-webkit-transition: all 0.3s 0s;
	transition: all 0.3s 0s;
}

.header-fixed.on .header-fixed-bgitem {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: right top;
	transition-property: transform;
}

.header-fixed.on .header-fixed-bgitem::after {
	width: 0;
}

.header-fixed.on .header-fixed-typename span,
.header-fixed.on .headr-fixed-typeson a span {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	color: #fff;
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);
}

.header-fixed-close {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 75px;
	height: 75px;
	background-color: #005daa;
	cursor: pointer;
}

.header-fixed-close i {
	color: #fff;
	font-size: 32px;
}

.header.on {
	background: #fff;
}

.header.on img.hover {
	display: block;
}

.header.on img.leave {
	display: none;
}

.header.on .nav-main .nav-item>a {
	color: #000;
}

.header.on .header-line {
	background: #000;
}

.header.on .header-lang-btn {
	border-color: rgba(0, 0, 0, .1);
}

.header.on .header-lang-btn i {
	color: #333;
}

.header.on .header-lang-btn p {
	color: #333;
}

.header.on .header-lang-btn img.leave {
	display: none;
}

.header.on .header-lang-btn img.hover {
	display: block;
}

.header .nav-main .nav-item:hover>a,
.header .nav-main .nav-item.on>a {
	color: #fff;
	background: #0061ae;
	
}

.header .nav-main .nav-item:hover .header-nav-slide {
	display: block;
	width: 100%;
	background-color: #0750bd;
}

.header .nav-main .nav-item:hover .header-slide-contianer{
	display: flex;
	width: 40%;
	align-items: center;
}

.header .nav-main .nav-item:hover .header-slide-contianer a{
	margin-left: 60px;
}

.inner-banner .inner-nav .dropdown:hover .header-nav-slide {
   display: block;
	width: 100%;
	background-color: #0750bd;
}


/* 移动端header */
.header-mobile {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	box-sizing: border-box;
	z-index: 99;
	background: #0062a7;
}

.header-nav {
	height: 100%;
	overflow-y: auto;
}

.header-mobile-item {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	z-index: 1;
}

.header-mobile-type {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-mobile-type span{
	float: right;
	color: white;
	
}
.header-mobile-type a {
	display: inline-block;
	padding: 20px 0;
	color: #fff;
	font-size: 20px;
	line-height: 1.5em;
}

.header-nav .header-mobile-item:first-child .header-mobile-type span {
	display: none;
}

.header-mobile-type span {
	color: #fff;
	font-size: 26px;
	line-height: 1em;
	transition: all .5s;
}

.header-mobile-type.on span {
	transform: rotate(180deg);
}

.header-mobile-slide {
	display: none;
	margin-left: 30px;
	margin-bottom: 25px;
}

.header-mobile-slide a {
	display: block;
	padding: 5px 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.5em;
}

.header-mobile-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.header-mobile-bg img {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(28.13%, 11.31%);
	width: 95.73%;
}

/* index */
.index-container {
	height: 100vh;
}

#fp-nav {
	right: 41px;
	margin-top: 0 !important;
	transition: all .5s;
}

#fp-nav.on {
	z-index: -1;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	margin: 10px auto;
	width: 18px;
	height: 18px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	box-shadow: 0 0 2px rgb(0 0 0 / 40%);
	margin: 0;
	background: #fff;
}

#fp-nav ul li a.active,
.fp-slidesNav ul li a.active,
#fp-nav ul li:hover a.active,
.fp-slidesNav ul li:hover a.active {
	border-radius: 50%;
	border: 1px solid #ff6432;
	box-sizing: border-box;
}

.index-container .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 10px 0;
	background: #fff;
	opacity: 1;
	transition: all .5s;
}

.index-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
	position: relative;
	background: #0061ae;
}

.index-container .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #0061ae;
	box-sizing: border-box;
}

/* banner */
.i-banner {
	height: 100vh !important;
}

.i-banner-container {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.i-banner-item {
	overflow: hidden;
}

.i-banner-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.i-banner-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.bw {
	width: 1350px;
	margin: 0 auto;
}

.i-banner-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: "阿里妈妈数黑体";
}

/* .i-banner-text::before{content: "";position: absolute;left: 0;top: 0;width: 50px;height: 3px;background: #fff;} */
.i-banner-text p {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: bold;
}

.i-banner-text p.en {
	margin-top: 20px;
	font-size: 24px;
	line-height: 1.5em;
	opacity: 0.8;
}

.i-banner-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	background: transparent;
	cursor: pointer;
	transition: all .5s;
	z-index: 1;
	outline: none;
}

.i-banner-btn.prev {
	left: 75px;
}

.i-banner-btn.next {
	right: 75px;
}

.i-banner-btn:hover {
	background: #0061ae;
	border-color: #0061ae;
}

.i-banner-page {
	position: absolute;
	left: 50%;
	bottom: 9.15%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	z-index: 1;
}

.i-banner-page li {
	position: relative;
	margin-right: 16px;
	transition: all .5s;
}

.i-banner-page li::after {
	content: "";
	position: absolute;
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
	height: 2px;
	transform: scaleX(0);
	transform-origin: left center;
	transition: all .5s;
	background: #d41a1f;
}

.i-banner-page li p {
	color: #fff;
	font-size: 14px;
	line-height: .8em;
	cursor: pointer;
}

.i-banner-page li.on {
	margin-right: 120px;
}

.i-banner-page li.on::after {
	animation: longer 3s linear forwards;
}

.i-banner-scroll {
	position: absolute;
	left: 50%;
	bottom: 4.63%;
	transform: translateX(-50%, 0);
	animation: upDown 1.5s infinite;
	transition: all .5s;
	z-index: 1;
	cursor: pointer;
}

@keyframes bigger {
	0% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes longer {
	0% {
		transform: scaleX(0);
	}

	100% {
		transform: scaleX(1);
	}
}

@keyframes upDown {
	0% {
		transform: translate(-50%, 0);
	}

	50% {
		transform: translate(-50%, -10px);
	}

	100% {
		transform: translate(-50%, 0);
	}
}

/* about */
.i-about {
	position: relative;
	display: flex;
	background: url(/upload/images/i-about-bg.jpg) center/cover no-repeat;
}

.i-about-content {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.i-about-main {
	position: relative;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	box-sizing: border-box;
}

.i-about-shares {
	margin: 98px 0 36px;
	color: #333;
	font-size: 18px;
	line-height: 1em;
}

.i-about-shares span {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 15px;
	border-radius: 50%;
	background: #0061ae;
}

.i-about-msg p {
	margin-bottom: 16px;
	color: #555;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.i-about-msg p:last-child {
	margin-bottom: 0;
}

.i-about-number {
	display: flex;
	margin: 60px 0;
}

.i-about-number li {
	margin-right: 13.75%;
}

.i-about-number li:last-child {
	margin-right: 0;
}

.i-about-number p {
	margin-bottom: 21px;
	color: #555;
	font-size: 14px;
	line-height: 1em;
}

.i-about-number p:last-child {
	margin-bottom: 0;
}

.i-about-number p span,
.i-about-number p i {
	color: #0061ae;
	font-size: 40px;
	font-style: normal;
	line-height: 1em;
}

.i-about-more {
	position: relative;
	display: block;
	width: 150px;
	height: 45px;
	border-radius: 20px;
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
	color: #666;
	font-size: 14px;
	line-height: 43px;
	text-align: center;
	overflow: hidden;
	transition: all .5s;
}

.i-about-more span {
	position: relative;
	z-index: 1;
}

.i-about-more::after {
	display: block;
	position: absolute;
	left: -130%;
	bottom: 0;
	content: "";
	width: 120%;
	height: 150%;
	background: #0061ae;
	transform: skew(-20deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.i-about-more:hover::after {
	left: 0;
}

.i-about-more:hover {
	border-color: transparent;
	color: #fff;
}

.i-about-video {
	position: absolute;
	right: 0;
	width: 43.13%;
	height: 100%;
	overflow: hidden;
}

.i-about-video .i-about-post {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 5s;
}

.i-about-videomask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	transition: all .5s;
}

.i-about-video .videoplay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 3;
	opacity: 0;
	transition: all .5s;
}

.i-about-video .videoplay img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	width: 30px;
	transition: all .5s;
}

.video-cycle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 87px;
	height: 87px;
	border-radius: 50%;
	border: 4px solid #fff;
	box-sizing: border-box;
	transition: all .5s;
}

.i-about-video.on .i-about-videomask {
	animation: aboutopen 1s linear 1 forwards;
}

.i-about-video.on .videoplay {
	animation: aboutdiplay .5s linear .75s 1 forwards;
}

.i-about-video.on .videoplay img {
	animation: aboutdown .5s linear .75s 1 forwards;
}

.i-about-video.on .video-cycle {
	animation: aboutRight .5s linear .75s 1 forwards;
}

/* about-弹出视频 */
#modalBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100000;
	background-color: #233036;
	opacity: 0;
	transition: opacity 0.5s linear;
}

#modalImg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100002;
	overflow: hidden;
}

#modalImgBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

#modalImgLoader {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
}

#modalText {
	position: absolute;
	left: 0;
	bottom: -70px;
	height: 70px;
	padding: 15px 0;
	transform: translate3d(0, -45px, 0);
	box-sizing: border-box;
	text-align: center;
	font-family: "Helvetica";
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

#modalClose {
	position: absolute;
	right: -2px;
	top: -40px;
	transform: translate3d(0, 45px, 0);
}

#modalClose a {
	right: 0;
	top: 0;
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: .7;
	transform: rotate(45deg);
	transition: opacity 0.3s linear, transform 0.3s ease-in-out;
}

#modalClose a:before {
	position: absolute;
	top: 13px;
	left: 0px;
	display: block;
	width: 28px;
	height: 2px;
	background-color: #fff;
	content: "";
}

#modalClose a:after {
	position: absolute;
	top: 0px;
	left: 13px;
	display: block;
	width: 2px;
	height: 28px;
	background-color: #fff;
	content: "";
}

html:not(.sp) #modalClose a:hover {
	opacity: 1;
	transform: rotate(135deg);
}

.bimg {
	display: none;
}

@keyframes aboutopen {
	from {
		transform: translateX(20%);
	}

	to {
		transform: translateX(100%);
	}
}

@keyframes aboutdiplay {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes aboutdown {
	from {
		top: -87px;
		transform: translate(-50%, 50%)
	}

	to {
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

@keyframes aboutRight {
	from {
		left: -87px;
		transform: translate(50%, -50%)
	}

	to {
		left: 50%;
		transform: translate(-50%, -50%)
	}
}

/* product */
.i-product {
	position: relative;
}

.i-product-main {
	width: 100vw;
	height: 100%;
	overflow: hidden;
}

.i-product-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.i-product-bg img {
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	object-position: center;
	transition: all .5s;
}

.i-product-item.on .i-product-bg img {
	animation: smaller 3s forwards;
}

@keyframes smaller {
	0% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

.i-product-content {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
	box-sizing: border-box;
	padding-top: 6.927%;
	z-index: 1;
}

.i-product-type {
	margin: 158px 0 34px;
	color: #fff;
	font-size: 40px;
	line-height: 1em;
	font-weight: bold;
}

.i-product-msg {
	width: 32.73%;
	color: #fff;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.i-product-more {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	margin-top: 46px;
	transition: all .5s;
}

.i-product-more span {
	color: #fff;
	font-size: 16px;
	line-height: 1em;
}

.i-product-more:hover {
	border-radius: 50%;
	border-color: #0061ae;
	background: #0061ae;
}

.i-product-menu {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	height: 184px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	z-index: 2;
}

.i-product-menu li {
	position: relative;
	width: 33.33%;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(0, 0, 0, .2);
}

.i-product-menu li:last-child {
	border-right: none;
}

.i-product-menuitem {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .5s;
	z-index: 2;
}

.i-product-menuname {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	/* margin-left: 68px; */
	z-index: 2;
	width: 100%;
}

.i-product-menuname p.cn {
	
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.2em;
	text-align: center;
}

.i-product-menuname p.en {
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	line-height: 1em;
	text-align: center;
}

.i-product-logo {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
}

.i-product-logoicon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 51px;
	z-index: 4;
}

.i-product-iconbg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: all .5s;
	z-index: 3;
}

.i-product-move {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px 13px;
	z-index: 2;
}

.i-product-lines {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.i-product-line {
	display: none;
	position: absolute;
	background: #fff;
	transition: all .5s;
	z-index: 5;
}

.i-product-bt {
	top: 0;
	width: 100%;
	height: 1px;
}

.i-product-br {
	right: 0;
	width: 1px;
	height: 100%;
}

.i-product-bb {
	bottom: 0;
	width: 100%;
	height: 1px;
}

.i-product-bl {
	left: 0;
	width: 1px;
	height: 100%;
}

.i-product-menu li.on,
.i-product-menu li:hover {
	background: #0061ae;
}

.i-product-menu li.on .i-product-iconbg,
.i-product-menu li:hover .i-product-iconbg {
	opacity: 1;
}

.i-product-menu li.on .i-product-line,
.i-product-menu li:hover .i-product-line {
	display: block;
}

.i-product-menu li.on .i-product-bt,
.i-product-menu li:hover .i-product-bt {
	animation: toRight 5s forwards;
}

.i-product-menu li.on .i-product-br,
.i-product-menu li:hover .i-product-br {
	animation: toBottom 5s forwards;
}

.i-product-menu li.on .i-product-bb,
.i-product-menu li:hover .i-product-bb {
	animation: toLeft 5s forwards;
}

.i-product-menu li.on .i-product-bl,
.i-product-menu li:hover .i-product-bl {
	animation: toTop 5s forwards;
}

@keyframes toRight {
	from {
		left: -100%;
	}

	to {
		left: 0;
	}
}

@keyframes toBottom {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@keyframes toLeft {
	from {
		right: -100%;
	}

	to {
		right: 0;
	}
}

@keyframes toTop {
	from {
		bottom: -100%;
	}

	to {
		bottom: 0;
	}
}

/* culture */
.i-culture {
	position: relative;
	
}

.i-jrwm{
	position: relative;
	background: url("../upload/images/index_bg02.png");
}

.i-culture-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	opacity: .4;
}

#particles-js {
	opacity: 1;
}

.i-culture-main {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.i-culture-content {
	width: 1440px;
	margin: 75px auto 0;
	padding: 5px 5px 0;
	overflow: hidden;
}

.i-culture-content.mobile {
	display: none;
}

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

.i-culture-content li {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 424px;
}

.i-culture-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 424px;
	height: 424px;
}

.i-culture-cycle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid rgba(159, 201, 234, .4);
	box-sizing: border-box;
	transition: all 2s;
}

.i-culture-cyclepoint {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0061ae;
}

.i-culture-content li:nth-child(n) .i-culture-cyclepoint {
	top: 0;
	bottom: auto;
	left: 50%;
	right: auto;
	transform: translate(-50%, -50%);
}

.i-culture-content li:nth-child(2n) .i-culture-cyclepoint {
	top: auto;
	bottom: 0;
	left: 50%;
	right: auto;
	transform: translate(-50%, 50%);
}

.i-culture-content li:nth-child(3n) .i-culture-cyclepoint {
	top: 50%;
	;
	bottom: auto;
	left: auto;
	right: 0;
	transform: translate(50%, -50%);
}

.i-culture-content li a {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 85.37%;
	height: 85.37%;
	border-radius: 50%;
	border: 1px solid #0061ae;
	box-sizing: border-box;
	transition: all .5s;
	z-index: 1;
}

.i-culture-icon {
	margin-bottom: 48px;
}

.i-culture-icon span {
	color: #333;
	font-size: 61px;
	line-height: 1em;
}

.i-culture-icon span img {
	display: block;
}

.i-culture-icon span img.hover {
	display: none;
}

.i-culture-content li a p {
	color: #333;
	font-size: 35px;
	line-height: 1em;
	text-align: center;
	transition: all .5s;
}

.i-culture-more {
	position: absolute;
	left: 50%;
	bottom: 16.62%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all .5s;
}

.i-culture-more span {
	color: #333;
	font-size: 26px;
	line-height: 1em;
}

.i-culture-info {
	width: 100%;
	margin-top: 2em;
	color: #555;
	font-size: 18px;
	line-height: 1.5em;
	text-align: center;
	transition: all .5s;
}

.i-culture-content li:hover a {
	background: #0061ae;
}

.i-culture-content li:hover .i-culture-cycle {
	transform: rotate(360deg);
}

.i-culture-content li:hover .i-culture-icon span,
.i-culture-content li:hover .i-culture-more span {
	color: #fff;
}

.i-culture-content li:hover .i-culture-icon span img.hover {
	display: block;
}

.i-culture-content li:hover .i-culture-icon span img.leave {
	display: none;
}

.i-culture-content li:hover .i-culture-more {
	opacity: 1;
}

.i-culture-content li:hover a p {
	color: #fff;
	padding-bottom: 52px;
}

.i-culture-content li:hover .i-culture-info {
	color: #0061ae;
}

.i-culture-page.swiper-pagination {
	display: none !important;
	bottom: 0 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	background: #0061ae !important;
	outline: none;
}

/* i-news */
.i-news {
	height: 100vh;
	background: #eee url(/upload/images/global-img.png) center 7rem no-repeat;

}

.i-news-main {
	position: relative;
	top: 30%;
	transform: translateY(-30%);
}

.i-news-name {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.i-news-more {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.i-news-more .hover {
	display: none;
}

.i-news-more a {
	margin-left: 11px;
	/* color: #999; */
	color: #005daa;
	font-size: 16px;
	line-height: 1em;
	transition: all .5s;
}

.i-news-more:hover a {
	color: #0061ae;
}

.i-news-more:hover .hover {
	display: block;
}

.i-news-more:hover .leave {
	display: none;
}

.i-news-content {
	display: flex;
	flex-wrap: wrap;
}

.i-news-latest {
	width: 50%;
	position: relative;
}

.i-news-latest .i-news-bg {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(30%);
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	transition: all 1.2s;
}

.i-news-latest.on .i-news-bg {
	transform: translateX(100%);
}

.i-news-latest a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* .i-news-latest a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;transform: translateX(-50%);transition: all 1s;} */
.i-news-latest a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: all .5s;
}

.i-news-latest .swiper-slide-active a img {
	opacity: 1;
}

.i-news-list {
	width: 50%;
	padding: 79px 14.0625% 79px 4.75%;
	box-sizing: border-box;
	background: #fff url(/upload/images/newlist.png) bottom center/contain no-repeat;
}

.i-news-item {
	padding-bottom: 64px;
}

.i-news-item:last-child {
	padding-bottom: 0;
}

.i-news-item a {
	position: relative;
	display: block;
}

.i-news-date {
	color: #999;
	font-size: 14px;
	line-height: 1em;
}

.i-news-title {
	margin-top: 19px;
	color: #000;
	font-size: 20px;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s;
}

.i-news-msg {
	display: none;
	height: 44px;
	margin: 15px 0 -4px;
	color: #999;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}

.i-news-link {
	position: absolute;
	top: 50%;
	right: -92px;
	transform: translate(50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #0061ae;
	opacity: 0;
	transition: all .5s;
	display: block;
}

.i-news-link span {
	color: #fff;
	font-size: 16px;
	line-height: 1em;
}

.i-news-item:hover .i-news-title,
.i-news-item.on .i-news-title {
	color: #0061ae;
}

.i-news-item:hover .i-news-msg,
.i-news-item.on .i-news-msg {
	display: block;
}

.i-news-item:hover .i-news-link,
.i-news-item.on .i-news-link {
	opacity: 1;
}

/* .i-news-latest.on a img{opacity: 1;transform: translateX(0);} */

/* footer */
.footer {
	position: relative;
	padding-top: 44px;
	background: #21242b;
}

.footer-logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 32px;
}

.footer-logo>a {
	height: 50px;
}

.footer-logo>a img {
	height: 100%;
}

.footer-share .wechat {
	position: relative;
}

.footer-share .wechat-box {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 5px rgb(0 0 0 / 50%);
	padding: 3px;
	border-radius: 5px;
	background: #fff;
	z-index: 5;
}

.footer-share .wechat-box img {
	width: 84px;
}

.footer-share .icon-weibo {
	margin-left: 26px;
}

.footer-share span {
	color: #fff;
	font-size: 29px;
	line-height: 1em;
}

.footer-share .wechat:hover .wechat-box {
	display: block;
}

.footer-nav {
	display: flex;
	justify-content: space-between;
	padding: 52px 0 60px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.footer-nav-typename {
	color: #fff;
	font-size: 20px;
	line-height: 1em;
}

.footer-nav ul {
	margin-top: 30px;
}

.footer-nav li {
	margin-bottom: 12px;
}

.footer-nav ul li:last-child {
	margin-bottom: 0;
}

.footer-nav li a {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 1.2em;
}

/* .footer-nav li:hover a{} */
.footer-nav li a span {
	display: inline-block;
	padding-bottom: 2px;
	overflow: hidden;
	will-change: background-size;
	background: url(/upload/images/line1.png) no-repeat left bottom;
	-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
	transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
	transition-property: background-size, color;
	-webkit-transition-property: background-size, color;
	background-position: right bottom;
	background-size: 0 1px;
}

.footer-nav li:hover a span {
	color: #0061ae;
	animation: none;
	background-position: left bottom;
	background-size: 100% 1px;
}

.footer-contact {
	margin-bottom: 10px;
	color: #b7b7b7;
	font-size: 14px;
}

.footer-contact a {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 1.5em;
}

.footer-contact span {
	transition: all .5s;
}

/* .footer-contact span:hover {
	color: #0061ae;
} */

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.footer-link {
	display: flex;
	align-items: center;
}
.foot-link span{
	    transition: all .5s;
}
.footer-link p,
.footer-link a {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 1em;
	transition: all .5s;
}

.footer-link a:hover {
	color: #0061ae;
}

.totop {
	position: fixed;
	bottom: 35px;
	right: 35px;
	transition: all .5s;
	cursor: pointer;
	z-index: 100;
	width: 34px;
}

.totop:hover {
	animation: footerToTop 1s infinite;
}

@keyframes footerToTop {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(-25%);
	}

	100% {
		transform: translateY(0);
	}
}

/* 内页banner */
.inner-banner {
	position: relative;
}

.inner-pic {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	width: 100%;
	height: 500px;
	color: #fff;
	font-size: 50px;
	text-align: center;
}

.inner-pic p {
	color: #fff;
	font-size: 50px;
	text-align: center;
}

.inner-pic p.cn {
	font-size: 45px;
	line-height: 1.6em;
	margin-bottom: 5px;
	font-weight: bold;
}

.inner-pic p.en {
	font-size: 30px;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}

/* .inner-about{ background: url(/upload/images/f6814d7db21b7a4d.jpg) center/cover no-repeat; width: 100%; height: 350px;}
*/

/* .inner-typename{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} */
.inner-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
}

.inner-nav.fixed {
	/* position: fixed;
	bottom: auto;
	top: 0;
	z-index: 1000; */
}
/* .header-nav-slide1{
	position: absolute;
	left: 0;
	right: 0;
} */
.inner-nav-mobile {
	display: none;
}

.inner-nav-content {
	margin: auto;
	display: table;
	justify-content: space-between;
	height: 70px;
}

.inner-nav-content li {
	position: relative;
	width: 220px;
	float: left;
	transition: all .5s;
}

.inner-nav-content li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 1px;
	height: 14px;
	/* background: #626665; */
}

.inner-nav-content li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: left center;
	width: 100%;
	height: 100%;
	background: #0061ae;
	transition: all .5s;
}

.inner-nav-content li a.active {
	background: #0061ae;
}

.inner-nav-content li:last-child a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	width: 1px;
	height: 14px;
	/* background: #626665; */
}

.inner-nav-content li a {
	position: relative;
	display: block;
	color: #fff;
	font-size:20px;
	line-height: 70px;
	text-align: center;
	z-index: 99;
	transition: all .5s;
	font-weight: bold;
}

.inner-nav-content li:hover:after {
	transform: scaleX(1);
}

.inner-nav-content li:hover .header-nav-slide{
	display: block;
	width: 100%;
	top:70px;
	background-color: #0750bd;
}

.inner-nav-content li:hover .header-nav-slide1{
	display: block!important;
	width:4500px;
	height: 50px;
	text-align: center;
	top:70px;
	margin-left: -2140px;
	background-color: #0750bd;
}

/* about */
.yunhe-intro {
	background: url(/upload/images/fooer_bg2.png) bottom no-repeat;
	background-size: contain;
}

.about-intro,
.about-padding {
	padding-top: 132px;
}

.about-intro-box {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

.about-intro-main {
	padding-bottom: 56px;
}

.about-intro-title {
	margin-top: 43px;
	color: #0061ae;
	font-size: 24px;
	line-height: 3em;
	margin-bottom: 0.2em;
}

.about-intro-info {
	color: #555;
	font-size: 16px;
	line-height: 2em;
}

.about-intro-num {
	position: absolute;
	right: 0;
	top: 0;
}

.about-intro-num ul {
	display: flex;
}

.about-intro-num li {
	margin-right: 70px;
}

.about-intro-num li:last-child {
	margin-right: 0;
}

.about-intro-num li .about-intro-value {
	color: #ffc815;
	font-size: 50px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}

#area .about-intro-value {
	background: url(/upload/images/num-bg1.png) repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: fn 8s linear infinite;
}

#coal .about-intro-value {
	background: url(/upload/images/num-bg2.png) repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: fn 8s linear infinite;
}

#co2 .about-intro-value {
	background: url(/upload/images/num-bg3.png) repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: fn 8s linear infinite;
}

.ie .about-intro-num li .about-intro-value {
	background: none !important;
	animation: none !important;
}

.about-intro-unit {
	margin-top: 14px;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
}

.about-intro-unit p {
	text-align: center;
}

.about-intro-bg {
	position: absolute;
	bottom: 0;
	right: -26px;
}

.about-intro-content {
	padding: 58px 0 102px;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.about-intro-content p {
	margin-bottom: 1.5em;
}

.about-intro-content p:last-child {
	margin-bottom: 0;
}

@keyframes fn {
	0% {
		background-position: 0px center;
	}

	100% {
		background-position: -574px center;
	}
}

.about-leader {
	position: relative;
	padding: 300px 0 0;
	background: #fff;
}

.about-leader-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
}

.about-leader-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.about-leader-part {
	position: relative;
	width: 1500px;
	margin: 0 auto;
	padding: 60px 0 40px;
	box-sizing: border-box;
	background: #fff;
	z-index: 1;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.com-leader-title {
	width: 1300px;
	margin: 0 auto;
}

.about-leader-show {
	position: relative;
	width: 1300px;
	margin: 40px auto 0;
}

.about-leader-main {
	position: relative;
	padding-bottom: 44px;
	overflow: hidden;
}

.about-leader-item {
	width: 30%;
	margin-right: 5%;
}

.about-leader-item:last-child {
	margin-right: 0;
}

.about-leader-pic {
	position: relative;
	width: 100%;
	padding-bottom: 64.1%;
	overflow: hidden;
}

.about-leader-pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .5s;
}

.about-leader-title {
	margin-top: 16px;
	color: #555;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.about-leader-main .swiper-pagination,
.mind-pic .swiper-pagination,
.about-history-pic .swiper-pagination {
	bottom: 0;
}

.about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	margin: 0 10px;
	background: #dcdcdc !important;
	opacity: 1;
}

.about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0061ae !important;
}

.about-leader-item:hover .about-leader-pic img {
	transform: scale(1.1);
}

.about-page {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, .2);
	background: transparent;
	cursor: pointer;
	z-index: 1;
	opacity: 1;
	transition: all .5s;
	outline: none;
}

.about-prev {
	left: -55px;
}

.about-next {
	right: -55px;
}

.about-page span {
	color: #c8c8c8;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	transition: all .5s;
}

.about-page:hover {
	background: #0061ae;
	border-color: transparent;
}

.about-page:hover span {
	color: #fff;
}



.about-history {
	padding: 120px 0;
	background: #fff;
}

.about-history-time {
	position: relative;
	margin-top: 86px;
	padding-top: 8px;
}

.about-history-time li {
	width: 62px;
	cursor: pointer;
}

.about-history-time .cycle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 19px;
	height: 19px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid transparent;
	margin: 0 auto;
	transition: all .5s;
}

.about-history-time .point {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #dcdcdc;
	transition: all .5s;
}

.about-history-year {
	margin-top: 13px;
	color: #999;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	transition: all .5s;
}

.about-history-time li.on .cycle,
.about-history-time li:hover .cycle {
	border-color: #0061ae;
}

.about-history-time li.on .point,
.about-history-time li:hover .point {
	background: #0061ae;
}

.about-history-time li.on .about-history-year,
.about-history-time li:hover .about-history-year {
	color: #0061ae;
}

.about-history-line {
	position: absolute;
	left: 0;
	top: 17px;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
}

.about-history-line span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #e5e5e5;
	font-size: 35px;
	line-height: 1em;
	cursor: pointer;
	transition: all .5s;
	z-index: 2;
	outline: none;
}

.about-history-line span.prev {
	left: 0;
}

.about-history-line span.next {
	right: 0;
}

.about-history-line span:hover {
	color: #0061ae;
}

.about-history-photo {
	margin-top: 74px;
}

.about-history-item {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
}

.about-history-content .about-history-bg {
	position: absolute;
	left: 60px;
	bottom: 44px;
	opacity: .04;
}

.about-history-content .about-history-bg p {
	color: #0061ae;
	font-size: 230px;
	font-weight: bold;
	line-height: .8em;
}

.about-history-content {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	/* padding-top: 24px; */
	padding-left: 70px;
	z-index: 1;
	height: 400px;
	overflow-y: auto;
}

.about-history-content p {
	color: #555;
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}

.about-history-pic {
	width: 50%;
	padding-bottom: 44px;
}

.about-history-pic li {}

.about-history-img {
	position: relative;
	width: 100%;
	padding-bottom: 61.33%;
	overflow: hidden;
}

.about-history-pic li img {
	position: absolute;
	left: 0;
	top: 0;
	;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .5s;
}

.about-history-pic li .picmask {}

.about-history-pic li:hover img {
	transform: scale(1.1);
}

.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	margin: 0 10px;
	background: #dcdcdc !important;
	opacity: 1;
}

.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0061ae !important;
}

/* honor */
.honor {
	padding: 63px 0 37px;
}

.honor-main {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: -83px;
}

.honor-part {
	width: 21.53%;
	margin-top: 83px;
	padding-bottom: 80px;
	padding-right: 4.62%;
	border-bottom: 1px solid rgba(229, 229, 229, .5);
}

.honor-part:nth-child(4n) {
	padding-right: 0;
}

.honor-pic {
	position: relative;
	width: 100%;
	height: 360px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	padding: 25px;
	cursor: pointer;
}

.honor-pic .honor-pic-item {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.honor-pic .honor-pic-bg {
	position: absolute;
	right: -8px;
	bottom: 0;
}

.honor-title {
	margin-top: 10px;
	color: #000;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}

.honor-line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	z-index: 1;
}

/* culture */
.culture,
.corporate {
	padding-top: 60px;
}

.culture-title {
	position: relative;
	padding-left: 17px;
	color: #333;
	font-size: 32px;
	line-height: 1em;
}

.culture-title::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 4px;
	height: 27px;
	background: #0061ae;
}

.culture-vision {
	margin: 68px auto 65px;
}

.culture-vision ul {
	display: flex;
	justify-content: center;
}

.culture-vision li {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	width: 262px;
	height: 262px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	margin-right: 84px;
	padding: 43px 18px 24px 24px;
	transition: all .5s;
	overflow: hidden;
}

.culture-vision li:nth-child(4n) {
	margin-right: auto;
}

.culture-vision-bg {
	position: absolute;
	top: 4px;
	left: 8px;
	z-index: 1;
}

.culture-vision-name {
	position: relative;
	color: #000;
	font-size: 22px;
	line-height: 1em;
	transition: all .5s;
	z-index: 2;
}

.culture-vision-icon {
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.culture-vision-icon .hover {
	display: none;
	;
}

.culture-vision-msg {
	position: relative;
	min-height: 48px;
	color: #555;
	font-size: 16px;
	line-height: 24px;
	transition: all .5s;
	z-index: 2;
}

.culture-vision li:hover .culture-vision-name,
.culture-vision li:hover .culture-vision-msg {
	color: #fff;
}

.culture-vision li:hover .culture-vision-icon .leave {
	display: none;
}

.culture-vision li:hover .culture-vision-icon .hover {
	display: block;
}

.culture-fighter {
	display: flex;
	padding-bottom: 129px;
}

.culture-fighter-pic {
	width: 50%;
}

.culture-fighter-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.culture-fighter-main {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	padding-top: 75px;
	padding-left: 8.23%;
}

.culture-fighter-content {
	margin-top: 110px;
}

.culture-fighter-content p {
	position: relative;
	padding-left: 25px;
	margin-bottom: 2em;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.culture-fighter-content p:last-child {
	margin-bottom: 0;
}

.culture-fighter-content p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1em;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0061ae;
}

.culture-fighter-bg {
	position: absolute;
	top: 0;
	right: -20.46%;
	opacity: .07;
}

.culture-mind {
	position: relative;
	padding: 140px 0;
}

.culture-mind-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
}

.culture-mind-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mind-title {
	display: flex;
	justify-content: center;
}

.mind-title .culture-title {
	color: #fff;
	margin: 0 auto;
}

.mind-title .culture-title::before {
	background: #fff;
}

.mind-main {
	position: relative;
	width: 1500px;
	margin: 124px auto 0;
	padding-top: 70px;
	background: #fff;
	z-index: 1;
}

.mind-part {
	width: 1300px;
	margin: 0 auto;
}

.mind-main-title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	overflow: hidden;
}

.mind-main-title p {
	color: #0061ae;
	font-size: 24px;
	text-align: center;
}

.mind-main-titlebg {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.mind-intro {
	padding-top: 38px;
}

.mind-intro p {
	margin-bottom: 1.5em;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.mind-swiper {
	position: relative;
}

.mind-pic {
	padding-bottom: 44px;
	margin-bottom: 63px;
}

.mind-pic ul {
	display: flex;
}

.mind-pic li {
	width: 30%;
	margin-right: 5%;
}

.mind-pic li:last-child {
	margin-right: 0;
}

.mind-pic-item {
	position: relative;
	width: 100%;
	padding-bottom: 62.11%;
}

.mind-pic-item img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mind-pic .swiper-pagination-bullets .swiper-pagination-bullet,
.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	margin: 0 10px;
	background: #dcdcdc !important;
	opacity: 1;
	outline: none;
}

.mind-pic .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0061ae !important;
}

/* .mind-content{padding-bottom: 23px;} */
.mind-content-pic {}

.mind-content-pic img {
	width: 100%;
}

/* 企业文化 */
.culture-hope {
	margin-bottom: 130px;
	padding: 5px;
}

.hope-item {
	display: flex;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.hope-msg {
	position: relative;
	width: 500px;
	overflow: hidden;
	background: #fff;
}

.hope-text {
	position: absolute;
	left: 0;
	top: 38.09%;
	padding: 0 17.6%;
}

.hope-title {
	color: #000;
	font-size: 36px;
	line-height: 1em;
}

.hope-slogan {
	margin-top: 50px;
	color: #000;
	font-size: 20px;
	line-height: 1.5em;
}

.corporate-bg {
	position: absolute;
	left: -36px;
	bottom: -36px;
}

.hope-pic {
	position: relative;
	width: 800px;
	height: 588px;
}

.hope-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hope-menu {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	display: flex;
	width: 800px;
	padding: 5px 0;
	z-index: 1;
}

.hope-menu-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	height: 100%;
	border-right: 1px solid rgba(204, 204, 204, .3);
	box-sizing: border-box;
	transition: all .5s;
}

.hope-menu-item:last-child {
	border-right: none;
}

.hope-menu-main {
	position: absolute;
	top: 38.09%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.hope-menu-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 74px;
	padding-top: 36px;
	box-sizing: border-box;
	transition: all .5s;
}

.hope-menu-item:hover .hope-menu-icon {
	padding-top: 0;
	align-items: flex-start;
}

.hope-menu-icon span {
	color: #fff;
	font-size: 30px;
	line-height: 1em;
	text-align: center;
}

.hope-menu-icon span.icon-qiyelinian {
	font-size: 35px;
}

.hope-menu-main p {
	margin-top: 20px;
	color: #fff;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
}

/* duty */
.about-duty {
	padding-top: 106px;
}

.about-meeting {
	padding-bottom: 110px;
}

.about-meeting-main {
	display: flex;
	justify-content: space-between;
	margin-bottom: 53px;
}

.about-meeting-content {
	width: 60.46%;
	border-top: 2px solid #0061ae;
	padding-top: 71px;
}

.about-meeting-title {
	font-size: 32px;
}

.about-meeting-title .cn {
	margin-bottom: 18px;
	color: #0061ae;
	line-height: 1em;
}

.about-meeting-title .en {
	color: #333;
	line-height: .8em;
}

.about-meeting-msg {
	margin-top: 50px;
}

.about-meeting-msg p {
	color: #555;
	font-size: 16px;
	line-height: 2em;
}

.meeting-swiper {
	position: relative;
}

.about-meeting-pic {
	width: 32.38%;
}

.about-meeting-pic img {
	width: 100%;
}

.about-meeting-part {
	padding-bottom: 44px;
}

.about-meeting-part .swiper-pagination {
	bottom: 0 !important;
}

/* .about-meeting-list{display: flex;flex-wrap: wrap;align-items: center;} */
.about-meeting-list li {
	width: 23.53%;
	margin-right: 1.96%;
}

.about-meeting-list li:last-child {
	margin-right: 0;
}

.about-meeting-img {
	position: relative;
	width: 100%;
	padding-bottom: 66.66%;
}

.about-meeting-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.about-duty-adv {
	height: 950px;
	padding-top: 12.18%;
	box-sizing: border-box;
	background: fixed url(/upload/images/duty6.jpg) center/cover no-repeat;
}

.duty-adv-main {}

.duty-adv-title {
	margin: 84px 0 20px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	line-height: 1em;
}

.duty-adv-msg {
	color: #fff;
	font-size: 18px;
	line-height: 2em;
}

.about-duty-honor {
	display: flex;
	flex-wrap: wrap;
	padding: 104px 0 36px;
}

.about-duty-honor li {
	position: relative;
	width: 29.69%;
	height: 250px;
	margin-right: 5.465%;
	margin-bottom: 72px;
	padding: 27px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}

.about-duty-honor li:nth-child(3n) {
	margin-right: 0;
}

.about-duty-honor li .about-duty-honorpic {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-duty-honorbg {
	position: absolute;
	position: absolute;
	right: -8px;
	bottom: 0;
}

/* .pic-fixed{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .25);z-index: 1000;}
.pic-fixed .pic-fixed-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 900px;height: 60vh;padding: 70px 60px;background: #fff;}
.pic-fixed .pic-fixed-main{height: 100%;}
.pic-fixed .pic-fixed-main img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.pic-fixed-name{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;font-size: 18px;color: #000;background: rgba(0, 0, 0, .25);}
.pic-fixed-close{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #313131;cursor: pointer;}
.pic-fixed-close span{color: #fff;font-size: 20px;line-height: 1em;transition: all .5s;}
.pic-fixed-close:hover span{transform: rotate(180deg);} */

/* research */
.research {
	padding-top: 133px;
}

.platform {
	margin-top: 62px;
	background: url(/upload/images/platform-bg.jpg) bottom/cover no-repeat;
}

.platform-main {
	padding-bottom: 85px;
}

.platform-main-title {
	color: #0061ae;
	font-size: 24px;
	line-height: 1em;
}

.platform-content {
	display: flex;
	margin: 26px 0 70px;
}

.platform-point {
	width: 31.84%;
}

.platform-point p {
	position: relative;
	padding: 0 30px;
	box-sizing: border-box;
	color: #777;
	font-size: 18px;
	line-height: 40px;
}

.platform-point p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0062a7;
}

.platform-msg {
	width: 68.16%;
}

.platform-msg p {
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.research-honor {
	padding-top: 82px;
	border-top: 1px solid rgba(0, 0, 0, .07);
}

.research-honor-list {
	display: flex;
	flex-wrap: wrap;
}

.research-honor-item {
	position: relative;
	width: 23.46%;
	margin-right: 2.05%;
	margin-bottom: 30px;
}

.research-honor-item:nth-child(4n) {
	margin-right: 0;
}

.research-honor-pic {
	position: relative;
	width: 100%;
	padding-bottom: 68.52%;
}

.research-honor-pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.research-honor-title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 78px;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: 0 6px 35px rgb(0 0 0 / 10%);
	background: #fff;
}

.research-honor-title p {
	color: #555;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	transition: all .5s;
}

.research-honor-item .research-honor-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%;
	height: 5px;
	background: #0061ae;
	transition: all .5s;
}

.research-honor-item:hover .research-honor-title p {
	color: #0061ae;
}

.research-honor-item:hover .research-honor-title::after {
	transform: scaleX(1);
}

/* achievement */
.achievement {
	background: url(/upload/images/achievement-bg.jpg) bottom/cover no-repeat;
}

.achievement-main {
	padding-bottom: 0px;
}

.achievement-slogan {
	display: flex;
	padding: 60px 0 58px;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.achievement-slogan-title {
	width: 42.93%;
	color: #0061ae;
	font-size: 32px;
	line-height: 1em;
}

.achievement-slogan-msg {
	width: 57.07%;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.achievement-awards-pic {
	margin-top: 66px;
}

.achievement-awards-pic img {
	width: 100%;
}

.achievement-awards-content {
	position: relative;
	padding: 66px 0 0;
	overflow: hidden;
}

.achievement-awards-bg {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -39.9%);
	width: 100%;
}

.achievement-awards-bg img {
	width: 100%;
}

.achievement-content {
	position: relative;
	display: flex;
	z-index: 1;
}

.achievement-content-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 193px;
	height: 55px;
	border-radius: 27px;
	background: #0061ae;
}

.achievement-content-icon p {
	color: #fff;
	font-size: 24px;
	text-align: center;
}

.achievement-content-msg {
	width: calc(100% - 193px);
	padding-left: 5.8%;
	box-sizing: border-box;
	margin-top: -8px;
}

.achievement-content-msg p {
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.achievement .research-honor-item {
	width: 30.23%;
	margin-right: 4.655%;
	margin-bottom: 68px;
}

.achievement .research-honor-item:nth-child(4n) {
	margin-right: 4.655%;
}

.achievement .research-honor-item:nth-child(3n) {
	margin-right: 0;
}

/* tech */
.tech {
	padding: 83px 0 136px;
}

.tech-main {
	border-top: 2px solid #0061ae;
}

.tech-item {
	display: flex;
	flex-wrap: wrap;
	padding: 66px 0 68px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.tech-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.tech-item-l {
	width: 33.3%;
}

.tech-item-r {
	width: 66.7%;
}

.tech-item-title p {
	position: relative;
	padding-left: 27px;
	color: #0061ae;
	font-size: 24px;
	line-height: 1em;
}

.tech-item-title p::before {
	content: '';
	position: absolute;
	left: 0;
	top: .5em;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0062a7;
}

.tech-item-msg {
	margin-bottom: 47px;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.tech-item-num {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.tech-item-pic img {
	max-width: 100%;
	height: auto;
}

/* system */
.system-bg {
	background: #fff;
	padding: 133px 0 70px;
}

.system-content {
	margin: 44px auto 0;
}

.system-content p {
	margin-bottom: 1em;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.system-slogan {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 600px;
}

.system-slogan::before {
	content: '';
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(/upload/images/system.jpg) no-repeat center/cover;
}

.system-slogan-content {
	padding: 0 10px;
}

.system-slogan-title {
	margin-bottom: 55px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
}

.system-slogan-msg {
	color: #fff;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
}

.system-book {
	padding: 20px 0 32px;
	background: #fff;
}

.system-book-part {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.system-book-part:last-child {
	border-bottom: none;
}

.system-book-title {
	margin: 77px 0 38px;
}

.system-book-title .cn {
	margin-bottom: 10px;
	color: #000;
	font-size: 32px;
	line-height: 1em;
}

.system-book-title .en {
	color: #999;
	font-size: 14px;
	line-height: .8em;
}

.system-book-group {
	display: flex;
	flex-wrap: wrap;
}

.system-book-item {
	width: 15.69%;
	margin-right: 5.3875%;
	margin-bottom: 62px;
}

.system-book-item:nth-child(5n) {
	margin-right: 0;
}

.system-book-pic {
	position: relative;
	width: 100%;
	height: 284px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 12px;
}

.system-book-pic .system-book-photo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.system-book-pic .system-book-bg {
	position: absolute;
	right: -25px;
	bottom: 0;
}

.system-book-name {
	margin-top: 16px;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
}

/* patent */
.patent {}

.patent-content {
	position: relative;
	padding: 64px 0 42px;
	color: #0061ae;
	font-size: 32px;
	line-height: 48px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.patent-content p {}

.patent-content .patenticon {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.patent-book {
	padding: 54px 0 0;
}

/* news */
.news {
	padding: 117px 0 120px;
}

.news-list {
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0 -55px;
}

/* .news-item {
	position: relative;
	display: block;
	width: 30.769%;
	margin-right: 3.8465%;
	margin-bottom: 55px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.news-item::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%;
	height: 5px;
	background: #0061ae;
	transition: all .5s;
}

.news-item:nth-child(3n) {
	margin-right: 0;
} */

.news-item-pic {
	position: relative;
	width: 100%;
	padding-bottom: 62.5%;
}

.news-item-content {
	width: 100%;
	box-sizing: border-box;
	padding: 22px;
}

.news-item-time {
	color: #0061ae;
	font-size: 14px;
	line-height: 1em;
}

.news-item-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 15px 0 10px;
	color: #000;
	font-size: 16px;
	line-height: 27px;
	transition: all .5s;
}

.news-item-msg {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 27px;
	text-align: justify;
}

.news-item:hover:after {
	transform: scaleX(1);
}

.news-item:hover .news-item-title {
	color: #0061ae;
}

.news-main .com-type-item {
	width: 10%;
}

.news-main .com-list {
	margin-top: 0;
}

/* 详情页 */
.article {
	padding: 132px 0 124px;
	background: #f5f5f5;
}

.article-main {
	box-sizing: border-box;
	padding: 32px 42px;
	background: #fff;
}

.article-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.article-time {
	color: #666;
	font-size: 14px;
	line-height: 1em;
}

.article-share {
	display: flex;
	align-items: center;
}

.article-share a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px !important;
	margin-left: 12px;
	border-radius: 50%;
	background: #ccc;
	transition: all .5s;
}

.article-share a span {
	color: #fff;
	font-size: 26px;
	line-height: 1em;
}

.article-share a:not(:first-child):hover {
	background: #0061ae;
}

.article-title {
	padding: 25px 0 7px;
	border-bottom: 2px solid #0061ae;
}

.article-title p {
	color: #000;
	font-size: 28px;
	line-height: 1.5em;
}

.article-content {
	margin: 43px 0 102px;
	color: #666;
	font-size: 16px;
	line-height: 28px;
}

.article-content p {
	margin-bottom: 1.5em;
	color: #666;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.article-content a {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	transition: all .5s;
}

.article-content a:hover {
	color: #0061ae;
}

.article-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.article-page {
	display: flex;
	justify-content: space-between;
	padding-top: 38px;
	border-top: 1px solid #e5e5e5;
}

.article-page a {
	color: #666;
	font-size: 16px;
	line-height: 1em;
	transition: all .5s;
}

.article-page a p {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s;
}

.article-page-item {
	display: flex;
	align-items: center;
	width: 45%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.article-page-item.prev {
	justify-content: flex-start;
}

.article-page-item.next {
	justify-content: flex-end;
}

.article-page-back {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 6%;
	text-align: center;
}

.article-page-back img {
	margin-bottom: 12px;
}

.article-page a:hover p {
	color: #0061ae;
}

/* 宣传片 */
.news-video {
	margin-top: 67px;
}

.news-video .news-video-main {
	position: relative;
	width: 100%;
	padding-bottom: 53.38%;
}

.news-video .news-video-main video {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.news-player {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	cursor: pointer;
}

.news-player-cycle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #fff;
}

.news-player img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
}

.news-player.off {
	display: none;
}

.news-video-list {
	display: flex;
	flex-wrap: wrap;
	padding-top: 27px;
}

.news-video-list li {
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
}

.news-video-list li:nth-child(3n) {
	margin-right: 0;
}

.news-video-list li .news-video-pic {
	position: relative;
	width: 100%;
	padding-bottom: 53.85%;
	box-sizing: border-box;
	border: 2px solid transparent;
	transition: all .5s;
}

.news-video-list li img {
	position: absolute;
	left: 0;
	top: 0;
	;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.news-video-list li .news-video-name {
	margin: 10px 0 30px;
	color: #555;
	font-size: 16px;
	line-height: 1.2em;
	transition: all .5s;
}

.news-video-list li:hover .news-video-pic {
	border-color: #0061ae;
}

.news-video-list li:hover .news-video-name {
	color: #0061ae;
}

.news-video-list .swiper-scrollbar {
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	width: 1300px;
	height: 1px;
	background: #e6e6e6;
}

.news-video-list .swiper-scrollbar-drag {
	top: -12px;
	height: 24px;
	background: #fff url(/upload/images/drag.png) center no-repeat;
}

.fixed-video {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1000;
}

.fixed-video-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	padding: 70px 75px 60px;
	background: #fff;
}

.fixed-video-box video {
	display: block;
	width: 100%;
	height: 100%;
}

/* investment */
.investment {
	padding: 134px 0 130px;
}

.com-list {
	width: 100%;
	margin-top: 64px;
}

.com-list-item {
	display: flex;
	padding: 52px 0 58px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	transition: all .5s;
}

.com-list-item:first-child {
	border-top: 1px solid #e5e5e5;
}

.com-list-time {
	position: relative;
	display: inline-block;
	width: 188px;
	box-sizing: border-box;
	padding-left: 50px;
	z-index: 1;
}

.com-list-num {
	display: inline-block;
	color: #999;
	transition: all .5s;
}

.com-list-time .date {
	font-size: 60px;
	font-weight: bold;
	line-height: .8em;
	text-align: center;
}

.com-list-time .year {
	font-size: 14px;
	line-height: .8em;
	text-align: center;
}

.com-list-time .line {
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background: #999;
	transition: all .5s;
}

.com-list-content {
	position: relative;
	width: calc(100% - 188px);
	padding-right: 20px;
	box-sizing: border-box;
	z-index: 1;
}

.com-list-content .com-list-title {
	margin-bottom: 27px;
	color: #000;
	font-size: 28px;
	line-height: 1em;
	transition: all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.com-list-content .com-list-msg {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	;
	color: #666;
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	transition: all .5s;
}

/* .com-list-item:hover{background: #0061ae;} */
.com-list-item:hover .com-list-num,
.com-list-item:hover .com-list-title,
.com-list-item:hover .com-list-msg {
	color: #fff;
}

.com-list-item:hover .com-list-time .line {
	background: #fff;
}

/* industrial */
/* .industrial{margin-top: 120px;} */
.com-type {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0 20px;
}

.com-type-item {
	display: block;
	width: 13.84%;
	height: 55px;
	border-radius: 27px;
	margin-right: 3.2816%;
	margin-bottom: 43px;
	color: #555;
	font-size: 16px;
	text-align: center;
	line-height: 55px;
	background: #eeeeee;
	transition: all.5s;
}

.com-type-item:nth-child(6n) {
	margin-right: 0;
}

.com-type-item:hover {
	color: #fff;
}

.com-type-item.on {
	color: #fff;
	background: #0061ae;
}

.com-nav-mobile {
	display: none;
}

/* 新装备 */
.industrial-main {
	position: relative;
	padding-top: 120px;
}

.industrial-main .equipment-typename {
	position: relative;
	z-index: 2;
}

.industrial-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 200px;
	opacity: .5;
}

.equipment-text {
	display: flex;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 66px 0 116px;
}

.equipment-text .equipment-title {
	width: 28.46%;
	padding-right: 60px;
	box-sizing: border-box;
	color: #0061ae;
	font-size: 32px;
	line-height: 1.5em;
}

.equipment-text .equipment-title p {
	position: relative;
	margin-top: -0.25em;
}

.equipment-text .equipment-title p::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #0061ae;
}

.equipment-text .equipment-msg {
	width: 71.54%;
	margin-top: -0.5em;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.equipment-text .equipment-msg img {
	max-width: 100%;
	height: auto;
}

.equipment-photo {}

.equipment-photo .equipment-parttitle {
	color: #000;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
}

.equipment-anli {
	position: relative;
	margin-top: 57px;
}

.equipment-anli.mobile {
	display: none;
}

.equipment-swiper {
	position: relative;
	padding-bottom: 120px;
}

.equipment-item {
	position: relative;
	width: 48.46%;
	height: auto;
	margin-right: 3.08%;
}

.equipment-item:last-child {
	margin-right: 0;
}

.equipment-pic {
	position: relative;
	display: block;
	height: auto;
	padding-bottom: 57.14%;
	box-sizing: border-box;
}

.equipment-item img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.equipment-item .equipment-info {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 80px;
	padding: 10px 0;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	background: #fff;
	opacity: 1;
	transition: all .5s;
}

.equipment-item .equipment-info::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(1);
	transform-origin: left center;
	width: 100%;
	height: 2px;
	background: #0061ae;
	transition: all .5s;
}

/* .equipment-item .equipment-num{width: 228px;color: #000;font-size: 120px;font-weight: bold;line-height: 1em;text-align: center;opacity: .2;} */
.equipment-item .equipment-intro {
	padding: 0 20px;
}

.equipment-intro-title {
	margin-bottom: 5px;
	color: #0061ae;
	font-size: 22px;
	line-height: 1.2em;
}

.equipment-intro-msg {
	color: #555;
	font-size: 16px;
	line-height: 1.5em;
}

.equipment-btn {
	position: absolute;
	top: 325px;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 50%;
	color: #c8c8c8;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	background: transparent;
	outline: none;
	;
	cursor: pointer;
	transition: all .5s;
	z-index: 2;
}

.equipment-left {
	left: -70px;
}

.equipment-right {
	right: -70px;
}

.equipment-left:hover,
.equipment-right:hover {
	background: #0061ae;
	color: #fff;
	border-color: transparent;
}

.equipment-item.swiper-slide-active .equipment-info {
	opacity: 1;
}

.equipment-item.swiper-slide-active .equipment-info::after {
	transform: scaleX(1);
}

.equipment-swiper .swiper-pagination {
	display: none;
	bottom: 0;
}

/* 案例展示详情页 */
.plan-main {
	position: relative;
	padding: 120px 0;
}

.plan-top {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 35px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	z-index: 1;
}

.plan-title {
	width: 100%;
	box-sizing: border-box;
	padding-right: 20px;
	color: #0061ae;
	font-size: 32px;
	line-height: 1.2em;
}

.plan-back {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	border-radius: 22px;
	background: #eee;
	transition: all .5s;
}

.plan-back p {
	margin-right: 18px;
	color: #555;
	font-size: 16px;
	transition: all .5s;
}

.plan-back span {
	color: #555;
	font-size: 16px;
	transition: all .5s;
}

/* .plan-back:hover{background: #0061ae;} */
.plan-back:hover p,
.plan-back:hover span {
	color: #fff;
}

.plan-content {
	padding-top: 48px;
}

.plan-content p {
	margin-bottom: 1em;
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
}

.plan-content img {
	max-width: 100%;
	height: auto;
}

.plan-content p:last-child {
	margin-bottom: 0;
}

/* recruitment */
.join {}

.join-title {
	text-align: center;
}

.develop {
	padding: 130px 0 88px;
	background: #f5f5f5;
}

.develop-main {}

.develop-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 70px;
}

.develop-item {
	width: 32%;
}

.develop-pic {
	width: 100%;
}

.develop-pic-box {
	position: relative;
	width: 100%;
	padding-bottom: 63%;
	overflow: hidden;
}

.develop-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.develop-msg {
	margin-top: 8px;
}

.develop-msg p {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
}

.recruitment {
	padding: 77px 0 50px;
}

.recruitment-nav {
	/* display: flex; */
	align-items: center;
	justify-content: center;
	margin: 44px 0;
	text-align: right;
}

.recruitment-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 24px;
	border: 2px solid #c9cbca;
	margin: 0 49px;
	;
	color: #000;
	font-size: 16px;
	text-align: center;
	transition: all .5s;
}

.recruitment-nav a:hover {
	color: #fff;
	border-color: #0061ae;
}

.recruitment-nav a.on {
	color: #fff;
	border-color: #0061ae;
	background: #0061ae;
}

.society {}

.society li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.society li.society-title {
	height: 68px;
	box-sizing: border-box;
	padding-left: 28px;
	padding-right: 36px;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
	color: #fff;
	font-size: 16px;
	background: #0061ae;
}

.society li>p {
	box-sizing: border-box;
	padding: 0 5px;
}

.society li p.position {
	width: 25%;
}

.society li p.danwei{ width: 25%;}

.society li p.address {
	width: 15%;
}

.society li p.education {
	width: 15%;
}

.society li p.num {
	width: 15%;
}

.society li p.more {
	width: 77px;
}

.society-item {
	flex-wrap: wrap;
}

.society-item-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 103px;
	box-sizing: border-box;
	padding: 10px 36px 10px 28px;
	border-bottom: 1px solid #e6e6e6;
}

.society-item-type p {
	padding: 0 5px;
	box-sizing: border-box;
	font-size: 16px;
}

.society-item-type p.position {
	font-size: 24px;
}

.society-item-type p.more {
	color: #0061ae;
	cursor: pointer;
}

.society-item-type p.more .close {
	display: none;
}

.society-item-type.on p.more .open {
	display: none;
}

.society-item-type.on p.more .close {
	display: block;
}

.society-info {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 29px 36px 0 28px;
	border-bottom: 1px solid #e6e6e6;
}

.society-info .society-content p {
	padding: 0;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.society-seniority {
	margin-bottom: 30px;
}

.society-duty {
	margin-bottom: 40px;
}

.recruitment-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 184px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 24px;
	border: 2px solid #c9cbca;
	margin-bottom: 40px;
	color: #666;
	cursor: pointer;
	transition: all .5s;
}

.recruitment-btn span {
	font-size: 24px !important;
	line-height: 1em;
}

.recruitment-btn p {
	padding: 0;
	margin-left: 10px;
	color: #666;
	font-size: 16px !important;
	transition: all .5s;
}

.recruitment-btn:hover,
.recruitment-btn.on {
	border-color: #0061ae;
	color: #fff;
	background: #0061ae;
}

.recruitment-btn:hover p,
.recruitment-btn.on p {
	color: #fff;
}

/* 校园招聘 */
.campus {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -45px;
}

.campus-item {
	width: 48.69%;
	margin-right: 2.62%;
	margin-bottom: 45px;
	padding: 20px 24px 30px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
}

.campus-item:nth-child(2n) {
	margin-right: 0;
}

.campus-title {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.campus-title-num {
	margin-right: 36px;
	color: #ccc;
	font-size: 60px;
	font-weight: bold;
	line-height: .8em;
}

.campus-title-name {
	color: #000;
	font-size: 24px;
	line-height: 1em;
}

.campus-info {
	padding-top: 19px;
}

.campus-content {
	margin-bottom: 34px;
}

.campus-content p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.campus-msg {
	height: 120px;
	padding-right: 5px;
	overflow-y: auto;
}

.campus-item .recruitment-btn {
	margin-bottom: 0;
}

.join-fixed {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	z-index: 1000;
}

.join-form {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	padding: 70px 75px 60px;
	background: #fff;
}

.join-form form {
	display: block;
}

.join-form .join-form-input {
	display: block;
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	padding: 0 10px;
	margin-bottom: 18px;
	color: #999;
	font-size: 16px;
	outline: none;
}

.join-form textarea {
	display: block;
	width: 100%;
	height: 110px;
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid #dcdcdc;
	outline: none;
	resize: none;
	overflow-y: auto;
}

.join-form-tip {
	margin-top: 17px;
	color: #333;
	font-size: 16px;
	line-height: 1em;
}

.join-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 35px;
}

.join-btn .join-btn-item {
	display: block;
	width: 145px;
	height: 45px;
	border-radius: 22px;
	border: none;
	font-size: 16px;
	cursor: pointer;
}

.join-btn .join-submit {
	color: #fff;
	background: #0061ae;
}

.join-btn .join-file {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555;
	background: #eee;
	transition: all .5s;
}

.join-btn .join-file:hover {
	color: #fff;
	background: #0061ae;
}

.join-input-files {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.join-close {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #313131;
	cursor: pointer;
}

.join-close span {
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	transition: all .5s;
}

.join-close:hover span {
	transform: rotate(180deg);
}

/* company */
.company {
	padding: 134px 0 116px;
}

.company-main {
	display: flex;
	margin-top: 88px;
}

.company-nav {
	width: 26%;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.company-nav .company-nav-item {
	position: relative;
	display: block;
	margin-bottom: 58px;
}

.company-nav .company-nav-item::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(50%, -50%);
	width: 4px;
	height: 41px;
	background: #0061ae;
	opacity: 0;
	transition: all .5s;
}

.company-nav .company-nav-item p {
	width: 72.48%;
	color: #555;
	font-size: 20px;
	line-height: 1.5em;
	transition: all .5s;
}

.company-nav .company-nav-item:hover::after,
.company-nav a.on::after {
	opacity: 1;
}

.company-nav .company-nav-item:hover p,
.company-nav a.on p {
	color: #0061ae;
}

.company-box {
	width: 74%;
	padding-left: 6.86%;
	box-sizing: border-box;
}

.company-contact {
	position: relative;
}

.company-contact-title {
	margin-bottom: 8px;
	color: #000;
	font-size: 20px;
	line-height: 1em;
}

.company-contact-ways {
	color: #555;
	font-size: 16px;
	line-height: 32px;
}

.company-contact-ways a {
	color: #555;
	transition: all .5s;
}

.company-contact-ways a:hover {
	color: #0061ae;
}

.company-contact-file {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	border-radius: 22px;
	color: #fff;
	font-size: 16px;
	background: #0061ae;
}

.company-text {
	color: #555;
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
	margin-bottom: 16px;
}

.company-text p {
	margin-bottom: 1.5em;
}

.company-text a {
	color: #555;
	transition: all .5s;
}

.company-text a:hover {
	color: #0061ae;
}

.company-text img {
	display: block;
	max-width: 100%;
	height: auto;
}

.company-text .company-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 72px;
	margin-bottom: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.company-text .company-title p {
	position: relative;
	margin-bottom: 0;
	padding: 0 40px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}

.company-text .company-title p::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0061ae;
}

.company-text .company-title span {
	color: #0061ae;
	font-size: 32px;
	font-weight: bold;
	line-height: .8em;
	opacity: .2;
}

@media screen and (max-width:1770px) {
	.w1770 {
		width: 92.1875%;
	}

	.w1600 {
		width: 83.333%;
	}

	.bw {
		width: 80%;
	}

	.i-banner-btn.prev {
		left: 3.90625%;
	}

	.i-banner-btn.next {
		right: 3.90625%;
	}
}

@media screen and (max-width:1600px) {
	.nav-main .nav-item>a {
		padding: 0 30px;
	}

	.header-lang-btn {
		height: 28px;
	}

	.header-lang-btn p {
		margin: 0 10px;
	}

	.header-lang-slide {
		top: 28px;
	}

	.header-fixed-typename {
		height: 50px;
		;
		font-size: 24px;
	}

	.header-lang {
		margin-right: 30px;
	}

	.i-culture-content {
		width: 1300px;
	}

	.i-culture-content li {
		width: 360px;
	}

	.i-culture-item {
		width: 360px;
		height: 360px;
	}

	/* 内页 */
	.about-leader {
		padding-top: 220px;
	}

	.about-leader-part {
		width: 95%;
	}

	.com-leader-title,
	.about-leader-show {
		width: 90%;
	}

	.culture-fighter-main {
		padding-top: 50px;
		padding-left: 5%;
	}

	.culture-fighter-content {
		margin-top: 80px;
	}

	.culture-fighter-bg {
		right: -4%;
	}

	.culture-fighter-bg img {
		width: 480px;
	}

	.culture-mind {
		padding-top: 120px;
	}

	.about-leader-bg,
	.culture-mind-bg {
		height: 400px;
	}

	.mind-main {
		width: 95%;
		margin-top: 70px;
	}

	.mind-part {
		width: 90%;
	}

	.about-duty-adv {
		height: 700px;
		padding-top: 8%;
	}

	.equipment-pic img {
		position: absolute;
		left: 0;
		top: 0;
	}

}

@media screen and (max-width:1500px) {
	#fp-nav.fp-right {
		right: 10px;
	}

	.w1770 {
		width: 95%;
	}

	.header-logo {
		height: 54px;
	}

	.i-about-number li {
		margin-right: 8%;
	}

	.nav-main .nav-item>a {
		padding: 0 25px;
	}

	.i-banner-btn.prev {
		left: 2.5%;
	}

	.i-banner-btn.next {
		right: 2.5%;
	}

	.about-prev {
		left: -44px;
	}

	.about-next {
		right: -44px;
	}

	.equipment-left {
		left: -50px;
	}

	.equipment-right {
		right: -50px;
	}
}

@media screen and (max-width:1400px) {
	.w1500 {
		width: 90%;
	}

	#fp-nav {
		right: 20px;
	}

	.header-logo {
		width: 400px;
		height: 50px;
	}

	.nav-main .nav-item>a {
		line-height: 85px;
	}

	.header-nav-slide {
		top: 85px;
	}

	.header-lang {
		margin-right: 20px;
	}

	.header-lang-btn {
		height: 30px;
	}

	.header-lang-slide {
		top: 30px;
	}

	.header-fixed-typename {
		height: 50px;
		font-size: 18px;
	}

	.headr-fixed-typeson a {
		font-size: 15px;
	}

	.i-banner-text {
		padding: 40px 0;
	}

	.i-banner-text p {
		font-size: 44px;
	}

	.i-banner-text p.en {
		margin-top: 10px;
		font-size: 22px;
	}

	.i-about-shares {
		margin: 40px 0 20px;
	}

	.i-about-number {
		margin: 30px 0;
	}

	.i-about-number p span,
	.i-about-number p i {
		font-size: 30px;
	}

	.i-product-content {
		padding-top: 4%;
	}

	.i-product-type {
		margin: 40px 0 20px;
		font-size: 32px;
	}

	.i-product-msg {
		width: 60%;
	}

	.i-product-more {
		margin-top: 10px;
	}

	.i-product-menu {
		height: 120px;
	}

	.i-product-logoicon {
		height: 44px;
	}

	.i-culture-content {
		width: 1100px;
	}

	.i-culture-content li {
		width: 320px;
	}

	.i-culture-item {
		width: 320px;
		height: 320px;
	}

	.i-news-list {
		padding: 60px 8% 60px 4%;
	}

	.i-news-item {
		padding-bottom: 40px;
	}

	.i-news-link {
		right: -40px;
		width: 40px;
		height: 40px;
	}

	.footer {
		padding-top: 30px;
	}

	.footer-logo {
		padding-bottom: 30px;
	}

	.footer-nav {
		padding: 50px 0;
	}

	/* 内页 */
	.w1300,
	.news-video-list .swiper-scrollbar {
		width: 90%;
	}

	.inner-pic {
		height: 500px;
	}

	.inner-nav-content {
		height: 50px;
	}

	.inner-nav-content li a {
		line-height: 50px;
	}

	.about-intro,
	.about-padding,
	.industrial-main,
	.research,
	.system-bg,
	.news,
	.company,
	.investment,
	.develop,
	.article,
	.plan-main {
		padding-top: 90px;
	}

	.i-com-title .cn {
		font-size: 36px;
	}

	.i-com-title .en {
		font-size: 18px;
	}

	.about-intro-num li {
		margin-right: 50px;
	}

	.about-intro-num li .about-intro-value {
		font-size: 40px;
	}

	.about-intro-unit {
		margin-top: 0;
	}

	.about-adv,
	.system-slogan {
		height: 550px;
	}

	.about-history {
		padding: 60px 0;
	}

	.about-history-time,
	.about-history-photo {
		margin-top: 60px;
	}

	.about-history-content .about-history-bg p {
		font-size: 180px;
	}

	.honor-pic {
		height: 300px;
		padding: 15px;
	}

	.honor {
		padding: 50px 0 0;
	}

	.honor-part {
		padding-bottom: 50px;
	}

	.culture-title {
		font-size: 25px;
	}

	.culture-vision {
		margin: 50px auto;
	}

	.culture-vision li {
		margin-right: auto;
	}

	.hope-msg {
		width: 400px;
	}

	.hope-pic {
		width: calc(100% - 400px);
		height: 488px;
	}

	.hope-text {
		padding: 0 10%;
	}

	.hope-title {
		font-size: 30px;
	}

	.hope-slogan {
		margin-top: 30px;
		font-size: 16px;
	}

	.hope-menu {
		width: calc(100% - 410px);
	}

	.hope-menu-main p {
		font-size: 14px;
	}

	.mind-main-title {
		height: 60px;
	}

	.mind-main-title p {
		font-size: 20px;
	}

	.mind-main-titlebg img {
		height: 60px;
	}

	.about-duty {
		padding-top: 60px;
	}

	.about-meeting-content {
		padding-top: 30px;
	}

	.about-meeting-title {
		font-size: 25px;
	}

	.about-meeting-title .cn {
		margin-bottom: 6px;
	}

	.about-duty-adv {
		height: 600px;
	}

	.duty-adv-title {
		margin: 45px 0 20px;
		font-size: 25px;
	}

	.duty-adv-msg {
		font-size: 16px;
	}

	.com-type-item {
		margin-bottom: 20px;
	}

	.equipment-text {
		padding: 60px 0;
	}

	.equipment-text .equipment-title {
		padding-right: 80px;
	}

	.equipment-text .equipment-title,
	.equipment-photo .equipment-parttitle {
		font-size: 24px;
	}

	.platform {
		margin-top: 40px;
	}

	.research-honor {
		padding-top: 60px;
	}

	.research-honor-title {
		min-height: 60px;
		box-sizing: border-box;
		padding: 5px;
	}

	.achievement-slogan-title {
		font-size: 24px;
	}

	.achievement-awards-pic {
		margin-top: 60px;
	}

	.achievement-content-icon {
		width: 150px;
		height: 45px;
	}

	.achievement-content-icon p {
		font-size: 20px;
	}

	.tech-item {
		padding: 40px 0;
	}

	.patent-content {
		padding: 40px 0;
		font-size: 24px;
		line-height: 1.5em;
	}

	.system-book-item {
		width: 18%;
		margin-right: 2.5%;
	}

	.system-slogan-title {
		margin-bottom: 30px;
	}

	.system-book-title {
		margin: 50px 0 30px;
	}

	.news-main .com-type-item {
		height: 45px;
		line-height: 45px;
	}

	.com-list-item {
		padding: 45px 0;
	}

	.com-list-content .com-list-title {
		font-size: 24px;
	}

	.company-main {
		margin-top: 60px;
	}

	.company-nav .company-nav-item {
		margin-bottom: 40px;
	}

	.company-nav .company-nav-item p {
		width: 80%;
		font-size: 18px;
	}

	.company-box {
		padding-left: 4%;
	}

	.society-item-type p.position {
		font-size: 22px;
	}

	.join-form,
	.fixed-video-box {
		width: 70%;
		padding: 50px 50px 40px;
	}
}

@media screen and (max-width:1300px) {
	.w1770 {
		width: 98%;
	}

	.nav-main .nav-item>a {
		padding: 0 20px;
	}

	.dropdown-list {
		padding: 0 40px;
	}

	/* 内页 */
	.culture-vision li {
		width: 240px;
		height: 240px;
	}

	.culture-vision-icon {
		right: -20px;
	}

	.culture-vision-icon img {
		height: 50px;
	}

	.culture-vision-msg {
		font-size: 14px;
	}
}

@media screen and (max-width:1200px) {
	.header-logo {
		height: 42px;
	}

	.nav-main .nav-item>a {
		padding: 0 10px;
	}

	.header-lang {
		margin-right: 10px;
	}

	.i-culture-content {
		padding: 5px 5px 40px;
	}

	.i-culture-content.mobile {
		display: block;
	}

	/* .i-culture-content.pc {
		display: none;
	} */

	.i-culture-page.swiper-pagination {
		display: block !important;
	}

	.i-culture-content {
		width: 900px;
	}

	.i-culture-content ul {
		justify-content: flex-start;
	}

	.i-culture-content li {
		width: 50% !important;
	}

	.i-culture-item {
		width: 280px;
		height: 280px;
	}

	.i-culture-icon {
		margin-bottom: 20px;
	}

	.i-culture-icon span {
		font-size: 50px;
	}

	.i-culture-icon span img {
		height: 50px;
	}

	.i-culture-content li a p {
		font-size: 24px;
	}

	/* 内页 */
	.system-book-pic {
		height: 260px;
	}

	.system-book-name {
		line-height: 1.5em;
	}

	.platform-point p {
		padding: 0 15px;
	}

	.research-honor-list {
		margin-bottom: 30px;
	}

	.achievement .research-honor-item {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}

	.achievement .research-honor-item:nth-child(2n) {
		margin-right: 0;
	}

	.equipment-left {
		left: -44px;
	}

	.equipment-right {
		right: -44px;
	}
}

@media screen and (max-width:1100px) {
	.i-about-number li {
		margin-right: 4%;
	}

	#fp-nav.fp-right {
		right: 6px;
	}

	/* 内页 */
	.about-history-content .about-history-bg p {
		font-size: 150px;
	}

	.culture-vision ul {
		justify-content: space-between;
	}

	.culture-vision li {
		width: 220px;
		height: 220px;
	}

	.culture-fighter-main {
		padding-top: 40px;
		padding-left: 3%;
	}

	.culture-fighter-bg {
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}

	.culture-fighter-bg img {
		width: 400px;
		margin-right: 0;
	}
}

@media screen and (max-width:960px) {
	.w1770 {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#fp-nav {
		display: none;
		right: 10px;
	}

	.i-com-title .cn,
	.i-product-title {
		font-size: 32px;
	}

	.header-main {
		height: 80px;
	}

	.nav-main {
		display: none;
	}

	.header.on {
		background: #0062a7;
	}

	.header-fixed {
		display: none;
	}

	.header .search-btn {
		position: relative;
		width: 35px;
		height: 28px;
		margin: -10px 18px 0 !important;
	}

	.header .header-btn {
		position: relative;
		width: 35px;
		height: 28px;
	}

	.header .header-line {
		position: absolute;
		transition: all .5s;
	}

	.header .header-line:first-child {
		top: 0;
		left: 0;
		transform-origin: right bottom;
	}

	.header .header-line:nth-child(2) {
		top: 0;
		left: 0;
		margin: 13px 0;
	}

	.header .header-line:last-child {
		bottom: 0;
		left: 0;
		transform-origin: right top;
	}

	.header.on .header-mobile {
		display: block;
	}

	.header.on img.hover {
		display: none;
	}

	.header.on img.leave {
		display: block;
	}

	.header.on .header-main {
		box-sizing: border-box;
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}

	.header.on .nav-main .nav-item>a {
		color: #fff;
	}

	.header.on .header-line {
		background: #fff;
	}

	.header.on .header-line:first-child {
		top: 0.5px;
		transform: rotate(-45deg);
	}

	.header.on .header-line:nth-child(2) {
		opacity: 0;
	}

	.header.on .header-line:last-child {
		bottom: 0.5px;
		transform: rotate(45deg);
	}

	.header.on {
		background: #0062a7;
	}

	.header.on .header-lang-btn {
		border-color: rgba(255, 255, 255, .1);
	}

	.header.on .header-lang-btn i {
		color: #fff;
	}

	.header.on .header-lang-btn p {
		color: #fff;
	}

	.header.on .header-lang-btn img.leave {
		display: block;
	}

	.header.on .header-lang-btn img.hover {
		display: none;
	}

	.i-banner-text {
		padding: 20px 0;
	}

	.i-banner-text p {
		font-size: 36px;
	}

	.i-banner-text p.en {
		font-size: 20px;
	}

	.i-banner-page {
		bottom: 10%;
	}

	.i-banner-btn.prev {
		left: 1%;
	}

	.i-banner-btn.next {
		right: 1%;
	}

	.i-about {
		height: auto !important;
		flex-flow: column;
	}

	.i-about-content {
		height: auto;
	}

	.i-about-main {
		top: 0;
		transform: none;
		width: 100%;
		padding: 60px 0;
		box-sizing: border-box;
	}

	.i-about-msg p,
	.i-product-msg {
		line-height: 1.5em;
	}

	.i-about-video {
		position: relative;
		bottom: 0;
		width: 100%;
		height: 40vh;
	}

	.i-about-shares,
	.i-product-type {
		margin: 40px 0 20px;
	}

	.i-about-number {
		justify-content: space-between;
		margin: 20px 0;
	}

	.i-product {
		height: 600px !important;
	}

	.i-product-content {
		padding-top: 60px;
	}

	.i-product-type {
		font-size: 28px;
	}

	.i-product-msg {
		width: 70%;
	}

	.i-product-menu {
		height: 130px;
	}

	.i-product-menuname {
		margin-left: 30px;
	}

	.i-product-menuname p.cn {
		font-size: 20px;
	}

	.i-product-menuname p.en {
		font-size: 12px;
	}

	.i-culture {
		height: auto !important;
	}

	#particles-js {
		display: none;
	}

	.i-culture-main {
		top: 0;
		transform: none;
		padding: 60px 0;
		height: 100%;
		box-sizing: border-box;
	}

	.i-culture-content {
		width: 93.75%;
		margin: 24px auto 0;
	}

	.i-culture-info {
		margin-top: 10px;
		font-size: 16px;
	}

	.i-news {
		height: auto !important;
	}

	.i-news-main {
		top: 0;
		transform: none;
		padding: 60px 0;
	}

	.i-news-latest {
		width: 100%;
	}

	.i-news-latest a {
		height: auto;
		padding-bottom: 62.5%;
	}

	.i-news-list {
		width: 100%;
		padding: 30px 14% 30px 4%;
	}

	.i-news-item {
		padding-bottom: 14px;
	}

	.i-news-msg {
		height: auto;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.footer-nav-typename {
		font-size: 18px;
	}

	.footer-logo>a {
		height: 50px;
	}

	.footer-nav {
		padding: 20px 0 60px;
	}

	/* .footer-contact a{font-size: 14px;} */
	.totop {
		right: 5%;
	}

	/* 内页 */
	.about-page {
		display: none;
	}

	.inner-pic {
		height: 300px;
	}

	.inner-pic p.cn {
		font-size: 36px;
	}

	.inner-pic p.en {
		font-size: 26px;
	}

	.inner-nav-content li a {
		font-size: 14px;
	}

	.about-intro,
	.about-padding,
	.industrial-main,
	.research,
	.system-bg,
	.news,
	.company,
	.investment,
	.develop,
	.article,
	.plan-main {
		padding-top: 60px;
	}

	.about-intro-num li .about-intro-value {
		font-size: 34px;
	}

	.about-intro-unit {
		font-size: 14px;
		line-height: 1.5em;
	}

	.about-intro-content {
		padding: 60px 0;
	}

	.about-adv,
	.system-slogan {
		height: 450px;
	}

	.about-leader {
		padding-top: 150px;
	}

	.about-leader-show {
		margin-top: 30px;
	}

	.about-leader-item {
		width: 47.5%;
	}

	.about-leader-title {
		font-size: 14px;
		line-height: 1.5em;
	}

	.about-history-year {
		font-size: 16px;
	}

	.about-history-content {
		padding-top: 15px;
		padding-left: 40px;
	}

	.about-history-content p {
		font-size: 16px;
		line-height: 1.5em;
	}

	.about-history-content .about-history-bg {
		left: 30px;
	}

	.about-history-content .about-history-bg p {
		font-size: 120px;
	}

	.honor-main {
		margin-top: -60px;
	}

	.honor-part {
		width: 31%;
		padding-right: 3.5%;
		margin-top: 60px;
	}

	.honor-part:nth-child(4n) {
		padding-right: 3.5%;
	}

	.honor-part:nth-child(3n) {
		padding-right: 0;
	}

	.honor-title {
		font-size: 14px;
		line-height: 1.5em;
	}

	.culture-hope {
		margin-bottom: 60px;
	}

	.hope-item {
		flex-wrap: wrap;
	}

	.hope-msg,
	.hope-pic {
		width: 100%;
	}

	.hope-msg {
		height: 180px;
		padding-top: 40px;
		box-sizing: border-box;
	}

	.hope-text {
		position: relative;
		top: auto;
		padding: 0 5%;
	}

	.hope-title {
		font-size: 26px;
	}

	.hope-pic {
		height: 460px;
	}

	.hope-menu {
		top: auto;
		bottom: 5px;
		flex-wrap: wrap;
		width: calc(100% - 10px);
		height: calc(100% - 190px);
		padding: 0;
	}

	.hope-menu-item {
		width: 100%;
		height: 25%;
	}

	.hope-menu-main {
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.hope-menu-item {
		border-right: none;
		border-bottom: 1px solid rgba(204, 204, 204, .3)
	}

	.hope-menu-icon {
		height: 40px;
		padding-top: 20px;
	}

	.corporate-bg img {
		left: -10px;
		bottom: -10px;
		;
		width: 150px;
		height: 150px;
	}

	.culture-fighter {
		flex-wrap: wrap;
		padding-bottom: 60px;
	}

	.culture-fighter-pic {
		width: 100%;
		height: 400px;
	}

	.culture-fighter-main {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}

	.culture-fighter-bg {
		justify-content: flex-start;
	}

	.culture-fighter-content {
		margin-top: 40px;
	}

	.culture-fighter-content p {
		margin-bottom: 1.5em;
	}

	.culture-mind {
		padding: 60px 0;
	}

	.about-leader-bg,
	.culture-mind-bg {
		height: 280px;
	}

	.mind-main {
		margin-top: 40px;
		padding-top: 60px;
	}

	.mind-main-titlebg img,
	.mind-main-title {
		height: 50px;
	}

	.about-meeting-msg p,
	.duty-adv-msg {
		font-size: 14px;
		line-height: 1.5em;
	}

	.about-duty-adv {
		height: 500px;
	}

	.duty-adv-title {
		font-size: 22px;
	}

	.about-duty-honor {
		padding: 72px 0 36px;
	}

	.about-duty-honor li {
		height: 180px;
		padding: 20px;
	}

	.com-nav {
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.com-nav::-webkit-scrollbar {
		display: none;
	}

	.com-type {
		flex-wrap: nowrap;
		padding: 20px 0;
	}

	.com-type-item {
		width: auto;
		height: 40px;
		margin-right: 10px;
		padding: 0 5px;
		margin-bottom: 0;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 40px;
	}

	.com-type-item:nth-child(6n) {
		margin-right: 10px;
	}

	.com-type-item p {
		width: 120px;
	}

	.com-nav-mobile {
		position: relative;
		display: none;
		padding: 20px 0;
	}

	.com-nav-mobile-typename {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 45px;
		border-radius: 22px;
		color: #fff;
		font-size: 16px;
		text-align: center;
		background: #0061ae;
		transition: all.5s;
		cursor: pointer;
	}

	.com-nav-mobile-typename:hover {
		color: #fff;
		background: #0061ae;
	}

	.com-nav-mobile-link {
		display: none;
		position: absolute;
		top: 65px;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 40px);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	}

	.com-nav-mobile-link a {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #555;
		text-align: center;
		line-height: 40px;
		background: #fff;
		transition: all .5s;
	}

	.com-nav-mobile-link a:hover {
		color: #fff;
		background: #0061ae;
	}

	.equipment-anli {
		margin-top: 40px;
	}

	.equipment-anli.pc {
		display: none;
	}

	.equipment-anli.mobile {
		display: block;
	}

	.equipment-swiper {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
	}

	.equipment-item {
		position: relative;
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		;
		margin-bottom: 40px;
	}

	.equipment-item:nth-child(2n) {
		margin-right: 0
	}

	.equipment-item .equipment-info {
		box-shadow: none;
		min-height: 64px;
	}

	.equipment-text {
		flex-flow: column;
	}

	.equipment-text .equipment-title {
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0;
	}

	.equipment-text .equipment-title span::after {
		bottom: -10px;
	}

	.equipment-text .equipment-msg {
		width: 100%;
	}

	.equipment-intro-title {
		margin-bottom: 0;
		font-size: 16px;
	}

	.equipment-intro-msg {
		font-size: 14px;
	}

	.equipment-item::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		transform: scaleX(0);
		transform-origin: left center;
		width: 100%;
		height: 2px;
		background: #0061ae;
		transition: all .5s;
	}

	.equipment-item .equipment-info::after {
		display: none;
	}

	.equipment-item:hover::after {
		transform: scaleX(1);
	}

	.industrial-main {
		padding-bottom: 60px;
	}

	.equipment-text .equipment-title p::after {
		bottom: -10px;
	}

	.platform-content {
		flex-flow: column;
	}

	.platform-point {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.platform-point p {
		width: 50%;
	}

	.platform-msg {
		width: 100%;
		margin-top: 20px;
	}

	.achievement-slogan {
		flex-flow: column;
		padding: 30px 0;
	}

	.achievement-slogan-title {
		width: 100%;
		margin-bottom: 20px;
	}

	.achievement-slogan-msg {
		width: 100%;
	}

	.achievement-awards-content {
		padding: 60px 0;
	}

	.tech {
		padding: 60px 0 100px;
	}

	.tech-item {
		position: relative;
	}

	.tech-item-l {
		width: 100%;
	}

	.tech-item-r {
		width: 100%;
	}

	.tech-item-title,
	.tech-item-msg {
		margin-bottom: 20px;
	}

	.tech-item-num {
		position: absolute;
		left: 0;
		top: 2px;
		height: 90px;
	}

	.tech-item-num img {
		height: 100%;
	}

	.system-book-item {
		width: 22%;
		margin-right: 4%;
		margin-bottom: 30px;
	}

	.system-book-item:nth-child(5n) {
		margin-right: 4%;
	}

	.system-book-item:nth-child(4n) {
		margin-right: 0;
	}

	.system-book-pic {
		height: 210px;
		padding: 5px;
	}

	.system-slogan-content {
		width: 90%;
	}

	.system-slogan-title {
		margin-bottom: 10px;
		font-size: 28px;
		line-height: 1.2em;
	}

	.system-slogan-msg {
		font-size: 18px;
		line-height: 1.5em;
	}

	.news {
		padding-bottom: 60px;
	}

	.news-item {
		width: 32%;
		margin-right: 2%;
	}

	.news-item-title {
		-webkit-line-clamp: 1;
		margin: 5px 0;
		line-height: 1.5em;
	}

	.news-item-content {
		padding: 10px;
	}

	.news-item-msg {
		-webkit-line-clamp: 2;
		line-height: 1.5em;
	}

	.com-list-item {
		padding: 30px 0;
	}

	.com-list-time {
		width: 120px;
		padding-left: 30px;
	}

	.com-list-content {
		width: calc(100% - 120px);
	}

	.com-list-time .date {
		font-size: 40px;
	}

	.com-list-content .com-list-title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.com-list-content .com-list-msg {
		line-height: 1.5em;
	}

	.news-main .com-nav {
		display: block;
	}

	.news-main .com-type-item {
		width: auto;
		height: 40px;
		line-height: 40px;
	}

	.news-main .com-type-item p {
		width: 80px;
	}

	.news-video {
		margin-top: 60px;
	}

	.investment {
		padding-bottom: 60px;
	}

	.com-list {
		margin-top: 40px;
	}

	.develop-content {
		margin-top: 40px;
	}

	.develop-msg {
		margin-top: 10px;
	}

	.develop-msg p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.society li.society-title {
		font-size: 14px;
		padding: 0 20px;
	}

	.society-item-type {
		padding: 10px 20px;
	}

	.society li>p {
		padding: 0 10px;
	}

	.society-item-type {
		min-height: 88px;
	}

	.society li p.num {
		width: 16.62%;
	}

	.society-item-type p.position {
		font-size: 20px;
	}

	.society-item-type {
		font-size: 14px;
	}

	.society-info {
		padding: 20px 20px 0 20px;
	}

	.society-info .society-content p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.society-content p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.society-seniority,
	.society-duty {
		margin-bottom: 20px;
	}

	.recruitment-btn {
		width: 120px;
		height: 45px;
		margin-bottom: 20px;
	}

	.recruitment-btn span {
		font-size: 20px !important;
	}

	.recruitment-btn p {
		margin-left: 4px;
		font-size: 14px !important;
	}

	.develop,
	.recruitment {
		padding-bottom: 60px;
	}

	.campus-item {
		width: 49%;
		margin-right: 2%;
		padding: 14px;
	}

	.campus-title-num {
		margin-right: 10px;
		font-size: 40px;
	}

	.campus-title-name {
		font-size: 20px;
	}

	.campus-info {
		padding-top: 10px;
	}

	.campus-content {
		margin-bottom: 20px;
	}

	.campus-content p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.campus-msg {
		margin-top: 10px;
	}

	.join-form {
		width: 60%;
		padding: 40px 30px 30px;
	}

	.join-form .join-form-input {
		height: 36px;
		margin-bottom: 10px;
	}

	.join-form textarea {
		height: 90px;
	}

	.join-form-tip {
		margin-top: 10px;
		font-size: 14px;
	}

	.join-btn .join-btn-item {
		width: 120px;
		height: 35px;
	}

	.fixed-video-box {
		padding: 20px;
	}

	.article-title p {
		font-size: 22px;
	}

	.article-share a {
		width: 34px;
		height: 34px !important;
	}

	.article-share a span {
		font-size: 22px;
	}

	.article-share a.more img {
		height: 20px;
	}

	.article-main {
		padding: 30px;
	}

	.article-page-item {
		width: auto;
	}

	.article-page-item p,
	.article-page-item .colon {
		display: none;
	}

	.article-page-item:hover {
		color: #0061ae;
	}

	.article {
		padding-bottom: 60px;
	}

	.article-page-back img {
		margin-bottom: 6px;
	}

	.plan-main {
		padding-bottom: 60px;
	}

	.plan-title {
		font-size: 22px;
	}

	.company {
		padding-bottom: 60px;
	}

	.company-main {
		flex-flow: column;
		margin-top: 40px;
	}

	.company-nav {
		width: 100%;
		border: none;
		overflow-x: auto;
		margin-bottom: 20px;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.company-nav::-webkit-scrollbar {
		display: none;
	}

	.company-nav-main {
		display: flex;
	}

	.company-nav .company-nav-item {
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 27px;
		margin-right: 10px;
		margin-bottom: 0;
		background: #eeeeee;
		transition: all.5s;
	}

	.company-nav .company-nav-item::after {
		content: none;
	}

	.company-nav .company-nav-item p {
		width: 190px;
		color: #555;
		font-size: 16px;
		text-align: center;
		line-height: 1.2em;
	}

	.company-nav .company-nav-item:hover,
	.company-nav .company-nav-item.on {
		background: #0061ae;
	}

	.company-nav .company-nav-item:hover p,
	.company-nav .company-nav-item.on p {
		color: #fff;
	}

	.company-box {
		width: 100%;
		padding: 0;
	}

	.company-contact-file {
		position: relative;
		width: 120px;
		height: 35px;
		margin-top: 20px;
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.bw {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.i-banner-btn {
		display: none;
	}

	.i-product-menu li.on,
	.i-product-menu li:hover {
		background: #0061ae url('/upload/images/pro-bg.jpg') center/contain no-repeat;
	}

	.i-product-menuitem {
		flex-flow: column-reverse;
		justify-content: center;
	}

	.i-product-menuname {
		margin-left: 0;
		text-align: center;
	}

	.i-product-menuname p.cn {
		margin-bottom: 0;
		font-size: 18px;
	}

	.i-product-logo {
		position: relative;
		height: 60px;
	}

	.i-product-iconbg {
		display: none;
	}

	.footer-bottom,
	.footer-link.footer-copyright {
		flex-flow: column;
		align-items: center;
	}

	.footer-logo {
		padding-bottom: 10px;
	}

	.footer-nav {
		padding: 10px 0 40px;
	}

	.footer-nav ul {
		display: none;
	}

	.footer-nav-typename {
		font-size: 12px;
	}

	.footer-link p,
	.footer-link a {
		line-height: 1.5em;
		text-align: center;
	}

	.totop {
		bottom: 16px;
	}

	.totop img {
		height: 30px;
	}

	/* 内页 */
	.about-intro-title {
		margin-top: 20px!important;
	}
	.about-intro-info{
		margin-top: 0!important;
	}

	.about-intro-main {
		padding-bottom: 20px!important;
	}

	.about-intro-num {
		position: relative;
		padding-bottom: 60px;
	}

	.about-intro-bg {
		right: 0;
	}

	.mind-pic li,
	.about-meeting-list li {
		width: 47.5%;
	}

	.about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet,
	.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet,
	.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 6px;
	}

	.about-history-content {
		width: 50%;
		padding-top: 0;
		padding-left: 20px;
	}

	.about-history-content .about-history-bg {
		left: 10px;
	}

	.about-history-pic {
		width: 50%;
	}

	.about-history-content .about-history-bg p {
		font-size: 110px;
	}

	.mind-main {
		padding-top: 40px;
	}

	.mind-intro {
		padding-top: 20px;
	}

	.mind-pic {
		margin-bottom: 50px;
	}

	.about-meeting {
		padding-bottom: 60px;
	}

	.about-meeting-main {
		margin-bottom: 30px;
	}

	.about-meeting-content {
		padding-top: 16px;
	}

	.about-meeting-title {
		font-size: 20px;
	}

	.about-meeting-list li {
		margin-right: 5%;
	}

	.about-duty-honor li {
		padding: 10px;
		height: 150px;
	}

	.platform-main {
		padding-bottom: 60px;
	}

	.platform-content {
		margin-bottom: 40px;
	}

	.platform-point p {
		font-size: 16px;
		line-height: 1.5em;
	}

	.platform-point p::before {
		top: 12px;
		width: 6px;
		height: 6px;
	}

	.research-honor-item {
		width: 49%;
		margin-right: 2%;
	}

	.research-honor-item:nth-child(4n) {
		margin-right: 2%;
	}

	.research-honor-item:nth-child(2n) {
		margin-right: 0;
	}

	.news {
		padding-bottom: 60px;
	}

	.news-item,
	.news-video-list li {
		width: 49%;
	}

	.news-item:nth-child(3n),
	.news-video-list li:nth-child(3n) {
		margin-right: 2%;
	}

	.news-item:nth-child(2n),
	.news-video-list li:nth-child(2n) {
		margin-right: 0;
	}

	.com-page {
		margin-top: 50px;
	}

	.com-page-item span,
	.com-page-item a {
		margin-right: 10px;
	}

	.develop-content {
		flex-flow: column;
	}

	.develop-item {
		display: flex;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.develop-item:nth-child(2) {
		flex-direction: row-reverse;
	}

	.develop-item:last-child {
		margin-bottom: 0;
	}

	.develop-pic {
		width: 50%;
	}

	.develop-msg {
		width: 50%;
		box-sizing: border-box;
		padding: 0 10px;
		margin-top: 0;
	}

	.develop-msg p {
		font-size: 14px;
		line-height: 1.2em;
	}

	.society li.society-title {
		padding: 0;
	}

	.society-item-type {
		padding: 10px 0;
	}

	.society li.society-title {
		height: 50px;
	}

	.society-item-type {
		min-height: 70px;
	}

	.society-item-type p.position {
		font-size: 16px;
	}

	.society li p.num {
		width: 77px;
	}

	.society-info {
		padding: 10px 10px 0 10px;
	}
}

@media screen and (max-width:600px) {
	.i-banner-text p {
		font-size: 24px;
	}

	.i-banner-text p.en {
		margin-top: 5px;
		font-size: 16px;
	}

	.i-banner-page li.on {
		margin-right: 60px;
	}

	.i-banner-page li::after {
		right: -55px;
		width: 50px;
	}

	.i-com-title .cn,
	.i-product-title {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.i-com-title .en {
		font-size: 16px;
	}

	.i-about-shares {
		margin: 20px 0 30px;
		font-size: 16px;
	}

	.i-about-msg p {
		margin-bottom: 14px;
		font-size: 14px;
		line-height: 1.5em;
	}

	.i-about-number {
		margin: 20px 5px 30px;
	}

	.i-about-number p span,
	.i-about-number p i {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.i-product-type {
		margin: 20px 0;
		font-size: 22px;
	}

	.i-product-msg {
		width: 90%;
		line-height: 1.5em;
		font-size: 14px;
	}

	.i-product-move {
		padding: 6px 5px;
	}

	.i-product-more {
		width: 30px;
		height: 30px;
	}

	.i-product-more span {
		font-size: 12px;
	}

	.i-product-menu {
		height: 90px;
	}

	.i-product-menuname p.cn {
		font-size: 14px;
	}

	.i-product-logo {
		height: 40px;
	}

	.i-product-logoicon {
		height: 30px;
	}

	.i-product {
		height: 500px !important;
	}

	.i-culture-content {
		margin-top: 30px;
	}

	.i-culture-content li {
		width: 100% !important;
	}

	.i-culture-content li a p {
		font-size: 20px;
	}

	.i-news-item {
		padding-bottom: 30px;
	}

	.i-news-name {
		margin-bottom: 20px;
	}

	/* .i-news-latest{height: 200px;} */
	.i-news-list {
		padding: 20px;
	}

	.i-news-title {
		margin-top: 10px;
		font-size: 16px;
	}

	.i-news-msg {
		margin: 10px 0 -4px;
	}

	.i-news-link {
		display: none;
		right: -24px;
		width: 34px;
		height: 34px;
	}

	.footer {
		padding-top: 20px;
	}

	.footer-logo {
		padding-bottom: 20px;
	}

	/* 内页 */
	.inner-pic p.cn {
		font-size: 30px;
	}

	.inner-pic p.en {
		font-size: 20px;
	}

	.about-intro-info,
	.about-intro-content {
		font-size: 14px;
	}

	.about-intro-num li .about-intro-value {
		font-size: 24px;
	}

	.about-intro-bg img {
		height: 90px;
	}

	.about-adv,
	.system-slogan {
		height: 350px;
	}

	.about-leader {
		padding-top: 100px;
	}

	.about-leader-part {
		padding: 40px 0;
	}

	.about-leader-show {
		margin-top: 20px;
	}

	.about-leader-main {
		padding-bottom: 30px;
	}

	.about-leader-item {
		width: 100%;
	}

	.about-history-item {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.about-history-time,
	.about-history-photo {
		margin-top: 40px;
	}

	.about-history-content {
		width: 100%;
		min-height: 100px;
		box-sizing: border-box;
		padding: 20px 0;
	}

	.about-history-line span {
		font-size: 24px;
	}

	.about-history-content .about-history-bg {
		bottom: 0;
		left: 0;
	}

	.about-history-content p {
		font-size: 14px;
	}

	.about-history-content .about-history-bg p {
		font-size: 90px;
	}

	.about-history-pic {
		width: 100%;
		padding-bottom: 30px;
	}

	.about-meeting-part,
	.mind-pic {
		padding-bottom: 30px;
	}

	.honor-pic {
		height: 220px;
		padding: 10px;
	}

	.culture {
		padding-top: 30px;
	}

	.culture-title {
		font-size: 20px;
	}

	.culture-title::before {
		height: 20px;
	}

	.hope-msg {
		height: 150px;
		padding-top: 30px;
	}

	.hope-title {
		font-size: 22px;
	}

	.hope-slogan {
		margin-top: 18px;
		font-size: 16px;
	}

	.hope-menu {
		height: calc(100% - 160px);
	}

	.culture-vision {
		margin: 30px auto 50px;
	}

	.culture-fighter-main {
		padding-top: 36px;
	}

	.culture-fighter-pic {
		height: 260px;
	}

	.culture-fighter-bg img {
		width: 340px;
	}

	.culture-fighter-content p {
		padding-left: 14px;
		font-size: 14px;
	}

	.culture-fighter-content p::before {
		width: 8px;
		height: 8px;
	}

	.about-leader-bg,
	.culture-mind-bg {
		height: 210px;
	}

	.mind-part,
	.com-leader-title,
	.about-leader-show {
		width: 92%;
	}

	.mind-intro p {
		font-size: 14px;
	}

	.about-duty {
		padding-top: 30px;
	}

	.about-meeting-main {
		flex-direction: column-reverse;
	}

	.about-meeting-content,
	.about-meeting-pic {
		width: 100%;
	}

	.about-meeting-pic {
		height: 300px;
	}

	.about-meeting-pic img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.about-meeting-msg {
		margin-top: 10px;
	}

	.about-meeting-title {
		font-size: 18px;
	}

	.about-meeting-pic {
		height: 270px;
	}

	.about-duty-adv {
		height: 400px;
	}

	.duty-adv-main img {
		height: 50px;
	}

	.duty-adv-title {
		margin: 30px 0 20px;
		line-height: 1.2em;
		font-size: 20px;
	}

	.about-duty-honor {
		padding: 60px 0 30px;
	}

	.about-duty-honor li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 40px;
	}

	.about-duty-honor li:nth-child(3n) {
		margin-right: 4%;
	}

	.about-duty-honor li:nth-child(2n) {
		margin-right: 0;
	}


	.com-type {
		padding: 20px 0 10px;
	}

	.com-nav-mobile-typename {
		height: 40px;
		font-size: 14px;
	}

	.com-nav-mobile-link {
		top: 60px;
	}

	.com-nav-mobile-link a {
		font-size: 14px;
		line-height: 30px;
	}

	.equipment-text .equipment-title,
	.equipment-photo .equipment-parttitle {
		font-size: 20px;
	}

	.equipment-text .equipment-title span::after {
		bottom: -5px;
	}

	.equipment-item .equipment-intro {
		padding: 0 10px;
	}

	.equipment-item {
		width: 100%;
		margin-right: 0;
	}

	.equipment-text {
		padding: 20px 0 40px;
	}

	.equipment-item .equipment-info {
		min-height: 60px;
	}

	.equipment-text .equipment-msg {
		font-size: 14px;
		line-height: 1.5em;
	}

	.platform {
		margin-top: 26px;
	}

	.platform-content {
		margin: 20px 0 40px;
	}

	.platform-point p {
		padding: 0 10px;
	}

	.platform-main-title,
	.achievement-slogan-title {
		font-size: 20px;
	}

	.platform-msg p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.research-honor-title p {
		font-size: 14px;
	}

	.achievement-main {
		padding-bottom: 10px;
	}

	.achievement-slogan {
		padding: 26px 0 30px;
	}

	.achievement-slogan-title {
		margin-bottom: 10px;
	}

	.achievement-slogan-msg,
	.achievement-content-msg p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.achievement-awards-content {
		padding: 40px 0;
	}

	.achievement-content-icon {
		width: 90px;
		height: 34px;
	}

	.achievement-content-icon p {
		font-size: 16px;
	}

	.achievement-content-msg {
		width: calc(100% - 90px);
		margin-top: 0;
	}

	.tech {
		padding: 30px 0 60px;
	}

	.tech-item-title p {
		font-size: 20px;
	}

	.tech-item-num {
		height: 70px;
	}

	.tech-item {
		padding: 28px 0 40px;
	}

	.tech-item-msg {
		font-size: 14px;
		line-height: 1.5em;
	}

	.tech-item-title p {
		padding-left: 18px;
	}

	.tech-item-title p::before {
		width: 6px;
		height: 6px;
	}

	.patent-content {
		padding: 20px 0;
		font-size: 20px;
	}

	.system-book-item {
		width: 32%;
		margin-right: 2%;
	}

	.system-book-item:nth-child(5n) {
		margin-right: 2%;
	}

	.system-book-item:nth-child(4n) {
		margin-right: 2%;
	}

	.system-book-item:nth-child(3n) {
		margin-right: 0;
	}

	.system-book-name {
		font-size: 14px;
		line-height: 1.2em;
	}

	.system-bg {
		padding-bottom: 60px;
	}

	.system-content {
		margin: 20px auto 0;
	}

	.system-content p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.system-slogan-title {
		font-size: 22px;
	}

	.system-slogan-msg {
		font-size: 16px;
	}

	.system-book {
		padding: 10px 0 0;
	}

	.system-book-title .cn {
		font-size: 24px;
	}

	.news-list {
		margin-top: 40px;
	}

	.news-item-title {
		font-size: 14px;
	}

	.news-item-msg,
	.news-item-time {
		font-size: 12px;
	}

	.com-page-item span,
	.com-page-item a {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.com-list-time {
		width: 95px;
		padding-left: 20px;
	}

	.com-list-time .date {
		font-size: 34px;
	}

	.com-list-time .year {
		font-size: 12px;
	}

	.com-list-content {
		width: calc(100% - 95px);
	}

	.com-list-content .com-list-title {
		font-size: 16px;
	}

	.com-list-content .com-list-msg {
		font-size: 14px;
		line-height: 1.2em;
	}

	.news-video {
		margin-top: 20px;
	}

	.news-video-list li {
		width: 49%;
	}

	.news-video-list li:nth-child(3n) {
		margin-right: 2%;
	}

	.news-video-list li:nth-child(2n) {
		margin-right: 0;
	}

	.news-video-list li .news-video-name {
		margin: 10px 0 20px;
		font-size: 14px;
	}

	.news-player {
		width: 90px;
		height: 90px;
	}

	.news-player img {
		width: 30px;
	}

	.develop-content {
		margin-top: 25px;
	}

	.develop-msg {
		margin-top: 0;
		padding: 0 4px;
	}

	.develop-msg p {
		font-size: 12px;
	}

	.recruitment-nav {
		margin: 20px 0;
	}

	.recruitment-nav a {
		width: 120px;
		height: 45px;
		margin: 0 20px;
		border-width: 1px;
		font-size: 14px;
	}

	.society {
		overflow-x: auto;
	}

	.society-list {
		width: 540px;
	}

	.society li.society-title {
		padding: 0 5px;
	}

	.society-item-type {
		padding: 10px 5px;
	}

	.recruitment-btn {
		width: 110px;
		height: 35px;
		margin-bottom: 20px;
	}

	.recruitment-btn span {
		font-size: 16px !important;
	}

	.campus-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 10px;
	}

	.campus-title {
		padding-bottom: 10px;
	}

	.campus-title-num {
		font-size: 30px;
	}

	.campus-title-name {
		font-size: 16px;
	}

	.campus-msg {
		height: auto;
	}

	.join-form {
		width: 70%;
	}

	.join-form .join-form-input,
	.join-form textarea {
		font-size: 14px;
	}

	.join-close {
		width: 35px;
		height: 35px;
	}

	.join-btn {
		margin-top: 25px;
	}

	.join-btn .join-file,
	.join-btn .join-btn-item {
		font-size: 14px;
	}

	.join-btn .join-btn-item {
		width: 110px;
		height: 35px;
	}

	.join-form-tip {
		font-size: 12px;
	}

	.fixed-video-box {
		width: 80%;
		padding: 15px;
	}

	.article-title p {
		font-size: 18px;
		line-height: 1.2em;
	}

	.article-content {
		margin: 30px 0 60px;
	}

	.article-content p {
		font-size: 14px;
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	.article-main {
		padding: 20px;
	}

	.plan-title {
		width: calc(100% - 120px);
		font-size: 18px;
	}

	.plan-top {
		padding-bottom: 20px;
	}

	.plan-back {
		width: 100px;
		height: 35px;
	}

	.plan-back p {
		margin-right: 10px;
		font-size: 14px;
	}

	.plan-content p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.company-main {
		margin-top: 30px;
	}

	/* .company-nav .company-nav-item{height: 40px;} */
	.company-nav .company-nav-item p {
		width: 150px;
		font-size: 14px;
	}

	.company-text,
	.company-contact-ways {
		font-size: 14px;
		line-height: 1.5em;
	}
}

@media screen and (max-width:500px) {
	.i-banner-text p {
		font-size: 26px;
	}

	.i-banner-text p.en {
		font-size: 16px;
	}

	.w1600 {
		width: 90%;
	}

	.i-banner-text p {
		font-size: 22px;
	}

	.i-banner-scroll {
		bottom: 2%;
	}

	.footer-copyright span {
		display: block;
		text-align: center;
	}

	.footer-nav {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.footer-nav-item {
		text-align: center;
    	/* width: 33%; */
    	width: 25%;
		margin-bottom: 10px;
	}

	.footer-contact a {
		font-size: 14px;
	}

	.footer-bottom {
		padding: 10px 0;
	}

	.footer-link p,
	.footer-link a {
		font-size: 12px;
	}

	/* 内页 */
	.inner-nav-content {
		height: 40px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
		justify-content: flex-start;
	}

	.inner-nav-content::-webkit-scrollbar {
		display: none;
	}

	.inner-nav-content li {
		width: auto;
	}

	.inner-nav-content li a {
		width: 90px;
		line-height: 40px;
	}

	.about-intro-num li {
		margin-right: 20px;
	}

	.about-intro-unit {
		line-height: 1.2em;
	}

	.about-intro-bg img {
		height: 64px;
	}

	.about-leader-item {
		width: 100%;
	}

	.about-history-item {
		flex-wrap: wrap;
	}

	.about-history-content {
		width: 100%;
	}

	.about-history-time,
	.about-history-photo {
		margin-top: 34px;
	}

	.about-history-pic,
	.mind-pic li {
		width: 100%;
	}

	.about-history-year {
		margin-top: 5px;
		font-size: 14px;
	}

	.honor {
		padding: 50px 0 20px;
	}

	.honor-part {
		width: 49%;
		padding-right: 2%;
		margin-top: 40px;
		padding-bottom: 30px;
	}

	.honor-part:nth-child(3n) {
		padding-right: 2%;
	}

	.honor-part:nth-child(2n) {
		padding-right: 0;
	}

	.hope-msg {
		height: 130px;
	}

	.hope-title {
		font-size: 20px;
	}

	.hope-slogan {
		margin-top: 10px;
		;
		font-size: 14px;
	}

	.hope-pic {
		height: 400px;
	}

	.hope-menu {
		height: calc(100% - 140px);
	}

	.hope-menu-main p {
		margin-top: 10px;
	}

	.hope-menu-icon {
		height: 35px;
		padding-top: 5px;
	}

	.hope-menu-icon span {
		font-size: 26px;
	}

	.hope-menu-icon span.icon-qiyelinian {
		font-size: 30px;
	}

	.platform-content {
		margin: 10px 0 40px;
	}

	.platform-point p {
		width: 100%;
	}

	.research-honor-title {
		min-height: 52px;
	}

	.achievement-content {
		flex-flow: column;
	}

	.achievement-content-icon {
		margin-bottom: 10px;
	}

	.achievement-content-msg {
		width: 100%;
		padding: 0;
	}

	.achievement-awards-pic {
		margin-top: 40px;
	}

	.achievement-awards-content {
		padding: 20px 0 40px;
	}

	.research-honor {
		padding-top: 40px;
	}

	.research-honor-list {
		margin-bottom: 0;
	}

	.patent-content {
		font-size: 16px;
	}

	.system-book-item {
		width: 49%;
		margin-right: 2%;
	}

	.system-book-item:nth-child(5n) {
		margin-right: 2%;
	}

	.system-book-item:nth-child(4n) {
		margin-right: 2%;
	}

	.system-book-item:nth-child(3n) {
		margin-right: 2%;
	}

	.system-book-item:nth-child(2n) {
		margin-right: 0;
	}

	.system-book-name {
		margin-top: 10px;
	}

	.patent-content .patenticon {
		width: 40px;
	}

	.patent-book {
		padding-top: 40px;
	}

	.news-list {
		margin-bottom: -40px;
	}

	.news-item,
	.news-video-list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.news-item:nth-child(3n),
	.news-video-list li:nth-child(3n) {
		margin-right: 0;
	}

	.news-item:nth-child(2n),
	.news-video-list li:nth-child(2n) {
		margin-right: 0;
	}

	.news-video-list li .news-video-name {
		margin-bottom: 0;
	}

	.com-page-item span,
	.com-page-item a {
		width: 26px;
		height: 26px;
		margin-right: 5px;
	}

	.com-list-item {
		padding: 25px 0;
	}

	.com-list-time {
		width: 68px;
		padding-left: 10px;
	}

	.com-list-time .date {
		font-size: 28px;
	}

	.com-list-content {
		width: calc(100% - 68px);
		padding-right: 10px;
	}

	.article-title p {
		font-size: 16px;
	}

	.plan-top {
		flex-flow: column;
		align-items: flex-start;
	}

	.plan-title {
		width: 100%;
		padding: 0;
	}

	.plan-back {
		margin-top: 10px;
	}

	/* .com-type-item p{width: 110px;} */
}
@media screen and (max-width:400px) {
	.w1500 {
		width: 95%;
	}

	.header-logo,
	.footer-logo>a {
		height: 40px;
	}

	.header-lang {
		margin-right: 10px;
	}

	.header-lang-btn p {
		margin: 0 10px;
		font-size: 14px;
	}

	.header-lang-slide li a {
		padding-left: 0;
		text-align: center;
		font-size: 14px;
	}

	.i-banner-text p {
		font-size: 19px;
	}

	.i-about-number p {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.i-about-number p span,
	.i-about-number p i {
		font-size: 18px;
	}

	#modalText {
		font-size: 16px;
	}

	.i-culture-item {
		width: 260px;
		height: 260px;
	}

	.i-news-title {
		font-size: 14px;
	}

	.i-news-msg {
		font-size: 12px;
	}

	.footer-share span {
		font-size: 24px;
	}

	/* .footer-nav{padding: 10px 0 20px;} */
	/* 内页 */
	.about-intro-content p img {
		width: 100%;
	}

	.about-intro,
	.about-padding,
	.industrial-main,
	.research,
	.system-bg,
	.news,
	.company,
	.investment,
	.develop,
	.article,
	.plan-main {
		padding-top: 40px;
	}

	.about-intro-num ul {
		justify-content: space-between;
	}

	.about-intro-num li {
		margin-right: 0;
	}

	.about-intro-unit {
		font-size: 12px;
	}

	.about-intro-content,
	.about-history {
		padding: 40px 0;
	}

	.about-leader-show {
		margin-top: 30px;
	}

	.about-intro-content p,
	.culture-fighter-content p {
		margin-bottom: 1em;
	}

	.culture-fighter-main {
		padding-top: 28px;
	}

	.culture-fighter-bg img {
		width: 280px;
	}

	.about-meeting-list li {
		width: 100%;
	}

	.about-meeting-pic {
		height: 200px;
	}

	.about-meeting-img {
		padding-bottom: 64.1%;
	}

	.research-honor-item,
	.achievement .research-honor-item {
		width: 100%;
		margin-right: 0;
	}

	.patent-content .patenticon {
		display: none;
	}

	.system-slogan-title {
		font-size: 20px;
	}

	.system-slogan-msg {
		font-size: 14px;
	}

	.news-player {
		width: 70px;
		height: 70px;
	}

	.develop-item {
		flex-flow: column;
	}

	.develop-item:nth-child(2) {
		flex-direction: column;
	}

	.develop-pic,
	.develop-msg {
		width: 100%;
	}

	.develop-msg {
		margin: 10px 0;
	}
}


/* COMPANY CULTURE */
.Culture_box {
	/* border-top: 1px solid #dcdcdc; */
	margin-top: 45px;
}

/* .Culture_title {
	padding-left: 25px;
} */

.Culture_title.active {
	/* background: url(/upload/images/icon27.png) no-repeat center right 2px; */
}

.Culture_content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 40px;
	border-bottom: 1px solid #dcdcdc;
}

.Culture_content .lefts {
	padding-left: 105px;
	width: 41%;

}

.Culture_content .rights {
	width: 47.22%;
}

.Culture_content .lefts h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 20px;
}

.Culture_content .lefts p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
}



.course {
	overflow: hidden;
	width: 100%;
	background-size: cover;
	padding: 100px 0;
}

.course_box {
	width: 150%;
	overflow: hidden;
	margin-top: 70px;
}

.course .index_title {
	color: #fff;
}

.rights img {
	display: block;
	font-size: 0px;
	max-width: 100%;
}



.Culture_title h3 {
	font-size: 22px;
	line-height: 90px;
	padding-left: 80px;
	color: #0061ae;
	font-weight: bold;
}

.Culture_content .lefts h4 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 14px;
	font-weight: 400;
}



/* 发展历程 */
.Quality .QualityL {
	position: relative;
}

.Quality .QualityL,
.GroupProfi .QualityL {
	float: none;
	width: 100%;
}

.QualityL,
.QualityLs {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.DeveHistory {
	margin: 50px auto 0;
	position: relative;
}

.DeveHistoryLogo {
	width: 100%;
	height: 36px;
	background-image: url(/upload/images/logo5.png);
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: 10%;
}

.DeveHistoryFx:nth-of-type(2) .DeveHistoryFxL,
.DeveHistoryFx:nth-of-type(2) .DeveHistoryTab:first-of-type {
	padding-top: 100px;
}

.DeveHistoryFx.active .DeveHistoryFxL {
	color: #0061ae;
}

.DeveHistoryFxL {
	float: left;
	width: 10%;
	font-size: 30px;
	color: #CCCCCC;
	font-family: "font";
	text-align: left;
	position: relative;
}

.DeveHistoryFx:nth-of-type(2) .DeveHistoryFxL::after {
	top: 89%;
}

.DeveHistoryFxL::after {
	content: '';
	background-image: url(/upload/images/line6.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: right;
	width: 28.7%;
	height: 5px;
	position: absolute;
	top: 38%;
	right: -15%;
}

.DeveHistoryFxR {
	float: right;
	width: 79.9%;
	padding-left: 9%;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 70px;
}

.DeveHistoryTab h2 {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	/* padding-right: 3%; */
	cursor: pointer;
	padding: 0 5% 0 0;
}

.DeveHistoryTab h2.Nor {
	background-image: url(/upload/images/jia.png);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: right;

}

.DeveHistoryTab.on h2.Nor {
	background-image: url(/upload/images/jian.jpg);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: right;

}

.DeveHistoryImg {
	margin: 25px 0 0;
	display: none;
}

.QualityL .DeveHistoryImg img {
	width: 460px;
	height: 280px;
	margin: 0 25px 25px 0px;
	float: left;
}

.DeveHistoryFx:last-child .DeveHistoryFxR {
	padding-bottom: 0;
}

.clearfix:after,
.Scroll:after,
.container:after {
	content: "";
	display: block;
	clear: both;
	vertical-align: middle;
	height: 0;
}

/* .pbtxts{

	top:35%;
	color:#fff;
	text-align:center;
	}
.pbtxts .ch{
	font-size:30px;
	font-weight:bold;
	}
.pbtxts .en{
	font-family:Arial;
	font-size:36px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	}
.pbtxts .line{
	width:50px;
	height:4px;
	background:#fff;
	margin:13px auto 0 auto;
	}
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_15{ transition-delay:150ms; -webkit-transition-delay:150ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_45{ transition-delay:450ms; -webkit-transition-delay:450ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; } */


/* 主营业务 */
/* container */
.m2stu1 {
	margin: 48px -15px 0px;
}

.m2stu1 li {
	float: left;
	width: 48%;
	margin-bottom: 30px;
	position: relative;
	margin: 0 1% 2%;
}

.m2stu1 {
	display: block;
}

.m2stu1 .overflowHide {
	height: 300px;
	overflow: hidden
}

.m2st_icon {
	height: 104px;
	width: 104px;
	border: 3px solid #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -52px;
	margin-left: -52px;
	z-index: 1;
	border-radius: 50%;
	transition: all 0.5s ease-in-out;
}

.m2st_icon img {
	transform: translate(-50%, -50%) !important;
	position: absolute;
	left: 50%;
	top: 50%;
}

.m2stLayer {
	transition: all 0.5s ease-in-out;
	background: rgba(39, 82, 147, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #fff;
	z-index: 2;
	bottom: 0;
	transform: translateY(30px);
	opacity: 0;
}

.m2stLytxt {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	/* width:100%; */
	padding: 0 72px;
}

.m2stLayer strong {
	display: block;
	line-height: 38px;
	height: 38px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.m2stLayer strong img {
	width: 38px;
	height: 38px;
	margin-right: 8px;
}

.m2stLayer strong img,
.m2stLayer strong text {
	vertical-align: middle;
	float: left;
}

.m2stLayer p {
	font-size: 14px;
	line-height: 24px;
}

.m2st_aBox:hover .m2stLayer {
	transform: translateY(0);
	opacity: 1;
}

.m2st_aBox:hover .m2st_icon {
	opacity: 0;
}

.m2slBom {
	background: #f2f2f2 url(/upload/images/m2st_t.png) no-repeat right bottom;
	padding: 20px 0px;
	margin-top: 45px;
}

.m2slFm {
	background: #FFF url(/upload/images/m2sl_ar.png) no-repeat right center;
	float: left;
	width: 758px;
	padding: 28px 94px 34px 55px;
	min-height: 408px;
	position: relative;
}

.m2slFm h6 {
	line-height: 36px;
	font-weight: normal;
	font-size: 18px;
	display: block;
	margin-bottom: 11px;
}

.m2slfmul {
	margin: 0px -7px;
}

.m2slfmul li {
	padding: 0px 7px;
	margin-bottom: 14px;
}

.m2slfmul li input {
	line-height: 38px;
	padding: 0px 20px;
	height: 40px;
	width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 0.2em;
	font-size: 14px;
	color: #666;
}

.m2slfmul li input:focus {
	border: 1px solid #275293;
	box-shadow: 0 0 10px rgba(39, 82, 147, 0.25)
}

.m2slfmul li select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #D5D5D5;
	background: transparent url(/upload/images/m2serAr.jpg) no-repeat right center;
	padding-right: 15px;
	opacity: 1;
	color: #888;
	font: 14px/38px "思源黑体";
	width: 100%;
	height: 40px;
	padding-left: 12px;
	border-radius: 0.2em;
}

.m2slfmul li textarea {
	line-height: 24px;
	padding: 9px 20px;
	height: 130px;
	width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 0.2em;
	font-size: 14px;
	color: #666;
}

.m2slfmul li textarea:focus {
	border: 1px solid #275293;
	box-shadow: 0 0 10px rgba(39, 82, 147, 0.25)
}

.m2slSubmit {
	line-height: 40px;
	background: #0562B5;
	height: 40px;
	width: 94px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	display: block;
	border-radius: 0.2em;
	margin-top: 8px;
}

.m2slSubmit:hover {
	color: #FFFFFF;
	background: #275293;
	transform: translateY(-2px);
	box-shadow: 0 2px 5px rgba(39, 82, 147, 0.2)
}

.m2slBrx {
	margin-left: 836px;
	padding: 80px 0px;
}

.m2slBrx strong {
	font-size: 36px;
	font-weight: normal;
	display: block;
	line-height: 56px;
	margin-bottom: 10px;
}

.m2slBrx p {
	font-size: 14px;
	line-height: 36px;
}

.scaleImg .bgImg {
	transition: all 0.5s ease-in-out;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


/* 新闻中心 */
.module_container {
	background: #fff;
}

.inner .section {
	margin-top: 40px;
	padding: 10px 0 70px;
	background-color: #fff;
}

.inner .section h2 {
	font-size: 26px;
	color: #666;
	line-height: 1.2;
	font-weight: 400;
}

.news_top .mySelect {
	float: left;
}

.news_top .search_box {
	float: right;
	margin-left: 30px;
	padding-top: 2px;
	padding-left: 2px;
	width: 380px;
	background-color: #f5f5f5;
}

.news_top .search_box.on,
.news_top .search_box:hover {
	background-color: #0061ae;
}

.news_top .search_box.on .search_btn,
.news_top .search_box:hover .search_btn {
	background-image: url(/upload/images/search_on.png);
}

.news_top .search_box input {
	float: left;
	padding: 0 25px;
	width: 246px;
	height: 56px;
	line-height: 56px;
	background-color: #fff;
	color: #6d5647;
	font-size: 15px;
	border: none;
}

.news_top .search_box input:focus {
	border: none;
}

.news_top .search_btn {
	float: left;
	width: 80px;
	height: 58px;
	background: url(/upload/images/search.png) no-repeat center;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: none;
}

.news_list {
	margin-top: 40px;
	padding-top: 36px;
	border-top: 2px solid #f5f5f5;
}

.news_list ul {
	margin-right: -30px;
	overflow: hidden;
}

.news_list li {
	float: left;
	margin-right: 30px;
	margin-bottom: 50px;
	width: 352px;
	position: relative;
}

.news .news_list li {
	height: 430px;
}

.news_list li a {
	display: block;
	position: relative;
}

.news_list li .cont {
	overflow: hidden;
}

.news_list li .date2,
.news_list li .des2 {
	display: none;
}

.mySelect .drapList:hover::-webkit-scrollbar {
	display: block;
}

.news_list li .img {
	margin-bottom: 25px;
	overflow: hidden;
	background: #f5f5f5;
}

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

.news_list li .img .iy {
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
	position: absolute;
	left: 0;
	top: 0;
	/* background:url("/upload/images/2023/5/400586758ab8e43f.png") center center no-repeat; */
	background-size:80%;
}
.news_list li .img .iy img{
	position: absolute;
}
.bgImg{
	left: 50%;
	top: 50%;
	width: 80%!important;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.tpImg{
	z-index: 98;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position:absolute;
}

.news_list li .img {
	/* height: 215px; */
	height: 153px;
	position: relative;
}

.news_list li .img img {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	width: 100%;
	/* height: 215px; */
}

.news_list li .date {
	position: relative;
	float: left;
	padding-right: 10px;
	margin-right: 15px;
	width: 65px;
	height: 134px;
	color: #0061ae;
	line-height: 30px;
	text-align: right;
	border-left: 2px solid #f5f5f5;
	font-size: 16px;
	font-weight: bold;
}

.news_list li .date:after {
	content: '';
	position: absolute;
	top: 0;
	right: -2px;
	width: 2px;
	height: 0;
	background-color: #0061ae;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.news_list li .date span {
	display: block;
	font-size: 36px;
	font-family: Rubik-Regular;
}

.news_list li .mid {
	float: left;
	padding-top: 15px;
	width: 250px;
}

.news_list li h4 {
	margin-top: -14px;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 30px;
	color: #6d5647;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news_list li .des {
	color: #877061;
	opacity: .7;
	line-height: 24px;
	font-size: 15px;
}

.news_list li .news-more {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-right: 40px;
	line-height: 29px;
	font-size: 16px;
	color: #666;
	background: url(/upload/images/right-arrow.jpg) no-repeat right center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.news_top {
	position: relative;
	z-index: 2;
	padding-bottom: 10px;
}

.news_top .type_toggle {
	float: left;
	margin-right: 140px;
	overflow: hidden;
}

.news_top .type_toggle a {
	display: block;
	float: left;
	padding-left: 52px;
	width: 80px;
	height: 60px;
	line-height: 60px;
	background: #f5f5f5 no-repeat 20px center;
	color: #b5b0a5;
	font-size: 16px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.news_top .type_toggle a.on,
.news_top .type_toggle a:hover {
	color: #fff;
	background-color: #0061ae;
}

.news_top .type_toggle a.type1 {
	margin-right: 10px;
	background-image: url(/upload/images/news_icon1.png);
}

.news_top .type_toggle a.type1.on,
.news_top .type_toggle a.type1:hover {
	background-image: url(/upload/images/news_icon1_on.png);
}

.news_top .type_toggle a.type2 {
	background-image: url(/upload/images/news_icon2.png);
}

.news_top .type_toggle a.type2.on,
.news_top .type_toggle a.type2:hover {
	background-image: url(/upload/images/news_icon2_on.png);
}

.mySelect {
	position: relative;
	width: 380px;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	color: #a6a6a6;
	color: #fff;
}

.mySelect .show_box {
	padding-top: 2px;
	padding-left: 2px;
	height: 60px;
	background-color: #e0e0e0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.mySelect .show_box.on,
.mySelect .show_box:hover {
	background-color: #0061ae;
}

.mySelect .show {
	z-index: 1;
	position: relative;
	padding: 0 25px;
	width: 250px;
	line-height: 58px;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	color: #6d5647;
	border-right: none;
	background-color: #fff;
	font-size: 15px;
}

.mySelect .show:after {
	content: '';
	position: absolute;
	top: -2px;
	left: 100%;
	width: 80px;
	height: 60px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: url(/upload/images/arrow_down.png) no-repeat center;
}

.mySelect .show_box.on .show:after,
.mySelect .show_box:hover .show:after {
	background-image: url(/upload/images/arrow_down_white.png);
}

.mySelect .show em {
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -3px;
}

.mySelect .drapList {
	display: none;
	position: absolute;
	top: 70px;
	left: 0;
	max-height: 160px;
	overflow: auto;
	width: 100%;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

.mySelect .drapList li {
	padding-left: 15px;
	line-height: 40px;
	color: #999;
	cursor: pointer;
}

.mySelect .drapList li:hover {
	background-color: #f5f5f5;
}

.mySelect .drapList::-webkit-scrollbar {
	display: none;
}

.news_top .mySelect {
	float: left;
}

.news .news_list li {
	height: 430px;
}

.list_style {
	margin-top: 0;
	border-top: none;
}

.list_style ul {
	margin-right: 0;
}

.list_style .img,
.list_style li .date,
.list_style li .des {
	display: none;
}

.list_style li {
	margin-bottom: 0;
	width: 100%;
}

.news .list_style li {
	height: 165px;
}

.list_style ul {
	border-top: 2px solid #f5f5f5;
}

.list_style li a {
	padding-top: 40px;
	padding-bottom: 35px;
	border-bottom: 2px solid #f5f5f5;
	border-left: none;
	border-right: none;
}

.list_style li a:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #0061ae;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.list_style li .date2 {
	display: block;
	float: left;
	width: 190px;
	font-size: 20px;
	color: #958f89;
	font-family: Rubik-Regular;
	line-height: 30px;
}

.list_style li .mid {
	float: left;
	width: 100%;
}

.list_style li h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}

.list_style li .des2 {
	display: block;
	line-height: 24px;
	color: #958f89;
}

.list_style li .news-more {
	width: 40px;
	height: 29px;
	left: auto;
	right: 0;
	top: 47px;
	bottom: auto;
	font-size: 0;
}

.list_style .com_more {
	margin-top: 40px;
}

.news_list li a:hover:before {
	width: 100%;
}

.news_list li a:hover .img tpImg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.news_list li a:hover h4 {
	color: #0061ae;
}

.news_list li a:hover .news-more {
	background-image: url(/upload/images/right-arrow_red.jpg);
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

.news_xx_div {
	width: 100%;
	height: auto;
	padding: 50px 0;
}

.news_xx_div h2.h2 {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 28px;
	line-height: 44px;
	color: #111111;
	font-weight: bold;
}

.news_xx_div p.time {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	color: #666666;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 40px;
}

.news_xx_div span {
	white-space:normal;
}

.news_xx_c {
	width: 100%;
	height: auto;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.news_xx_div p.next a {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	color: #6b6b6b;
	float: left;
	overflow: hidden;
	border-top: 1px solid #f2f2f2;
}

.news_xx_c b {
	width: 100%;
	height: auto;
	float: left;
}

.news_xx_c {
	font-size: 16px !important;
	;
	line-height: 30px !important;
	;
	text-indent: 32px !important;
	;
	color: #555 !important;
	;
	font-family: "思源黑体" !important;
}

.news_xx_c p {
	font-size: 16px !important;
	;
	line-height: 30px !important;
	;
	text-indent: 32px !important;
	;
	color: #555 !important;
	;
	font-family: "思源黑体" !important;
}

.news_xx_c .p-img {
	margin: 20px 0;
	text-align: center;
}

.news_xx_c p img {
	text-align: center;
}

.news_xx_c img {
	display: inline-block !important;
	width: 640px !important;
	margin: 15px !important;
}

.details-bot {
	font-size: 16px;
	line-height: 32px;
}

.details-bot p a {
	height: 40px;
	line-height: 40px;
	color: #666;
}

.news-details-con {
	line-height: 1.8;
}

.news-content {
	margin-top: 40px;
	padding: 40px 0;
}

.pageBox {
	padding: 70px 0;
	overflow: hidden;
	text-align: center;
	clear: both;
}

.pageBox li {
	float: left;
}

.pageBox code,
.pageBox a {
	margin: 0 5px;
	padding: 10px 13px;
	color: #383838;
	font-size: 16px;
	border: 1px solid #dddcdc;
	font-family: "microsoft yahei";
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	text-decoration: none;
}

.pageBox li.thisclass {
	width: 50px;
	line-height: 30px;
}



.pageBox span.current {
	margin: 0 10px;
	padding: 10px 16px;
	background: #0061ae;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px #0061ae solid;
}

.pageBox code,
.pageBox a:hover {
	background: #0061ae;
	color: #fff;
	border: 1px #0061ae solid;
}


/* 发展战略 */

.submain .submain-top {
	min-height: 285px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 40px;
	background-color: #fff;
	padding-top: 30px;
}

.submain .leftcon {
	width: 75%;
	float: left;
}

.submain .leftcon .entypename {
	min-height: 94px;
	background: url(/upload/images/ZHUYINGYEWU/img01.jpg) right center no-repeat;
	margin-top: 54px;
	margin-bottom: 44px;
	font-size: 56px;
}

.submain .leftcon .entypename span {
	color: #585756;
	font-weight: bold;
	text-transform: uppercase;
}

.submain .leftcon .entypename span:last-child {
	color: #0085c6;
	font-weight: normal;
	padding-left: 5px;
}

.submain .leftcon .entypename.yewu {
	font-size: 36px;
	line-height: 1.6;
}

.submain .leftcon .entypename.yewu span {
	display: block;
}

.submain .rightcon {
	width: 25%;
	min-height: 400px;
	background: url(/upload/images/ZHUYINGYEWU/img01.jpg) right top no-repeat;
	float: right;
	background-size: 100% 100%;
}

.submain .leftcon .itembox .img {
	height: 400px;
	width: 47%;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.submain .leftcon .itembox .pricetext {
	width: 47%;
	height: 340px;
	float: left;
	background-color: #f5f5f5;
	padding: 30px 3%;
	line-height: 30px;
}

.submain .leftcon .itembox .pricetext h3 {
	font-size: 34px;
	color: #333;
	font-weight: bold;
}

.submain .leftcon .itembox .pricetext h4 {
	color: #585756;
	font-size: 22px;
}

.submain .leftcon .itembox .pricetext p {
	font-size: 14px;
	color: #bababa;
	font-weight: 300;
}

.submain .leftcon .itembox .pricetext p.bigen,
.submain .leftcon .itembox .text p.bigen {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	color: #ccc;
}

.submain .leftcon .itembox .pricetext p.endesc {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 2.5;
}

.submain-content img {
	width: 100%;
}

.fzBd-left {
	background: #f5f5f5;
	width: 70%;
	float: left;
	padding: 2.5%;
}

.fzBd-right {
	float: right;
	width: 25%;
	height: 475px;
}

.fzBd-right img {
	width: 100%;
	height: 100%;
}

.fz-tit h1 {
	font-size: 34px;
	font-weight: bold;
	padding: 15px 0;
}

.fz-con {
	line-height: 32px;
	padding: 20px 0 0;
	/* text-indent: 34px; */
}

.fzzl-ty dl {
	float: left;
	width: 25%;
	margin: 30px 0 0;
	display: grid;
	text-align: center;
}

.fzzl-ty dl dt {
	float: left;
}

.fzzl-ty dl dd {
	padding: 6px 0;
}

.fzzl-ty dl dd.zl-dd-en {
	font-size: 15px;
}

.fzzl-dj {
	background: #f5f5f5;
	width: 100%;
	height: 550px;
	margin: 40px 0;
}

.fz-left-img {
	height: 350px;
}

.fz-left-img img {
	height: 100%;
}

/* .wz-con{ width: 70%;} */
.fz-cn {
	font-size: 24px;
	color: #0061ae;
	line-height: 34px;
	padding: 30px 0 20px;
}

.fz-en {
	line-height: 22px;
}

.fz-js {
	line-height: 26px;
}

/* 组织架构 */
.frame .diagram {
	margin: 50px 0;
}

.frame .diagram img {
	margin: auto;
}

.frame .indu-org {
	max-width: 1300px;
	margin: 0 auto;
}

.frame .indu-org .ul li {
	float: left;
	width: 47.64%;
	margin-right: 4.72%;
	margin-bottom: 50px;
}

.frame .indu-org .ul li:nth-of-type(2n) {
	margin-right: 0;
}

.frame .indu-org .ul li a {
	color: #0061ae;
}

.frame .in-tit {
	line-height: 80px;
	background-color: #0061ae;
	color: #fff;
	margin: 0;
	font-size: 22px;
	padding: 0 5.5%;
	overflow: hidden;
	position: relative;
}

.frame .tit-num {
	font-size: 72px;
	font-family: "Oswald";
	color: rgba(255, 255, 255, 0.2);
	position: absolute;
	right: 5.5%;
	bottom: -35%;
}

.frame .indu-org article {
	min-height: 280px;
	border: 1px solid #e6ecef;
	padding: 20px 5.5%;
	font-size: 16px;
	color: #0061ae;
	line-height: 2.25;
}

/* 首页新闻中心 */
.news-box,
.business-box,
.about-box {
	width: 100%;
	
}

.main1 {
	width: 22.5%;
	float: left;
	margin: 1rem .6rem 0 .6rem;
}

.main1:first-child {
	margin-left: 0;
}

.main1:last-child {
	margin-right: 0;
}

.main1 img {
	width: 100%;
	height: 200px;
}

.main1_c_t {
	font-size: 16px;
	line-height: 26px;
	padding: 12px 0;
	font-weight: bold;
	overflow: hidden;
	height: 44px;
}

.main1_c_t a {
	color: #111;
}

.main1_c_c {
	font-size: 15px;
	color: #333;
}

.main1_c_c span {
	padding-right: 0.2rem;
}

.Amplification{ width: 100%; height:200px; display: block; background: url("/upload/images/2023/5/400586758ab8e43f.png") center center no-repeat #f5f5f5; background-size: 80%;}

/* 发展历程 */
.history-box {
	padding: 3rem 0 3.375rem;
}

.time-aside {
	float: left;
	width: 140px;
	text-align: right;
}

.time-aside .time-list {
	margin-bottom: 30px;
}

.time-aside .time-list:last-child {
	margin-bottom: 0;
}

.time-aside .tit {
	font-size: 18px;
	line-height: 24px;
	color: #0061ae;
	font-weight: bold;
	padding-right: .3rem;
}

.time-aside .tit a {
	color: #0061ae;
}

.time-aside .list {
	margin-top: 15px;
}

.time-aside .list a {
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #333;
	/* opacity: .5; */
	font-family: arial;
	margin-bottom: .3rem;
	transition: all .3s;
}

.time-aside .list a:last-child {
	margin-bottom: 0;
}

.time-aside .list a span {
	opacity: 0;
	transition: all .3s;
}

.time-aside .list a.cur {
	color: #0061ae;
	opacity: .8;
}

.time-aside .list a.cur span {
	opacity: 1;
}

.por {
	position: relative;
	margin-top: 20px;
}

.history-box.fix .time-aside {
	position: fixed;
	top: 120px;
}

.history-box.bottom .time-aside {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 9.375%;
}

.history-list {
	float: right;
	width: 75%;
	/* margin-right: 12.5%; */
	position: relative;
}

.history-list:before {
	content: "";
	position: absolute;
	left: 0;
	top: .25rem;
	width: 1px;
	height: calc(100% - .25rem);
	background-color: #0061ae;
}

.history-list .block {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
}

.history-list ul {
	margin-bottom: 2.15rem;
}

.history-list ul:nth-last-child(2) {
	margin-bottom: 0;
}

.history-list li {
	padding-left: 1.5rem;
	position: relative;
	margin-bottom: 2.15rem;
}

.history-list ul li:last-child {
	margin-bottom: 0;
}

.history-list li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	transform: translateX(-50%);
	width: .65rem;
	height: 1.125rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.history-list li .time {
	font-size: 16px;
	line-height: 24px;
	color: #0061ae;
	position: absolute;
	right: 100%;
	top: .3rem;
	padding-right: .75rem;
	font-family: arial;
	white-space: nowrap;
	transition: all .3s;
}

.history-list li .tit {

	font-size: 16px;
	line-height: 30px;
	color: #808080;
	/* width: 50%; */
	transition: all .3s;
}

.history-list li .img {
	margin: 15px 0 0 0;
	overflow: hidden;
}

.history-list li .img img {
	width: 30.686%;
	transition: all .3s;
	margin: 0 20px 20px 0;
}

.history-list li.active .time {
	font-size: .5rem;
	line-height: .6rem;
	color: #333232;
}

.history-list li.active .tit {
	font-weight: bold;
	font-size: .5rem;
	line-height: .8rem;
	color: #333;
}

.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}


/* 搜索 */
/* .header.on .header-input {
	background: #0061ae;
}
 */
.search-input {
	position: absolute;
	right: 0;
	top: 55px;
	width: 285px;
	z-index: 9999;
}

.input-text {
	height: 34px;
	border: 1px #0061ae solid;
	float: left;
	padding: 0 10px;
}

.input-btn {
	border: none;
	background: #0061ae;
	color: #fff;
	width: 58px;
	height: 36px;
	float: left;
}

.lists li {
	padding: 0 15px 0 30px;
	line-height: 60px;
	background: url(../upload/images/icon.png) 10px center no-repeat;
	color: #999;
	font-size: 16px;
	text-align: right;
	border-bottom: 1px #ddd dashed;
}

.lists li span {
	float: left;
	display: block;
}

.lists li span a {
	color: #666;
}

.lists li span a:hover {
	color: #ff3636;
}

.myinput {
	border: 1px solid #ccc;
	line-height: 30px;
	width: 200px;
}

.lists li span {
	float: none;
	display: inline
}

.lists li div {
	float: left;
}

.lists li div a {
	color: #666;
}

.page-this {
	border: 1px solid #D3D3D3;
	background-color: #E9E9E9;
	color: #D4105A;
	padding: 6px 11px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 16px;
}
.wapperBox .main{ margin: 40px auto;}
.position-com{ padding: 30px 0;}

/* 大事记 */
.warper{max-width:1300px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1500px; margin: 0 auto;}
.about-main2{height: 890px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{padding-top: 80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #0a3875;font-size: 30px; font-weight: bold; display: flex; padding: 10px 0;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #0A3875;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 258px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px; font-weight: bold;}
.about-main2 .licheng-content .right-text p{font-size: 16px; line-height: 24px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 30px;}


/* 海浪 */
@keyframes move_wave {
				0% {
					transform: translateX(0) translateZ(0) scaleY(1)
				}

				50% {
					transform: translateX(-25%) translateZ(0) scaleY(0.55)
				}

				100% {
					transform: translateX(-50%) translateZ(0) scaleY(1)
				}
			}

			.waveWrapper {
				overflow: hidden;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				margin: auto;
				z-index: -99;
			}

			.waveWrapperInner {
				position: absolute;
				width: 100%;
				overflow: hidden;
				height: 100%;
				bottom: -1px;
				background-image: linear-gradient(to top, #0598ff 20%, #0061ae 80%);
			}

			.bgTop {
				z-index: 15;
				opacity: 0.5;
			}

			.bgMiddle {
				z-index: 10;
				opacity: 0.75;
			}

			.bgBottom {
				z-index: 5;
			}

			.wave {
				position: absolute;
				left: 0;
				width: 200%;
				height: 100%;
				background-repeat: repeat no-repeat;
				background-position: 0 bottom;
				transform-origin: center bottom;
			}

			.waveTop {
				background-image: url("../upload/images/wave-top.png");
				background-size: 100%;
			}

			.waveAnimation .waveTop {
				animation: move-wave 3s;
				-webkit-animation: move-wave 3s;
				-webkit-animation-delay: 1s;
				animation-delay: 1s;
			}

			.waveMiddle {
				background-image: url("../upload/images/wave-mid.png");
				background-size: cover;
				"

			}

			.waveAnimation .waveMiddle {
				animation: move_wave 10s linear infinite;
			}

			.waveBottom {
				background-image: url("../upload/images/wave-bot.png");
				background-size: 100%;
			}

			.waveAnimation .waveBottom {
				animation: move_wave 15s linear infinite;
			}

/* 发展战略 */
.fzzl-ty dl{
				position: relative;
				margin-bottom: 28px;
				
			}
			.fzzl-ty dl dd.d1{
				position: absolute;
				width: 112px;
				top: -17px;
				left: 29%;
			}
			.fzzl-ty dl dd.d2{
				position: absolute;
				width: 112px;
				top: -17px;
				left: 29%;
			}
			
				.fzzl-ty dl dd.xuanzhuan img:hover {
							
							animation: mymove 5s infinite;
							-webkit-animation: mymove 5s infinite; /* Safari and Chrome */
						}
			
						@keyframes mymove {
							50% {
								transform: rotate(360deg);
							}
			
						}
						@-webkit-keyframes mymove{  /* Safari and Chrome */
							50% {
								transform: rotate(360deg);
							}
			
						}
			
		.fzzl-ty dl dt svg:hover {
			    height: 64px;
			    fill: black;
			    animation: spinner 1s steps(12, end) infinite;
				z-index: 9999;
			  }
			  
			@keyframes spinner {
			    to { transform: rotate(360deg); }
			}


/* 23.5.29 */
.dropdown-type{ overflow: hidden;}
.i-com-title .cn{ margin-bottom: 1rem;}
/* 首页-走进平陆 */
.index-about-box{ width: 100%; height: 100%;}
.view{ padding: 0 9.375%;}
.i-culture-main{ top:50%;}
.index-about .left{ float: left; width: 45%;}
.index-about .tit{ font-size: 1.35rem; line-height: 1.5rem; color: #000; margin-top: .4rem;}
.index-about .con{ font-size: .4rem; line-height: .8rem; color: #666; text-indent: 2em;}
 /* margin-top: 1.5rem; */
.con-box{ position: relative;}
.index-about-num{ position: inherit; left: 0;}
.index-about-num ul{ margin: 1rem 0;}
.index-about .index-more{ margin-top: 1.1rem;}
.index-more{width:3.875rem; height: 1rem; line-height: 1rem; background: #e62129; color: #fff; border-radius: .2rem; transition:all .5s ease; padding: .4rem 1rem;}
.index-right-about{float: left; width:50%; margin-left:5%;}



/* 首页-新闻中心 */
.i-news-name .i-com-title .cn{ margin-bottom: 0;}

/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
    .nav-main  .nav-item>a{
        font-size: 14px;
    }
}

.joinPL{
	color: #666;
	height:3rem; width:45%; float:left; line-height:1rem;
}
.mobileimg{
		display:none
	}
.isNOPCCSS{
	display: none;
}
.isPCCss{
	display: block;
}
.foocss{
	margin-top: 30px;
}
.f_b{
	background: #21242b;
/* height: 160px; */
color: #b7b7b7;
}
.f_b_c{
	padding: 16px 16px 6px;
}
.f_b_c p{
	margin-bottom: 10px;
	font-size: 14px;
}
.submitBtn{
	    border: 1px solid #ccc;
    line-height:30px;
	vertical-align: middle;
	width: 80px;
	text-align: center;
	outline: none;
	border-radius: none;
	box-sizing: border-box;
	background:#EFEFEF;
}