.w1240,
.inner {
	/* padding-left: 250px;
	padding-right: 250px; */
	max-width: 1240px;
	margin: auto;
	padding-left: 15px !important;
	padding-right: 15px !important;

}

body {
	font-family: 微软雅黑;
}

@font-face {
	font-family: 'DIN';
	/*字体名称*/
	src: url('../font/DIN-Medium.ttf');
	/*字体源文件*/

	src:
		url('../font/DIN-Medium.eot?#font-spider') format('embedded-opentype'),
		url('../font/DIN-Medium.woff') format('woff'),
		url('../font/DIN-Medium.ttf') format('truetype'),
		url('../font/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

img {
	max-width: 100%;
}

.w50 {
	width: 50%;
}

div:focus {
	cursor: pointer;
}

header {
	height: 84px;
}



header .heardform {
	width: 279px;
	height: 40px;
	border: 1px solid #0091d5;
	border-radius: 25px;
	border-right: none;
}

header .heardform input:first-child {
	padding: 0 20px;
	width: calc(100% - 40px);
}

header .heardform input:last-child {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: url(../images/search-btn.png) no-repeat center center #0091d5;
}

.wap-btn {
	display: none;
}

.header-tools {
	display: none;
}

header .header-tools {
	position: relative;
	float: right;
	width: 44px;
	height: 44px;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
	z-index: 1;
	margin-top: 10px;
}

header .header-tools.down {
	background: #cfcfcf;
	transition: all .17s;
}

header .nav-menu {
	position: absolute;
	top: 9px;
	left: 9px;
	width: 30px;
	height: 20px;
	transition: all .3s;
	z-index: 1;
}

header .nav-menu .nm {
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 5px;
	background: #0091d5;
	transition: all .5s;
}

header .nav-menu .nm3 {
	width: 82%;
}

header .nav-menu .nm1 {
	width: 70%;
}

header .nav-menu .nm2 {
	position: relative;
	z-index: 1;
	width: 100%;
}

header .nav-menu .nm2:before,
header .nav-menu .nm2:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0091d5;
	opacity: 0;
	z-index: 1;
}

header .nav-menu.show .nm {
	transition: all .5s, opacity .4s .3s;
}

header .nav-menu.show .nm1 {
	opacity: 0;
	visibility: hidden;
	transform: translate(-100%, 6px);
}

header .nav-menu.show .nm2 {
	background: transparent;
	transform: rotate(-180deg);
}

header .nav-menu.show .nm2:before,
header .nav-menu.show .nm2:after {
	opacity: 1;
	transition: all .3s;
}

header .nav-menu.show .nm2:before {
	transform: rotate(45deg);
}

header .nav-menu.show .nm2:after {
	transform: rotate(-45deg);
}

header .nav-menu.show .nm3 {
	opacity: 0;
	visibility: hidden;
	transform: translate(100%, -6px);
}

.heardtop.fixed header {
	display: none;
}

nav {
	height: 60px;
	line-height: 60px;
	width: 100%;
}

nav ul {
	width: 60%;
}

nav ul li {
	flex: 1;
	position: relative;
	font-family: 'DIN';
}

.nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.nav li:first-child {}

.nav li a {
	display: block;
	color: #000;
	font-family: 'DIN';
}


.nav li dl {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9999;
	background: rgb(247, 247, 247);
	top: 60px;
	left: 0;
	-webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);
	box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}

.nav li dl dd {
	height: 50px;
	line-height: 50px;
	transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease
}

.nav li dl dd:last-child {
	border-bottom: 0
}

.nav li dl dd a {
	color: #000 !important;
	transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	display: block
}

.nav li dl dd:hover {
	background: #0091d5
}

.nav li dl dd:hover a {
	color: #FFF !important;
}

.nav dl {
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease
}

.nav li:hover dl {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

nav .right {
	width: 33%;
}

nav .right a:first-child {
	background: #0093a7;
	width: 62%;
}

nav .right a:last-child {
	background: #016392;
}

nav .right a {
	perspective: 500;
	-webkit-perspective: 500;
}

nav .right a .w {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: none;
}

nav .right a .t {
	position: absolute;
	background-color: #0091d5;
	width: 100%;
	height: 100%;
	left: 0;
	color: #fff;
	top: -56px;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

nav .right a:hover .w {
	-webkit-transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg);
	transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg);
}

.wapMenu {
	display: none;
}

.onenav {
	cursor: pointer;
}

.nav ul li {
	cursor: pointer;
}

@font-face {
	font-family: 'PIN';
	src: url('../font/PINGFANG REGULAR.TTF');
	font-weight: normal;
	font-style: normal;

}

/* banner */
.banner .swiper-slide {
	width: 100%;
}

.banner .swiper-slide img {
	width: 100%;
}

.newsContent {
	display: flex;
}

.newsTitle {
	padding-bottom: 30px;
}

.newsTitle>p:nth-child(1) {
	font-size: 28px;
	color: rgb(68, 68, 68);
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-align: center;
}

.newsTitle>p:nth-child(2) {
	font-size: 14px;
	color: rgb(153, 153, 153);
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.newsTitle>p:nth-child(3) {
	width: 50px;
	height: 3px;
	background: rgb(30, 136, 229);
	margin: auto;
}

.newsLeft {
	width: 46%;
	margin-right: 2%;
}

.n1 img {
	width: 100%;
}

.Art {
	width: 52%;
}

.newsDesc {
	padding: 35px 25px;
	background: #fff;
}

.News {
	background: rgb(245, 245, 245);
	margin-top: 40px;
}

.newsDesc>p:nth-child(1) {
	font-size: 16px;
	color: rgb(102, 102, 102);
	margin-bottom: 15px;
}

.n1 {
	height: 359px;
}

.n1 img {
	height: 359px;
}

.artSame {
	display: flex;
	padding: 40px 0;
	border-bottom: 1px solid rgb(230, 230, 230);
	transition: all 0.8s ease 0s;
	position: relative;
	background: #fff;
	padding-right: 25px;
}

.artSame::after {
	content: "";
	position: absolute;
	height: 1px;
	width: 0px;
	left: 0px;
	bottom: 0px;
	background: rgb(30, 136, 229);
	transition: all 0.8s ease 0s;
}

.art1 {
	transition: all 0.8s ease 0s;
	font-weight: 600;
}

.artSame:hover::after {
	width: 100%;
}

.artSame:hover .art1 {
	color: rgb(0, 145, 219);
}

.artDate {
	width: 20%;
	border-right: 1px solid rgb(220, 220, 220);
	margin-right: 3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.artDesc {
	width: 77%;
}

.artDate>p {
	text-align: center;
}

.date1 {
	color: rgb(100, 100, 100);
	font-size: 40px;
	letter-spacing: 1px;
	font-family: DIN;
}

.date2 {
	color: rgb(100, 100, 100);
	font-size: 16px;
	letter-spacing: 1px;
}

.art1 {
	align-items: center;
	font-size: 20px;
	color: rgb(40, 40, 40);
	margin-bottom: 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}


.art2 {
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-family: 'DIN';
}

.Wis {
	position: relative;
}

/* 智能装备 */
.topCon {
	height: 130px;
	background: url(../images/serbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.topSearch {
	display: flex;
	align-items: center;
	height: 130px;
}

.sTitle {
	width: 30%;
	font-size: 24px;
	color: rgba(255, 255, 255, 1);
	letter-spacing: 2px;
}

.sT1 {
	position: absolute;
	font-size: 90px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.1);
	letter-spacing: 1px;
	font-family: 'DIN';
}

.Equip {
	width: 70%;
}

.eqSearch {
	display: flex;
	align-items: center;
}

.sr-input {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 15px;
	width: 500px;
	background: #fff;
}

.sr-input img {
	margin-right: 10px;
}

.sr-input input {
	font-size: 14px;
	color: #888888;
	letter-spacing: 1px;
	width: 100%;
}

.sr-btn {
	width: 110px;
	height: 48px;
	line-height: 48px;
	background: rgb(0, 145, 213);
	font-size: 20px;
	letter-spacing: 8px;
	text-align: center;
	color: #fff;
}

.hotSearch {
	display: flex;
	align-items: baseline;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.hot1 {
	width: 7em;
}

.hot2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.hotSearch a {
	margin-right: 18px;
}

/* 关于我们 */
.About {
	position: relative;
}

.abg {
	overflow: hidden;
}

.abg img {
	float: left;
	min-height: 800px;
}

.aboutBox {
	display: flex;
	position: absolute;
	top: 5vw;
	right: 10vw;
}

.aboutFull {
	width: 50%;
}

.aboutUs {
	width: 50%;
}

.us1 {
	font-size: 34px;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 600;
}

.us2 {
	width: 45px;
	height: 4px;
	background: rgb(0, 145, 213);
	margin-bottom: 30px;
}

.us2 {
	font-size: 15px;
	color: #555555;
	line-height: 34px;
}

.us3 {
	font-size: 15px;
	line-height: 40px;
	width: 80%;
	font-family: 'DIN';
}

.us4 {
	margin-top: 50px;
	width: 180px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	letter-spacing: 1px;
	color: #fff;
	background: rgb(0, 145, 213);
	transition: all 0.6s;
	font-family: 'DIN';
}

.us4:hover {
	background: #fff;
	border: 1px solid rgb(0, 145, 213);
	color: rgb(0, 145, 213);
	transform: translateX(10px);
}

.abMore {
	background: rgb(0, 145, 213);
	position: relative;
	z-index: 99;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 60%;
	margin-top: -110px;
	padding: 0 15px;
}

.abMore>p:nth-child(1) {
	font-size: 26px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-align: center;
}

.abMore>p:nth-child(2) {
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
}

.abMore>p:nth-child(2) img {
	margin-right: 15px;
}

.abMore>p:nth-child(2) span {
	font-size: 30px;
	color: #f7c25c;
	margin-left: 15px;
	letter-spacing: 0;
	font-weight: 600;
}

/* 产品中心 */
.Product {
	background: url(../images/duct.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -110px;
	padding-top: 110px;
}

.pubTitle {
	text-align: center;
	padding-top: 55px;
	padding-bottom: 30px;
}

.pubTitle>p:nth-child(1) {
	font-size: 38px;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-weight: 600;
}

.pubTitle>p:nth-child(2) {
	font-size: 18px;
	letter-spacing: 1px;
	color: #fff;
}

.Wis .gallery-thumbs {
	background: #fff;
	margin-top: 30px;
}

.Wis .gallery-thumbs .swiper-slide {
	border-right: 1px solid rgb(220, 220, 220);
	height: 160px;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.Wis .gallery-thumbs .swiper-slide:last-child {
	border-right: none;
}

.Wis .gallery-thumbs .swiper-slide img {
	margin-top: -30px;
}

.Wis .gallery-thumbs .swiper-slide {
	cursor: pointer;
}

.Wis .gallery-thumbs .swiper-slide p {
	position: absolute;
	bottom: 25px;
	font-size: 18px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	height: 34px;
	line-height: 25px;
}

.Wis .gallery-thumbs .swiper-slide .ic2 {
	display: none;
}

.Wis .gallery-thumbs .swiper-slide-thumb-active {
	background: rgb(0, 145, 213);
}

.Wis .gallery-thumbs .swiper-slide-thumb-active p {
	color: #fff !important;
}

.Wis .gallery-thumbs .swiper-slide-thumb-active .ic1 {
	display: none;
}

.Wis .gallery-thumbs .swiper-slide-thumb-active .ic2 {
	display: block;
}

.Wis .gallery-top .swiper-slide {
	display: flex;
	margin-top: 50px;
}

.sysPic {
	width: 42%;
	overflow: hidden;
}

.sysPic img {
	width: 100%;
	float: left;
	border-radius: 8px 0 0 8px;
	min-height: 460px;
	height: 100%;
}

.sysDesc {
	width: 58%;
	background: #fff;
	padding: 100px 50px;
	position: relative;
}

.sys1 {
	position: absolute;
	font-size: 120px;
	color: rgba(170, 170, 170, 0.1);
	font-weight: 600;
	top: 0;
	left: 25px;
}

.sys2 {
	font-size: 36px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	font-weight: 600;
	margin-top: -28px;
	margin-bottom: 25px;
}

.sys3 {
	font-size: 16px;
	line-height: 36px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
}

.sys3 {
	height: 185px;
	overflow-y: auto;
	padding-right: 12px;
}

.sys3 {
	overflow-x: hidden;
	overflow-y: auto;
	color: #000;
}

.sys3::-webkit-scrollbar {
	width: 3px;
}

.sys3::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 145, 213, 0.8);
	background: rgba(0, 145, 213, 0.8);
}

.sys3::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.8);
	border-radius: 0;
	background: rgba(220, 220, 220, 0.8);

}


.sys4 {
	position: absolute;
	bottom: 50px;
	padding: 13px 50px;
	border-radius: 40px;
	background: rgb(0, 142, 213);
	color: #fff;
	letter-spacing: 2px;
	color: #fff;
	font-size: 16px;
}

.Wis .swiper-button-prev {
	left: -100px;
	width: 50px;
	height: 50px;
	border: 2px solid rgb(0, 145, 213);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.6s;
}

.Wis .swiper-button-next {
	width: 50px;
	height: 50px;
	border: 2px solid rgb(0, 145, 213);
	border-radius: 50%;
	right: -100px;
	cursor: pointer;
	transition: all 0.6s;
}

.Wis .swiper-button-prev:hover {
	background: #fff;
}

.Wis .swiper-button-next:hover {
	background: #fff;
}

.Wis .swiper-button-prev:hover::after {
	color: rgb(0, 145, 213);
}

.Wis .swiper-button-next:hover::after {
	color: rgb(0, 145, 213);
}

.Wis .swiper-button-prev::after {
	font-size: 20px;
	color: rgb(0, 145, 213);
	font-weight: 600;
}

.Wis .swiper-button-next::after {
	font-size: 20px;
	color: rgb(0, 145, 213);
	font-weight: 600;
}

.Product {
	padding-bottom: 80px;
}

.pubw {
	text-align: center;
	padding-top: 55px;
	padding-bottom: 40px;
}

.pubw>p:nth-child(1) {
	font-size: 38px;
	color: #000;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-weight: 600;
}

.pubw>p:nth-child(2) {
	font-size: 18px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
}

.casePic {
	overflow: hidden;
	margin-bottom: 35px;
}

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

.c1 {
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 10px;
	transition: all 0.8s;
}

.c2 {
	font-size: 80px;
	font-weight: 600;
	color: rgb(242, 242, 242);
	text-align: center;
	transition: all 0.8s;
}

.c3 {
	width: 12px;
	height: 12px;
	margin: auto;
	background: rgb(110, 110, 110);
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	bottom: 55px;
	left: 50%;
	margin-left: -6px;

}

.Case .swiper-button-next {
	width: 40px;
	height: 40px;
	background: rgb(220, 220, 220);
	border-radius: 50%;
	transition: all 0.6s;
}

.Case .swiper-button-next:hover {
	background: #0091d5;
}

.Case .swiper-button-prev:hover {
	background: #0091d5;
}

.Case .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: rgb(220, 220, 220);
	border-radius: 50%;
	left: -40px;
	transition: all 0.6s;
}

.Case .swiper-slide:hover .c2 {
	color: rgb(200, 200, 200);
}

.Case .swiper-slide:hover .c3 {
	border: 2px solid #0091d5;
	background: #fff;
}

.casePic {
	border-radius: 10px;
}

.casePic img {
	transition: all 0.8s;
}

.Case .swiper-button-next {
	right: -40px;
}

.Case .swiper-button-next::after {
	color: #fff;
	font-size: 600;
	font-size: 16px;
}

.Case .swiper-button-prev::after {
	color: #fff;
	font-size: 600;
	font-size: 16px;
}

.Case .swiper-button-prev,
.Case .swiper-button-next {
	top: auto;
	bottom: 40px;
}

.cBox {
	position: relative;
}

.cBox .swiper-slide {
	width: 31% !important;
	cursor: pointer;
}

.cBox::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	height: 1px;
	background: rgb(229, 229, 229);
	width: 100%;
}

.casePic {
	position: relative;
}

.casePic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.cBox .swiper-slide:hover .casePic::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.cBox .swiper-slide:hover .c1 {
	color: rgb(0, 145, 213);
}

.cBox .swiper-slide:hover .casePic img {
	transform: scale(1.1);
}

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

.arr1 {
	font-size: 26px;
	letter-spacing: 1px;
	width: 80%;
	line-height: 34px;
	font-weight: 600;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.arr2 {
	padding: 17px 14px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(200, 200, 200);
	transition: all 0.6s;
}

.arr2 span {
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url(../images/arr.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/* 地址 */
.News {
	padding-bottom: 60px;
}

.Ress {
	background: rgb(0, 145, 213);
	padding: 45px 0 40px 0;
}

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

.Wis .swiper-button-prev,
.Wis .swiper-button-next {
	top: 58%;
}

.ressBox p {
	color: #fff;
	font-size: 16px;
}

.ressBox p:nth-child(1) {
	margin-bottom: 15px;
}

.fo22 {
	font-size: 22px;
}

/* footer */
footer {
	padding-top: 60px;
	background: rgb(54, 54, 54);
}

.footer {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

.footEwm {
	display: flex;
}

.footVide p {
	font-size: 20px;
	color: #fff;
	margin-bottom: 25px;
}

.footLink a {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 14px;
	display: block;
	text-align: center;
	transition: all 0.8s;
}

.footLink a:hover {
	transform: translateX(10px);
}

.footEwm>ul:nth-child(1) {
	margin-right: 30px;
}

.ewmSame>li:nth-child(2) {
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
	text-align: center;
}

.footB {
	border-top: 1px solid rgb(255, 255, 255, 0.2);
}

.footFlex {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	align-items: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
}

/* 内页-产品中心 */
.sidePro {
	padding-top: 40px;
	display: flex;
}

.sideContainer {
	position: relative;
	padding-bottom: 100px;
}

.sideBg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.proCenter {
	width: 23%;
	margin-right: 2%;
}

.centerTitle {
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 23px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	padding-left: 12px;
	background: #0091d5;
}

.centerTitle img {
	margin-right: 12px;
}

.kindMachCon {
	border-left: 12px solid #0091d5;
	padding: 0 5px 0 5px;
	border-right: 2px solid rgb(238, 238, 238);
	border-bottom: 2px solid rgb(238, 238, 238);
	padding-bottom: 25px;
	padding-top: 10px;
}

.kindMach {
	padding-top: 12px;
}

.kindMach_up {
	display: flex;
	align-items: center;
	padding: 9px 23px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
	justify-content: space-between;
	transition: all 0.6s;
	position: relative;
}

.bgg .dim1 {
	opacity: 1;
}

.bgg .dim2 {
	opacity: 0;
}

.dim1 {
	position: absolute;
	right: 35px;
	opacity: 0;
	top: 18px;
}

.dim2 {
	position: absolute;
	right: 35px;
	top: 18px;
}

.allMach {
	padding: 5px 0 0 0;
	display: none;
}

.kindMach {
	cursor: pointer;
}

.kindMach_down {
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 40px;
	color: rgb(51, 51, 51);
	transition: all 0.8s;
	cursor: pointer;
}

.mach1,
.mach2,
.mach3,
.dnone,
.op1,
.op3 {
	transition: all 0.8s;
}

.op2 {
	transition: all 0.5s;
}

.kindMach_down:hover .dnone {
	opacity: 1;
}

.kindMach_down:hover .mach1 {
	transform: translateX(10px);
}

.kindMach_down:hover .mach2 {
	transform: translateX(10px);
}

.kindMach_down:hover .op2 {
	color: #0091d5 !important;
	font-weight: 600;
}

.kindMach_down:hover .op1 {
	display: block;
}

.kindMach_down:hover .op3 {
	opacity: 1;
}

.op3 {
	opacity: 1 !important;
}

.kindMach_down:hover .mach3 {
	transform: translateX(10px);
	opacity: 1;
}

.op1 {
	opacity: 1 !important;
}

.tactTel {
	margin-top: 35px;
}

.bgg {
	background: #0091d5;
	color: #fff !important;
	transition: all 0.6s;
}

.kindMach_down>p:nth-child(1) {
	display: flex;
	align-items: center;
}

.kindMach_down>p:nth-child(1) img {
	position: relative;
	top: 1px;
	margin-right: 15px;
	opacity: 0;
}

.kindMach_down>p:nth-child(1) span {
	font-size: 15px;
	color: rgb(85, 85, 85);
	font-weight: 600;
}

.kindMach_down>p:nth-child(2) {
	opacity: 0;
}

.mach2 {
	color: #0091d5 !important;
}



/* 联系电话 */
.tactTel {
	background: url(../images/inter.jpg);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	padding: 50px 0;
}

.tel1 {
	margin-bottom: 20px;
}

.telParh1 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
}

.telParh2 {
	font-size: 30px;
	color: #fff;
	letter-spacing: 1px;
	font-family: 'DIN';
	margin-bottom: 20px;
}

.tel2 {
	margin-bottom: 6px;
}

.telParh3 {
	font-size: 17px;
	color: #fff;
	letter-spacing: 1px;
}

/* 右侧 */
.proCenter_right {
	width: 75%;
	margin-left: 0%;
}

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

.eachDuct>a:nth-child(3n+3) {
	margin-right: 0;
}

.eachDuct_common {
	display: inline-block;
	width: 31.6%;
	margin-right: 2.5%;
	padding: 18px 35px;
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	text-align: center;
	margin-bottom: 2.5%;
	transition: all 0.8s;
}

.eachDuct_common:hover {
	box-shadow: 1px 1px 10px 1px rgb(170, 170, 170);
	transform: translateY(10px);
}

.eachDuct_pic {
	overflow: hidden;
	margin-bottom: 2px;
	height: 168px;
}

.eachDuct_pic img {
	max-height: 168px;
}

.eachDuct_common:hover .ductParh2 {
	color: #fff;
	background: #0091d5;
}

.ductParh1 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 10px;
	font-family: 'DIN';
}

.ductParh2 {
	padding: 5px;
	width: 60%;
	margin: auto;
	border: 2px solid rgb(238, 238, 238);
	letter-spacing: 1px;
	font-size: 14px;
	color: rgb(85, 85, 85);
	border-radius: 30px;
	transition: all 0.8s;
	font-family: 'DIN';
}

/* 翻页 */
.changePage {
	padding-top: 50px;
	padding-bottom: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.changePage p {
	margin-right: 12px;
	font-size: 15px;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	font-family: 'DIN';
}



.changePage a {
	padding: 10px 16px;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: rgb(51, 51, 51);
	margin-right: 12px;
	transition: all 0.5s;
	background: #fff;
	font-family: 'DIN';
}

.changePage a:hover {
	background: #0091d5;
	color: #fff;
}

.pageEnter input {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	padding: 10px 0;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 20px;
	width: 65px;
	text-align: center;
	background: #fff;
}

.changePage>a:last-child {
	margin-right: 0;
}

.proDetail {
	display: flex;
}

.detailPic {
	width: 56%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detailPic img {
	float: left;
}

.detailWord {
	width: 44%;
	padding: 45px 35px;
	background: rgb(247, 247, 247);
	position: relative;
}

.de1 {
	letter-spacing: 1px;
	font-weight: 600;
	color: #000;
	font-size: 30px;
	margin-bottom: 35px;
}

.de2 {
	width: 40px;
	height: 4px;
	background: rgb(29, 145, 194);
	margin-bottom: 40px;
}

.de3 {
	font-size: 16px;
	margin-bottom: 20px;
	color: #000;
}

.de3 span {
	color: rgb(29, 145, 194);
	font-size: 22px;
	font-weight: 600;
}

.de4 {
	position: absolute;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	background: rgb(29, 145, 194);
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	bottom: 45px;
	left: 35px;
	right: 35px;
	text-align: center;
}

.mationCon {
	margin-top: 40px;
	border: 1px solid rgb(238, 238, 238);
}

.mation_title {
	border-bottom: 1px solid rgb(238, 238, 238);
	background: rgb(245, 245, 245);
	height: 60px;
	line-height: 60px;
}

.mation_title p {
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	width: 23%;
	text-align: center;
	background: #0091d5;
}

.mation {
	padding: 30px 25px;
}

.mationPic {
	overflow: hidden;
	margin-bottom: 20px;
}

/*.mationPic img{*/
/*	width: 100%;*/
/*	float: left;*/
/*}*/
/*视频*/
.video-box {
	position: relative;
}

.item-video .tu {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-video .tu img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.item-video a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 67px;
	height: 67px;
}

.item-video a::before {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	content: '';
	display: block;
	border: 3px dashed #fff;
	border-radius: 100%;
	transition: all 0.6s;
	transform: scale(0);
	animation: ro 15s infinite linear;
	opacity: 0;
}

.item-video a:hover::before {
	opacity: 0.6;
	transform: scale(1);
	top: -10px;
	right: -10px;
	left: -10px;
	bottom: -10px;
}

.video-popwrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 36663;
	border-radius: 5px;
	border: 10px solid #fff;
}

.popbg {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 233;
}

.popclose {
	position: absolute;
	top: -60px;
	right: -85px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 43px;
	font-size: 58px;
	z-index: 33333;
}

.conn2_right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.conn2_right .img img {
	width: 100%;
}

.mandFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 50px;
}

.mandLink {
	width: 70%;
	display: flex;
	flex-direction: column;
}

.mandLink a {
	font-family: 'DIN';
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.6s;
}

.mandLink a:hover {
	color: #0091d5;
	transform: translateX(10px);
}

.mandLink a:last-child {
	margin-bottom: 0;
}

.backTo {
	width: 170px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	height: 48px;
	line-height: 48px;
}

.backTo .w {
	background: #0091d5;
	position: relative;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: none;
	border-radius: 40px;
}

.backTo .f {
	background: #0091d5;
	color: #fff;
	display: flex;
	justify-content: center;
	border-radius: 40px;
}

.backTo span {
	margin-right: 10px;
}

.backTo .t {
	padding: 0 15px;
	border-radius: 5px;
	position: absolute;
	background-color: #0091d5);
	border: 1px solid #0091d5;
	width: 100%;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	color: #0091d5;
	top: -48px;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 40px;
}

.backTo:hover .w {
	-webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
	transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
}

.backTo span {
	margin-left: 5px;
}

.backTo .f span {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(../images/back1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.backTo .t span {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(../images/back2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/* 关于我们 */
.With {
	position: relative;
}

.With::before {
	position: absolute;
	content: '';
	background: rgb(0, 138, 208);
	width: 50%;
	top: 0;
	bottom: 0;
	right: 50%;
	left: 0;
	height: 150px;
}

.With::after {
	position: absolute;
	content: '';
	background: rgb(247, 247, 247);
	width: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
}

.withPic {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 88;
}

.withBox {
	display: flex;
}

.withLeft {
	width: 50%;
}

.withRight {
	width: 50%;
}

.withWord {
	margin-top: 30px;
}

.withWord p {
	padding-bottom: 25px;
	color: #000;
	font-size: 16px;
	line-height: 32px;
	width: 88%;
}

.withTit {
	height: 150px;
	background-image: linear-gradient(to right, #008ad0, #035ab0);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.withTit>p:nth-child(1) {
	font-size: 30px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 20px;
}

.withTit>p:nth-child(2) {
	background: rgba(255, 255, 255, .7);
	width: 60px;
	height: 3px;
}

.withRight {
	position: relative;
	z-index: 99;
	padding: 70px 0;
}

.withRight img {
	padding-left: 50px;
	min-height: 635px;
}

.withWord {
	height: 520px;
	overflow-y: auto;
}

.withWord {
	overflow-x: hidden;
	overflow-y: auto;
	color: #000;
}

.withWord::-webkit-scrollbar {
	width: 4px;
	/*height: 4px;*/
}

.withWord::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgb(0, 145, 213);
	background: rgb(0, 145, 213);
}

.withWord::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.8);
	border-radius: 0;
	background: rgba(220, 220, 220, 0.8);

}

/* 企业风采 */
.Company {
	position: relative;
	padding-bottom: 80px;
}

.Company::before {
	position: absolute;
	content: '';
	background-image: linear-gradient(to right, #035ab0, #008ad0);
	width: 50%;
	top: 0;
	bottom: 0;
	right: 50%;
	left: 0;
	bottom: 0;
}

.compTit {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 50%;
	position: relative;
}

.compTit>p:nth-child(1) {
	font-size: 30px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 20px;
}

.compTit>p:nth-child(2) {
	background: rgba(255, 255, 255, .7);
	width: 60px;
	height: 3px;
}

.View {
	position: relative;
}

.View .swiper-pagination {
	position: absolute;
	right: 70px;
	top: -100px;
}

.View .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: transparent;
	opacity: 1;
	margin: 0 5px;
	border: 1px solid rgb(170, 170, 170);
}

.View .swiper-pagination-bullet-active {
	background: #0091d5;
	border: 1px solid #0091d5;
}

.View .swiper-button-next,
.View .swiper-button-prev {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid rgb(200, 200, 200);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.8s;
	top: -83px;
}

.View .swiper-button-next:after,
.View .swiper-button-prev:after {
	font-size: 15px;
	color: rgb(200, 200, 200);
}

.View .swiper-button-prev {
	right: 295px;
	left: auto;
}



.View .swiper-slide img {
	width: 100%;
}

.View .swiper-button-next:hover {
	background: #0091d5;
	border: 1px solid #0091d5;
}

.View .swiper-button-prev:hover {
	background: #0091d5;
	border: 1px solid #0091d5;
}

.View .swiper-button-next:hover::before {
	color: #fff;
}

.View .swiper-button-prev:hover::after {
	color: #fff;
}

.View .swiper-slide {
	width: 32% !important;
}

/* 合作伙伴 */
.partTit {
	margin-top: 35px;
	margin-bottom: 35px;
}

.partTit>p:nth-child(1) {
	font-size: 30px;
	color: #000;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: center;
}

.partTit>p:nth-child(2) {
	background: rgb(170, 170, 170);
	width: 60px;
	height: 3px;
	margin: auto;
}

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

.partBox p:nth-child(5n+5) {
	margin-right: 0;
}

.partBox p {
	padding: 25px 30px;
	border: 1px solid rgb(230, 230, 230);
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
	transition: all 0.8s;
	cursor: pointer;
}

.partBox p:hover {
	box-shadow: 1px 1px 10px 1px rgb(200, 200, 200);
}

.partBox p:hover img {
	transform: rotateY(180deg);
}

.Partner {
	margin-bottom: 10px;
}

/* 企业文化 */
.Culture {
	position: relative;
	padding-bottom: 90px;
}

.culBox {
	width: 85%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.culSame {
	display: flex;
	width: 25%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
	cursor: pointer;
}

.culSame:hover img {
	transform: rotate(360deg);
}

.cul1 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid rgba(0, 145, 213, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.culSame:hover {
	transform: translateY(10px);
}

.culSame:hover .cul2 {
	color: rgb(0, 145, 213);
}

.cul2 {
	font-size: 23px;
	margin-bottom: 10px;
	color: #000;
	transition: all 0.6s;
}

.cul3 {
	font-size: 18px;
	color: #000;
	text-align: center;
	width: 90%;
	margin: auto;
	line-height: 25px;
}

.View .swiper-slide {
	overflow: hidden;
	transition: all 0.6s;
	cursor: pointer;
}

.View .swiper-slide img {
	border-radius: 10px;
	transition: all 0.6s;
}

.View .swiper-slide:hover img {
	transform: scale(1.15);
}

/* 客户案例 */
.bg_grey {
	background: rgb(245, 245, 245);
}

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

.pubNav a {
	padding: 20px 30px;
	font-size: 20px;
	color: #000;
	letter-spacing: 1px;
	transition: all 0.6s;
}

.pubNav a:hover {
	color: #fff;
	background: #0091d5;
}

.puon {
	background: #0091d5 !important;
	color: #fff !important;
}

.exaCase {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.exaCase a:nth-child(4n+4) {
	margin-right: 0;
}

.exaCase a {
	width: 23.5%;
	margin-right: 2%;
	margin-top: 4%;
	transition: all 0.8s;
}

.exaSame {
	transition: all 0.8s;
}

.exa1 {
	position: relative;
	overflow: hidden;
	transition: all 0.8s;
	max-height: 225px;
}

.exa1::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.exa1 {
	transition: all 0.8s;
	border-radius: 15px;
}

.exaSame:hover .exa1::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.exaSame:hover .exa1 img {
	transform: scale(1.1);
	transition: all 0.8s;
}

.exa2 {
	color: #000;
	text-align: center;
	font-size: 18px;
	margin-top: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.8s;
}

.exaSame:hover .exa2 {
	color: #0091d5;
}

.Example {
	position: relative;
	padding-bottom: 90px;
}

/* 联系我们 */
.Contact {
	margin-top: 55px;
	margin-bottom: 40px;
}

.tact1 {
	text-align: center;
	font-weight: 600;
	color: #0091d5;
	margin-bottom: 10px;
	font-size: 24px;
}

.tact2 {
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	font-size: 30px;
}

.tact3 {
	color: #555555;
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'DIN';
}

.tactRess {
	display: flex;
	border: 1px solid rgb(229, 229, 229);
	margin-top: 60px;
}

.tactRess>div:nth-child(3) {
	border-right: none;
}

.lineSame {
	width: 33.3%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-right: 1px solid rgb(229, 229, 229);
	transform: all 0.6s;
	cursor: pointer;
}

.lineSame:hover img {
	animation: jello 1.4s;
}

.lineSame>p:nth-child(2) {
	color: #666666;
	font-size: 16px;
	margin-top: 25px;
}

.lineSame>p:nth-child(3) {
	font-size: 20px;
	color: #000;
	margin-top: 5px;
	text-align: center;
	font-weight: 600;
}

.linePic {
	height: 40px;
}

.tactRight {
	margin-top: 50px;
}

/* 留言内容 */
.messTit {
	margin-top: 55px;
	margin-bottom: 45px;
	position: relative;
}

.Message {
	position: relative;
	padding-bottom: 100px;
}

.messTit>p:nth-child(1) {
	text-align: center;
}

.messTit>p:nth-child(2) {
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 40px;
	text-align: center;
	margin-top: -45px;
}

.messVide {
	display: flex;
}

.messVide>div:nth-child(2) {
	margin-right: 0;
}

.messCommon {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
}

.messName {
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
}

.messInput {
	padding: 18px 25px;
	background: rgb(249, 249, 249);
	border: 1px solid rgb(220, 220, 220);
}

.messInput input {
	letter-spacing: 1px;
	width: 90%;
}

.messInput img {
	margin-right: 18px;
}

.messTxt {
	padding: 18px 25px;
	background: rgb(249, 249, 249);
	border: 1px solid rgb(220, 220, 220);
	display: flex;
	align-items: baseline;
}

.messTxt img {
	margin-right: 18px;
}

.messTxt textarea {
	color: #999;
	letter-spacing: 1px;
	height: 120px;
	width: 90%;
	position: relative;
	top: -3px;
}

.giveUp {
	margin: auto;
	display: inline-block;
	background: rgb(0, 145, 213);
	color: #fff;
	font-size: 20px;
	margin-top: 50px;
	width: 300px;
	padding: 12px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	transition: all 0.6s;
	cursor: pointer;
	border: 1px solid transparent;
}

.giveUp:hover {
	border-radius: 10px;
	border: 1px solid rgb(0, 145, 213);
	background: #fff;
	color: rgb(0, 145, 213);
}

/* 招聘岗位 */
.jobKindcon {
	margin-top: 60px;
}

.jobMore {
	display: flex;
	padding: 30px 45px;
	background: rgb(247, 252, 255);
	justify-content: space-between;
	font-size: 18px;
	font-family: 'DIN';
	letter-spacing: 1px;
	cursor: pointer;
}

.jobMore>li:nth-child(1) {
	font-size: 25px;
	color: rgb(0, 145, 213);
	letter-spacing: 1px;
}

.jobKind {
	margin-bottom: 20px;
}

.jobNeed {
	padding: 35px 48px;
	background: #fff;
	display: none;
	background: rgb(247, 252, 255);
	padding-top: 15px;
}

.needBox {
	display: flex;
}

.need>p:last-child {
	margin-bottom: 0;
}

.need p {
	font-size: 15px;
	color: #000;
	line-height: 28px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	width: 80%;
}

.joinCon {
	padding: 60px 80px;
	background: #fff;
	margin-top: -60px;
	position: relative;
	z-index: 999;
}

.Join {
	box-shadow: 1px 1px 10px 1px rgba(33, 72, 168, 0.2);
	padding-bottom: 70px;
}

.joinTitle {
	position: relative;
	margin-bottom: 60px;
}

.joinTitle>img {
	position: absolute;
	left: -40px;
}

.joinTitle>p:nth-child(2) {
	font-size: 24px;
	color: rgb(33, 72, 168);
	font-family: 'DIN';
	margin-bottom: 10px;
	padding-top: 20px;
}

.joinTitle>p:nth-child(3) {
	color: #000;
	letter-spacing: 1px;
	font-size: 30px;
}

.joinDesc p {
	color: rgb(85, 85, 85);
	font-size: 16px;
	line-height: 35px;
	margin-bottom: 35px;
}

.joinDesc p a {
	color: rgb(33, 72, 168);
	font-family: 'DIN';
}

.joinBox {
	margin-top: 60px;
}

.jp {
	width: 180px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	background: rgb(33, 75, 168);
	color: #fff;
	letter-spacing: 1px;
	font-size: 22px;
}

/* 人力资源 */
.jTit {
	margin-top: 50px;
}

.j1 {
	font-size: 16px;
	color: #000;
	line-height: 36px;
	font-family: 'DIN';
}

.j2 {
	margin-top: 40px;
	display: flex;
}

.j2 p {
	width: calc(100% / 6);
	font-size: 24px;
	text-align: center;
	padding: 40px 0;
	font-family: 'DIN';
}

.j2 p:nth-child(1) {
	background: rgb(229, 244, 251);
}

.j2 p:nth-child(2) {
	background: rgb(204, 233, 247);
}

.j2 p:nth-child(3) {
	background: rgb(153, 211, 238);
}

.j2 p:nth-child(4) {
	background: rgb(102, 189, 230);
}

.j2 p:nth-child(5) {
	background: rgb(39, 161, 219);
}

.j2 p:nth-child(6) {
	background: rgb(0, 145, 213);
}

.joinHot {
	display: flex;
	margin-top: 50px;
}

.joinHot p {
	font-size: 16px;
	margin-right: 40px;
	color: rgb(0, 145, 213);
	font-weight: 600;
}

.Source {
	position: relative;
	padding-bottom: 90px;
}

/* 新闻资讯 */
.Ask {
	margin-top: 40px;
	display: flex;
}

.Ask a:nth-child(2) {
	margin-right: 0;
}

.Ask a {
	width: 48.5%;
	margin-right: 3%;
	transition: all 0.6s;
}

.newsSame,
.n1 img {
	transition: all 0.8s;
}

.n1 {
	height: auto;
	overflow: hidden;
	transform: all 0.8s;
	position: relative;
}

.n1::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.newsSame {
	cursor: pointer;
}

.newsSame .arr1,
.newsSame .arr2 {
	transition: all 0.6s;
}

.newsSame:hover .arr2 {
	background: rgb(0, 145, 213);
	transform: translateX(5px);
}

.newsSame:hover .arr1 {
	color: rgb(0, 145, 213);
}

.newsSame:hover {
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
}

.newsSame:hover .arr2 span {
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url(../images/arr1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.newsSame:hover .n1::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.newsSame:hover .n1 img {
	transform: scale(1.1);
}

.Ask a .n1 img {
	height: auto;
	transition: all 0.8s;
}

.Ask a .newsDesc {
	background: rgb(247, 247, 247);
}

.drSame {
	margin-top: 40px;
	padding: 35px 0;
	border: 1px solid rgb(229, 229, 229);
	display: flex;
	position: relative;
	transition: all 0.6s;
}

.line {
	position: absolute;
	z-index: 990;
	background: rgb(0, 145, 213);
	transition: all 0.5s;
}

.line1 {
	left: 0;
	bottom: 0;
	width: 1px;
	height: 0;
}

.line2 {
	left: 0;
	top: 0;
	width: 0;
	height: 1px;
}

.line3 {
	right: 0;
	top: 0;
	width: 1px;
	height: 0;
}

.line4 {
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
}

.drSame:hover {
	transform: translateY(8px);
}

.drSame:hover .line1 {
	height: calc(100% - 0px);
}

.drSame:hover .line2 {
	width: calc(100% - 0px);
}

.drSame:hover .line3 {
	height: calc(100% - 0px);
}

.drSame:hover .line4 {
	width: calc(100% - 0px);
}

.drSame:hover .date1 {
	color: rgb(0, 145, 213);
}

.drSame:hover .dr1 {
	color: rgb(0, 145, 213);
}

.drSame:hover .arr2 {
	background: rgb(0, 145, 213);
	transform: translateX(5px);
}

.drSame:hover .arr2 span {
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url(../images/arr1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.drSame .artDate {
	width: 12%;
}

.drDesc {
	display: flex;
	align-items: center;
	padding-right: 30px;
	width: 87%;
	justify-content: space-between;
}

.dr1 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.6s;
}

.dr2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 28px;
	color: rgb(102, 102, 102);
	width: 90%;
	font-family: 'DIN';
}

.Dream {
	padding-bottom: 20px;
}

.dreamBox {
	position: relative;
	padding-bottom: 100px;
}

/* 新闻详情 */
.Center {
	display: flex;
}

.Detail {
	width: 74%;
	margin-right: 1%;
	padding: 0 35px;
	box-shadow: 1px -3px 10px 1px rgb(220, 220, 220);
	background: #fff;
}

.Brand {
	width: 25%;
}

.Type {
	padding: 15px 0 30px 0;
	border: 1px solid rgb(235, 235, 235);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Type>p:nth-child(2) {
	letter-spacing: 1px;
	text-align: center;
	font-size: 22px;
	color: #000;
	margin-bottom: 12px;
}

.Type>p:nth-child(3) {
	letter-spacing: 1px;
	text-align: center;
	font-size: 16px;
	color: rgb(102, 102, 102);
}


.newsTitle {
	padding: 20px 0;
	margin: 0 20px;
	letter-spacing: 1px;
	color: #000;
	font-size: 23px;
	font-weight: 600;
	padding-top: 30px;
}

.boxA {
	display: inherit;
	padding: 15px 0;
	margin: 0 20px;
	border-top: 1px solid rgb(230, 230, 230);
	transition: all 0.8s;
}

.boxA:hover {
	transform: scale(0.96);
}

.boxA:hover .wy {
	color: rgb(0, 145, 213);
}

.wy {
	color: rgb(102, 102, 102);
	font-size: 16px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.8s;
	word-break: break-all;
	font-family: 'DIN';
}

.boxA>p:nth-child(2) {
	color: rgb(102, 102, 102);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.deTitle {
	padding-top: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgb(235, 235, 235);
}

.title1 {
	font-size: 25px;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'DIN';
}

.deMore {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.title2 span {
	font-size: 14px;
	color: #000;
	letter-spacing: 1px;
	margin-right: 30px;
}

.deSize {
	margin-right: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: rgb(136, 136, 136);
}

.deSize a {
	font-size: 14px;
	color: rgb(136, 136, 136);
	margin: 0 5px;
}

.deRight {
	display: flex;
	align-items: center;
	letter-spacing: 2px;
	font-size: 14px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
}

.deRight img {
	margin-right: 10px;
}

.detailBox {
	padding-top: 40px;
	padding-bottom: 40px;
}

.detailBox p {
	font-size: 15px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	line-height: 34px;
	margin-bottom: 15px;
}

.Edit {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
	border-bottom: 1px solid rgb(235, 235, 235);
	justify-content: space-between;
}

.Editor {
	font-size: 15px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	word-spacing: 10px;
	display: flex;
	align-items: center;
}

.Editor span {
	display: inline-block;
	width: 4px;
	height: 16px;
	background: rgb(0, 145, 213);
	margin-right: 13px;
}

.Share {
	display: flex;
	align-items: center;
}

.Share p {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-right: 5px;
}

.Share a {
	margin-left: 12px;
}

.newsDevide {
	padding-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 50px;
	border-top: 1px solid rgb(220, 220, 220);
}

.newsLink {
	width: 80%;
}

.newsLink a {
	font-size: 15px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	margin-bottom: 15px;
	display: inline-block;
	transition: all 0.8s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.newsLink a:hover {
	color: rgb(0, 145, 213);
	transform: translateX(15px);
}

.newsLink a:nth-child(2) {
	margin-bottom: 0;
}


.Print {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.sizeOn {
	color: rgb(0, 145, 213) !important;
	font-size: 15px !important;
	font-weight: 600;
}

.deSize a {
	cursor: pointer;
}

.detailBox p {
	transition: all 0.5s;
}

.icleDetail {
	position: relative;
}

.logoDesc>p:nth-child(1) {
	font-size: 22px;
	letter-spacing: 1px;
	color: rgb(0, 145, 213);
	font-weight: 600;
}

.logoDesc>p:nth-child(2) {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(102, 102, 102);
	font-family: 'DIN';
}

.logoDesc {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.footerIcon {
	display: none !important;
}

.footerIcon {
	border-top: 1px solid rgb(220, 220, 220);
	z-index: 999;
	position: fixed;
	left: 0;
	bottom: 0;
	bottom: 0;
	background: #fff;
	display: flex;
	align-items: center;
	width: 100%;
	font-family: 'DIN';
}

.footerIcon a {
	display: inline-block;
	width: calc(100% / 3);
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	height: 50px;
}

.footerIcon>a:nth-child(2) {
	border-left: 1px solid rgb(220, 220, 220);
	border-right: 1px solid rgb(220, 220, 220);
}

.footerIcon_pic {
	width: 23px;
	height: 25px;
	margin-right: 10px;
	overflow: hidden;
}

.sideBanner {
	position: relative;
}

.sideWord {
	position: absolute;
	top: 0;
	z-index: 999;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	    height: 100%;
	    width: 100%;
}

.sideWord>p:nth-child(1) {
	color: #fff;
	position: relative;
	background-clip: -webkit-text;
	background-image: linear-gradient(rgb(0, 77, 159), rgba(1, 139, 205, 0.5));
	color: transparent;
	-webkit-background-clip: text;
	text-align: center;
	animation: overlayAnimation 10s infinite linear reverse;
	letter-spacing: 0;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	font-size: 2.5vw;
}

.sideWord>p:nth-child(2) {
	font-size: 1.5vw;
	color: rgba(255,255,255,0.8);
}
.sideBanner .swiper-slide{
	position: relative;
}
.sideBanner .swiper-slide::after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.1);
}