.martop-60 {
	margin-top: -.6rem;
}

.ind-title span {
	font-size: .24rem;
	font-weight: 400;
	color: #0E59D1;
	line-height: .33rem;
}

.ind-title h5 {
	font-size: .45rem;
	font-weight: 600;
	color: #222222;
	line-height: .6rem;
}

.ind-title p {
	font-size: .18rem;
	font-weight: 400;
	color: #666666;
	line-height: .30rem;
}

.martop20 {
	margin-top: .1rem;
}

.martop31 {
	margin-top: .31rem;
}

.martop8 {
	margin-top: .08rem;
}

.weui-flex-warp {
	display: flex;
}

.common-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 2.4rem;
	height: 60px;
	line-height: 60px;
	background: #0E59D1;
	box-sizing: border-box;
	padding: 0 .3rem;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: .18rem;
	transition: all .3s;
	position: relative;
}

.common-more:hover {
	color: #ffffff;
	transform: translateY(-5px);
}

.more-box {
	position: absolute;
	width: .23rem;
	height: .23rem;
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	opacity: 1;
	right: .1rem;
}

.more-box::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: .05rem;
	height: .05rem;
	background: #fff;
	border-radius: 50%;
	margin-top: -.025rem;
	margin-left: -.025rem;
	z-index: 99;
}

.more-box::after {
	position: absolute;
	content: '';
	top: 50%;
	width: .52rem;
	height: 1px;
	background: #fff;
	left: -.405rem;
	margin-top: -0.05px;
}

.common-more i {
	position: absolute;
	right: -5px;
	bottom: -20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 1);
	z-index: 11;
	display: block;
	border-radius: 50%;
	transform: scale(1);
	opacity: 0;
}

.common-more i:nth-child(2) {
	transform: scale(2);
}

.common-more i:nth-child(3) {
	transform: scale(3);
}

.common-more:hover {
	text-align: center;
	color: #fff;
	clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.common-more:hover i:nth-child(4) {
	-webkit-animation: sxxs1 1s .3s linear infinite;
	-moz-animation: sxxs1 1s .3s linear infinite;
}

.common-more:hover i:nth-child(5) {
	-webkit-animation: sxxs1 1s .6s linear infinite;
	-moz-animation: sxxs1 1s .6s linear infinite;
}

.common-more:hover i:nth-child(6) {
	-webkit-animation: sxxs1 1s 1s linear infinite;
	-moz-animation: sxxs1 1s 1s linear infinite;
}

@keyframes sxxs1 {
	0% {
		-webkit-transform: scale(0);
		opacity: .3;
	}

	100% {
		-webkit-transform: scale(10);
		opacity: 0;
	}
}


.pjoin-title h4 {
	font-size: .4rem;
	font-weight: 600;
	color: #222222;
	line-height: .56rem;
}

.pjoin-title p {
	font-size: .26rem;
	font-weight: 300;
	color: #999999;
	line-height: .37rem;
	margin-top: 4px;
	text-transform: uppercase
}


.section2-more .more-box,
.section3-more .more-box,
.news-more .more-box {
	right: .3rem;
}

.news-list-more .more-box {
	right: 0;
}

/*  */

header {
	background: #fff;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	justify-content: space-between;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
}

.logo {
	width: 1.3rem;
	overflow: hidden;
	height: 60px;
	position: relative;
}

.logo img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	opacity: 0;
}

.logo img:nth-child(2) {
	opacity: 1;
}

.header-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 80px;
	margin-left: 7vw;
}

.header-nav ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.header-nav ul,
.header-nav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.header-nav ul li {
	position: relative;
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.header-nav ul li>a {
	padding: 0 1.6vw;
	font-size: 16px;

	position: relative;
	font-weight: 400;

	color: #333;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;
}

.sub-nav {

	position: absolute;

	left: 0;

	visibility: hidden;

	/* pointer-events: none; */

	top: 80px;

	opacity: 0;

	width: 160%;

	min-width: 100px;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	display: flex;

	justify-content: space-between;

	background-color: #fff;

	box-shadow: 0 4px 5px rgb(0 0 0 / 10%);

}

.sub-nav .nav-item {

	background-color: #fff;

	min-width: 120px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;

	width: 100%;

}

.header-nav ul li:nth-child(3) .sub-nav,
.header-nav ul li:nth-child(4) .sub-nav {
	width: 200%;
}

.sub-nav .nav-item a {
	padding: 16px 15px 20px;
	width: 100%;
	display: flex;
	background: transparent;
	font-size: 16px;
	font-weight: 400;
	color: #777777;
	line-height: 22px;

	align-items: center;
	justify-content: space-between;
	transition: all .5s;

	border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.sub-nav .nav-item a:last-child {
	border-bottom: 0;
}

.sub-nav .nav-item a .more-box {
	opacity: 0;
}

.sub-nav .nav-item a:hover {
	background: #0E59D1;
	color: #fff;
}

.sub-nav .nav-item a:hover .more-box {
	opacity: 1;
}

.header-right {

	display: flex;

	align-items: center;

	transition: all .3s;



}

.header-search {

	display: flex;

	align-items: center;

	transition: all .3s ease;
	margin-right: 0.15rem;
	cursor: pointer;

}

.header-search>img {

	width: 0.18rem;

	margin-right: 0.1rem;

	transition: all .3s ease;

}

.header-search input {
	background: transparent;
	width: 60px;
	margin-right: .1rem;
	height: 20px;
	line-height: 20px;
}

.tell {

	display: flex;

	align-items: center;

	font-size: .18rem;

	transition: all .3s ease;

	/**border-left: 0.01rem solid rgba(51, 51, 51, 0.3);**/

	font-family: "DIN-Medium";

}

.tell>img {

	width: 0.18rem;

	margin-right: 0.1rem;

	margin-left: 0.3rem;

	transition: all .3s ease;

}

.header-nav ul li.on {
	background: #0E59D1;
}

.header-nav ul li.on>a {
	color: #ffffff !important;
}

.header-search>img:nth-child(1),
.tell>img:nth-child(1) {
	display: none;
}

.header-search>img:nth-child(2),
.tell>img:nth-child(2) {
	display: block;
}

header.on .logo img:nth-child(1) {
	opacity: 0;
}

header.on .logo img:nth-child(2) {
	opacity: 1;
}

.sub-nav.on {
	visibility: visible;
	opacity: 1;
}

.nav-icon {

	display: block;

	position: absolute;

	right: 15px;

	top: 50%;

	margin-top: -7px;

}

.nav-icon span {

	display: block;

	width: 22px;

	height: 2px;

	background: #333;

	border-radius: 2px;

	transition: all .3s linear;

}

.nav-icon span:not(:first-child) {

	margin-top: 4px;

}

.nav-icon.on span:nth-of-type(1) {

	-webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);

	transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);

}

.nav-icon.on span:nth-of-type(2) {

	width: 0;

}

.nav-icon.on span:nth-of-type(3) {

	-webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);

	transform: matrix(1, 0, 0, 1, 0, -6) rotate(-45deg);

}

.header-nav ul li.active>a {
	color: #0E59D1;
}

/* 索搜框 */
.search-box {
	position: fixed;
	height: 1rem;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	height: .89rem;
	z-index: 999;
	padding: 0 23%;
	display: flex;
	opacity: 0;
	justify-content: center;
	align-items: center;
	transform: translateY(-100%);
	cursor: pointer;
	transition: all .5s ease;
}

.search-close {
	display: flex;
	align-items: center;
	width: .22rem;
	margin-left: 13.8vw;
	cursor: pointer;
	transition: all .3s ease;
}

.search-box>input {
	border-bottom: 1px solid #d7d7d7;
	width: 4rem;
	height: 50px;
}

.search-box>img {
	width: 36px;
	height: 36px;
}

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

.search-box.on {
	transform: translateY(0%);
	opacity: 1;
}

/* 轮播图 */



#section0 .swiper-slide {
	background-color: #efefef;
	overflow: hidden;
}

#section0 .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#section0 .swiper-container {
	height: 100vh;
	position: relative;
}

#section0 .images {
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-txt {
	position: absolute;
	top: 3.37rem;
	left: 1.9rem;
}

.banner-txt1 {
	color: #FFFFFF;
	font-size: 0.56rem;
	line-height: 0.78rem;
	font-weight: 600;
}

.banner-txt2 {
	color: #FFFFFF;
	font-size: 0.4rem;
	line-height: 0.47rem;
	margin-top: 16px;
	margin-bottom: 14px;
}

.banner-txt3 {
	color: #FFFFFF;
	font-size: 0.3rem;
	line-height: 0.40rem;
}

.banner-info {
	display: flex;
	position: absolute;
	color: #ffffff;
	align-items: center;
	z-index: 5;
	left: 0;
	justify-content: center;
	right: 0;
	top: 93vh;
}

.banner-info .mouse {

	width: 22px;

	height: 32px;

	border: 1px solid #fff;

	border-radius: 40px;

	margin-left: 0.1rem;
	margin-right: 0.1rem;

	position: relative;

}

.banner-info .mouse:after {

	content: "";

	position: absolute;

	width: 2px;

	height: 8px;

	top: 8px;

	left: 50%;

	margin-left: -1px;

	background: #fff;

	-webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

	animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

.banner-page-num {
	position: absolute;
	z-index: 6;
	left: 9.896%;
	top: 93vh;
}

.banner-page-num span {
	display: inline-block;
	margin-right: .2rem;
	color: rgba(255, 255, 255, 0.5);
	position: relative;
	transition: all .3s;
	font-family: "DINRegular";
}

.banner-page-num span::after {
	position: absolute;
	top: 50%;
	margin-top: -1px;
	height: 1px;
	width: 10px;
	left: 115%;
	z-index: 2;
	background: transparent;
	content: '';
	transition: all .3s;
}

.banner-page-num span.on {
	color: rgba(255, 255, 255, 1);
	margin-right: .4rem;
}

.banner-page-num span.on::after {
	background: #fff;
}

/* 轮播左右切换键 */

#section0 .swiper-button-next,
#section0 .swiper-button-prev {
	top: 93vh;
	width: .48rem;
	height: .48rem;
	border-radius: 50%;
}

#section0 .swiper-button-next {
	background: url(../images/next-btn.png) no-repeat;
	background-size: .48rem .48rem;
	right: 9.896%;
}

#section0 .swiper-button-prev {
	background: url(../images//prev-btn.png) no-repeat;
	background-size: .48rem .48rem;
	right: calc(9.896% + .68rem);
	left: unset;
}

#section0 .swiper-button-next:hover,
#section0 .swiper-button-prev:hover {
	background-color: #0E59D1;
}

#fp-nav ul li .fp-tooltip {
	color: #ffffff;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	margin: 21px;
}

#fp-nav ul li .fp-tooltip {
	top: -9px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	width: 10px;
	height: 2px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 0;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #ffffff;
	width: 10px;
	height: 2px;
	border-radius: 0;
}

#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,
#fp-nav ul li:hover a,
.fp-slidesNav ul li:hover a {
	transform: translateX(10px);
}

#fp-nav.none {
	opacity: 0;
}

/*白色侧边导航 */

#fp-nav.on ul li .fp-tooltip {
	color: #000000;
}

#fp-nav.on ul li a span,
.fp-slidesNav ul li a span {
	background: #959595;
	;
}

#fp-nav.on ul li:hover a span,
.fp-slidesNav ul li:hover a span,
#fp-nav.on ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav.on ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #2D2D2D;
}





#section1 {
	background: url(../images/bg1.jpg) no-repeat;
	background-size: 100% 100%;
	/*padding-top: .38rem;*/
}

#section1 .container-fluid {
	margin-top: .45rem;
}

#section2 {
	background: url(../images/bg2.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 40px;
}



#section2 .section2-item-left,
#section2 .section2-item-right {
	width: 30%;
}

#section2 .section2-item-left {
	padding-top: 1rem;
}

#section2 .section2-item-left .section2-tell {
	font-size: .44rem;
	font-weight: 600;
	color: #FFFFFF;
	line-height: .53rem;
	display: flex;
	align-items: center;
	margin-top: .51rem;
}

#section2 .section2-item-left .section2-tell img {
	width: 32px;
	margin-right: .1rem;
}

#section2 .section2-item-left .section2-more {
	margin-top: 1.38rem;
}

#section2 .section2-item-mid {
	width: 40%;
}

#section2 .section2-item-mid img {
	max-width: 100%;
	margin-top: .7rem;
	margin-left: .16rem;
}

#section2 .section2-item-right {
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding-left: calc(3.43% + .6rem);
}

#section2 .section2-item-right .list {

	position: relative;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	width: 100%;
}

/* #section2 .section2-item-right  .list::after{

  position: absolute; content: ''; width: 1.68rem; height: 1.68rem; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 0.5); left: 0; top: 0; margin-top: -.44rem;

  left: -.44rem;

} */

#section2 .section2-item-right .list::after {

	position: absolute;
	content: '';
	width: 1.68rem;
	height: 1.68rem;
	border-radius: 50%;
	background: url(../images/border.png) no-repeat;
	left: 0;
	top: 0;
	margin-top: -.44rem;

	left: -.44rem;
	background-size: 100% 100%;

}

#section2 .section2-item-right .list .icon_ {

	background: #fff;

	z-index: 4;

	margin-right: 15px;

	width: .8rem;

	height: .8rem;

	border-radius: 50%;

	line-height: .8rem;

	text-align: center;

	display: inline-block;

	position: relative;



}

#section2 .section2-item-right .list .icon_::after {

	content: "";

	width: .9rem;

	height: .9rem;

	background: rgba(255, 255, 255, 0.05);

	position: absolute;

	top: 0%;

	left: 0%;

	margin-left: -.05rem;

	margin-top: -.05rem;

	border-radius: 50%;

	animation: point1 2s infinite;

}

#section2 .section2-item-right .list .icon_ img {

	width: .44rem;
	height: .44rem;
	margin: .18rem auto;

}

#section2 .section2-item-right .list .section2-txt {
	flex: 1;
	max-width: calc(100% - 1rem);
}

#section2 .section2-item-right .list .section2-txt h3 samp {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 17px;
	vertical-align: top;
}

#section2 .section2-item-right .list .section2-txt h3 span {
	font-size: .40rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: .63rem;
	font-family: "DIN-Medium";
}

#section2 .section2-item-right .list .section2-txt p {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
}

#section3 {
	background: url(../images/people.png) no-repeat, url(../images/bg3.jpg) no-repeat;
	background-size: auto 5.55rem, 100% 100%;
	background-position: 60px 128%, left top;
}

#section3 .container-fluid {
	margin-top: .65rem;
}

#section3 .section3-list {
	justify-content: space-between;
}

#section3 .section3-list .section3-list-item {
	width: 32%;
	background-color: #ffffff;
	box-shadow: 0px 6px 16px 0px rgba(204, 212, 226, 0.4);
	padding: .4rem .6rem;
	background-image: url(../images/ind4-bg.png);
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: .62rem;
	margin-bottom: .7rem;
	cursor: pointer;
	transition: all .3s;
}

#section3 .section3-list .section3-list-item:hover {
	transform: translateY(-10px);
}

#section3 .section3-list .section3-list-item img {
	width: .6rem;
	height: .6rem;
}

#section3 .section3-list .section3-list-item .section3-p1 {
	font-size: .3rem;
	font-weight: 600;
	color: #222222;
	line-height: .42rem;
	margin-top: 22px;
}

#section3 .section3-list .section3-list-item .section3-p2 {
	font-size: .18rem;
	font-weight: 400;
	color: #222222;
	line-height: .25rem;
	margin-top: 10px;
}

#section3 .section3-bottom-txt .ind-title {
	text-align: right;
}

#section3 .section3-bottom-txt .ind-title .section3-bottom-tel {
	font-size: .26rem;
	font-weight: 600;
	color: #0E59D1;
	line-height: .37rem;
	margin-top: .4rem;
}

#section3 .section3-bottom-txt .ind-title .section3-bottom-tel span {
	font-family: "DIN-Medium";
	color: #0E59D1;
	font-size: .26rem;
	font-weight: 600;
	line-height: .37rem;
}

#section3 .section3-bottom-txt .section3-more {
	margin-top: .5rem;
	float: right;
}

#section4 {
	background: url(../images/bg4.jpg);
}

#section4 .container-fluid {
	margin-top: 1.2rem;
}

#section4 .ind-news-left {
	width: 21%;
}

#section4 .ind-news-right {
	width: 79%;
}

#section4 .ind-news-left .news-tabs-title {
	margin-top: 1.3rem;
	cursor: pointer;
}

#section4 .ind-news-left .news-tabs-title p span {
	font-size: .2rem;
	font-weight: 400;
	color: #484848;
	line-height: .28rem;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: .5rem;
	border-bottom: 3px solid transparent;
	transition: all .5s;
}

#section4 .ind-news-left .news-tabs-title p.on span,
#section4 .ind-news-left .news-tabs-title p:hover span {
	color: #0E59D1;
	border-bottom: 3px solid #0E59D1;
}

#section4 .ind-news-left .news-more {
	margin-top: 1.9rem;
}

#section4 .ind-news-right .news-content {
	align-items: center;
	display: none;
	justify-content: space-between;
	flex-wrap: wrap;
}

#section4 .ind-news-right .news-content.on {
	display: flex;
}

#section4 .ind-news-right .news-content .news-content-item {
	width: 48.5%;
	margin-bottom: .4rem;
	background: rgba(255, 255, 255, 1);
	display: flex;
	padding: .5rem .6rem;
	transition: all .5s;
}

#section4 .ind-news-right .news-content .news-content-item .news-bg-box {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	transition: all .5s;
}

#section4 .ind-news-right .news-content .news-content-item .new-hover-bg {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition: all .5s;
	background: rgba(255, 255, 255, 0);
}

#section4 .ind-news-right .news-content .news-content-item .news-bg-box img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#section4 .ind-news-right .news-content .news-content-item .news-left-time {
	margin-right: .44rem;
	z-index: 3;
}

.news-content-item .news-left-time .n-p1 {
	font-size: .32rem;
	font-weight: 400;
	color: #000000;
	line-height: .39rem;
	transition: all .5s;
}

.news-content-item .news-left-time .n-p2 {
	font-size: 15px;
	font-weight: 400;
	color: #888888;
	line-height: 18px;
	padding-bottom: .45rem;
	border-bottom: 1px solid #bbbbbb;
	transition: all .5s;
}

#section4 .ind-news-right .news-content .news-content-item .news-right-txt {
	flex: 1;
	z-index: 3;
}

.news-content .news-content-item .news-right-txt h5 {
	font-size: .18rem;
	font-weight: 600;
	color: #222222;
	line-height: .3rem;
	transition: all .5s;
}

.news-content .news-content-item .news-right-txt p {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	margin-top: .13rem;
	transition: all .5s;
}



#section4 .ind-news-right .news-content .news-content-item:hover .news-bg-box {
	opacity: 1;
}

#section4 .ind-news-right .news-content .news-content-item:hover .new-hover-bg {
	background: rgba(23, 43, 75, 0.6);
	opacity: 1;
}

.news-content .news-content-item:hover .news-left-time .n-p1,
.news-content .news-content-item:hover .news-left-time .n-p2,
.news-content .news-content-item:hover .news-right-txt h5,
.news-content .news-content-item:hover .news-right-txt p {
	color: #fff;
}



/* footer */

footer {
	display: flex;
	background: #02182E;
	min-height: 300px;
}

footer .footer {
	flex: 1;
}

footer .footer .footer-content-top {
	padding-left: 9.896%;
	padding-bottom: .6rem;
}

footer .footer-logo {
	width: 1.22rem;
}

footer .footer .footer-content-top .footer-left {
	padding-top: .9rem;
	width: 62%;
}

.footer .footer-content-top .footer-left .footer-list {
	color: #FFFFFF;
	margin-top: .44rem;
}

footer .footer-list ul {
	list-style: none;
	padding-left: 0;
}

footer .footer-list ul li>p {
	font-size: .2rem;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 28px;
	margin-bottom: .16rem;
}

footer .footer-list ul li .footer-sub {
	width: 100%;
	margin-right: 1.38rem;
}

footer .footer-list ul li .footer-sub a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 34px;
	color: rgba(255, 255, 255, 0.8);
	transition: all .3s;
}

footer .copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	color: rgba(255, 255, 255, 0.5);
	line-height: 21px;
	padding-left: 9.896%;
	padding-top: .39rem;

	padding-bottom: .39rem;
}

footer .copyright p {
	font-size: 15px;
}

footer .copyright p a {
	color: rgba(255, 255, 255, 0.5);
	transition: all .3s;
}

footer .copyright p a:hover,
footer .footer-list ul li .footer-sub a:hover {
	color: #fff;
}

.footer-right {
	padding-top: .9rem;
	width: 25%;
}

.footer-right .footer-right-p1 {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 22px;
}

.footer-right .footer-right-p2,
.footer-right .footer-right-p2 a {
	font-size: .3rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: .36rem;
	font-family: "DIN-Medium";
	margin-top: .14rem;
}

.footer-right-code {
	justify-content: space-between;
	margin-top: .72rem;
}

.footer-right-code>div {
	width: 48%;
	text-align: center;
}

.footer-right-code>div img {
	width: 1.5rem;
	height: 1.5rem;
	margin: auto;
	margin-bottom: .25rem;
}

.footer-right-code>div p {
	color: #FFFFFF;
	font-size: .18rem;
	line-height: .25rem;
}

footer .footer-top {
	width: 1.5rem;
	background: #0E59D1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-top>div {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	writing-mode: tb-rl;
	cursor: pointer;
}

.footer-top>div .more-box {
	transform: rotate(-90deg);
	margin-bottom: .55rem;
	position: relative;
	right: 0;
}



/* 内页banner图 */

.banner-p0 {
	padding: 0 !important;
}

.banner-box {
	position: relative;
	height: 7rem;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: .8rem;
	-webkit-animation-name: bigtosmall;
	animation-name: bigtosmall;
	transform-origin: 50% 50%;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.other-banner-txt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.other-banner-txt div {
	/*max-width: 37%; */
	text-align: center;
	max-width: 85%;
}

.other-banner-txt div h3 {
	font-size: 0.48rem;
	font-weight: 600;
	line-height: 0.47rem;
	margin-bottom: .26rem;
}

.other-banner-txt div p {
	font-size: .24rem;
	font-weight: 400;
	line-height: .4rem;
}

/* 内页二级标题 */

.nav-title {
	text-align: center;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	height: 0.8rem;
	height: .8rem;
	line-height: .8rem;
	font-size: 0px;
	transform: translateY(-30px);
	font-size: 0px;
	padding-bottom: 1.5rem;
}

.item-a {

	color: #212121;

	display: inline-block;

	box-shadow: 0px 14px 60px 0px rgba(126, 134, 148, 0.32);

	height: 0.8rem;

	background-color: #FFFFFF;

	line-height: 0.8rem;

	text-align: center;

	position: relative;

	overflow: hidden;

	/* padding: 0 .6rem; */

	margin-right: .2rem;



}

.wid300 {
	width: 3rem;
}

.wid240 {
	width: 2.4rem;
}



.item-a .icon {



	display: inline-block;

	vertical-align: middle;

	width: .3rem;

	height: .3rem;

	position: relative;

	margin-right: .1rem;

	z-index: 2;



}



.item-a span {



	font-size: 0.2rem;



	color: #212121;



	display: inline-block;



	vertical-align: middle;



	position: relative;



	z-index: 2;



	transition: all .3s ease;



}



.item-a.on,
.item-a:hover {
	background: linear-gradient(270deg, #2192EA 0%, #0E59D1 100%);
}





.item-a .icon img {

	position: absolute;

	left: 0;

	top: 0;

	transition: all .3s ease;

}

.nav-title a img {

	display: inline-block;

	width: 0.3rem;

}

.item-a .icon img:nth-child(2) {
	opacity: 0;
}

.item-a.on span,
.item-a:hover span {

	color: #fff;

}



.item-a::before {



	content: "";



	position: absolute;



	left: 0;



	top: 0;



	bottom: 0;



	width: 0;

	background-image: url(../images/sub-nav-bg.png);

	transition: all .3s ease;



}

.item-a:hover::before,
.item-a.on::before {

	width: 100%;



}

.item-a.on .icon img:nth-child(1),
.item-a:hover .icon img:nth-child(1) {
	opacity: 0;
}

.item-a.on .icon img:nth-child(2),
.item-a:hover .icon img:nth-child(2) {
	opacity: 1;
}

/* 新闻列表 */

.bg-f7f7f7 {
	background: #F7F7F7;
}

.news-sec4-lists {
	margin-top: -0.45rem;
}

.new-section2-content {
	margin-top: 0.26rem;
	justify-content: space-between;
}

.new-section2-content .new-section2-item {
	width: 32%;
	padding: .4rem;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(141, 154, 174, 0.2);
	transition: all .5s ease;
	cursor: pointer;
	margin-bottom: 0.42rem;
}

.new-section2-item-title span {
	font-size: 14px;
	color: #484848;
	line-height: 20px;
}

.new-section2-item-title p {
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	line-height: 30px;
	height: 60px;
	margin-top: 0.15rem;
	margin-bottom: 0.2rem;
	transition: all .5s ease;
}

.new-section2-item-img {
	height: 2.44rem;
	margin-bottom: 0.2rem;
}

.new-section2-item-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.new-section2-item-txt p {
	font-size: 14px;
	font-weight: 400;
	color: #888888;
	line-height: 24px;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);
	transition: all .5s ease;
}

.new-section2-item-txt-link {
	display: flex;
	align-items: center;
	margin: 0.32rem 0;
}

.new-section2-item-txt-link a {
	display: inline-block;
	width: 1.4rem;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 0.24rem;
	background: #EDF1F8;
	color: #8D8D8E;
	font-size: 12px;
	transition: all .3s ease;
}

.new-section2-item:last-child:nth-child(3n + 2) {
	margin-right: calc((100% - 32%) / 2);
}

.new-section2-item .news-list-more {
	background: transparent;
	color: #484848;
	padding: 0;
	border-top: 2px solid #d8d8d8;
	width: 100%;
	border-radius: 0;
	font-size: 14px;
	line-height: 20px;
}

.new-section2-item .news-list-more .more-box {
	border: 1px solid #484848;
}

.new-section2-item .news-list-more .more-box::before {
	background: #484848;
}

.new-section2-item .news-list-more .more-box::after {
	background: #484848;
}



.new-section2-item:hover {
	background: #0E59D1;
}

.new-section2-item:hover .new-section2-item-title span,
.new-section2-item:hover .new-section2-item-title p,
.new-section2-item:hover .new-section2-item-txt p,
.new-section2-item:hover .new-section2-item-txt-link a,
.new-section2-item:hover .news-list-more {
	color: #fff;
}

.new-section2-item:hover .new-section2-item-txt-link a {
	background: #6097EF;
}

.new-section2-item:hover .news-list-more .more-box {
	border: 1px solid #fff;
}

.new-section2-item:hover .news-list-more .more-box::before {
	background: #fff;
}

.new-section2-item:hover .news-list-more .more-box::after {
	background: #fff;
}



.news-sec5-item {
	padding: 0.4rem .8rem .4rem .6rem;
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	transform: translateY(0);
	margin-bottom: 32px;
	transition: all .5s;
	cursor: pointer;
}

.news-sec5-item .news-time {
	font-size: 14px;
	font-weight: 500;
	color: #0E59D1;
	line-height: .28rem;
	width: 130px;
	padding-top: .1rem;
}

.news-sec5-right {
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}

.news-contents {
	width: 83%;
	max-width: 55vw;
}

.news-sec5-right h6 {
	font-size: .2rem;
	font-weight: 600;
	color: #222;
	line-height: .3rem;
}

.news-sec5-right p {
	font-size: 14px;
	font-weight: 400;
	color: #484848;
	line-height: 24px;
	margin-top: .2rem;
}

.news-sec5-right-a {
	width: 160px;
}

.news-sec5-right-a .common-more {
	width: 100%;
	padding: 0 .1rem;
	background: transparent;
	color: #484848;
	font-size: 14px;
}





.news-sec5-right-a .more-box {
	border: 1px solid #484848;
}

.news-sec5-right-a .more-box::before {
	background: #484848;
}

.news-sec5-right-a .more-box::after {
	background: #484848;
}



.marb-40 {
	margin-bottom: 40px;
}

.news-sec5-item:hover {
	transform: translateY(-10px);
}

.news-pages {
	text-align: center;
}

.pages-mtop {
	margin-top: .6rem;
	margin-bottom: 1rem;
}

.news-pages .pagination>.active>a,
.news-pages .pagination>.active>a:focus,
.news-pages .pagination>.active>a:hover,
.news-pages .pagination>.active>span,
.news-pages .pagination>.active>span:focus,
.news-pages .pagination>.active>span:hover,
.news-pages .pagination>li>a:hover {
	background: transparent;
	color: #0E59D1;
	border: 1px solid #0E59D1;
}

.news-pages .pagination>li>a,
.news-pages .pagination>li>span {
	color: #333333;
	background-color: transparent;
	border: 0;
	height: .5rem;
	width: .5rem;
	border-radius: 50%;
	line-height: .5rem;
	text-align: center;
	padding: 0;
	margin-right: .25rem;
}

/* 新闻详情 */

.news-detail {
	background: #F7F7F7;
}

.news-details {
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	margin-top: .6rem;
	padding: .7rem 3.2rem .3rem;
	margin-bottom: 1rem;
}



.news-details-content-top h3 {
	font-size: .28rem;
	font-weight: 600;
	color: #212121;
	line-height: .4rem;
	margin-bottom: .4rem;
}

.news-details-content-top p span {
	font-size: 14px;
	color: #888888;
}

.news-border-bottom {
	padding-bottom: .3rem;
	border-bottom: 1px solid #e5e5e5;
}

.news-detail-contents {
	margin-top: .4rem;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	padding-bottom: .6rem;
	border-bottom: 1px solid #e5e5e5;
}

.news-detail-contents * {
	font-size: inherit;
	color: inherit;
}

.news-detail-contents img {
	margin: .3rem auto;
	max-width: 100%;
}

.news-detail-contents h5 {
	font-weight: bold;
	margin-bottom: .2rem;
}

.news-detail-contents p {
	margin-bottom: .2rem;
}

.news-details-content-bottom {
	padding: .42rem 0 .12rem;
}

.news-details-content-bottom a {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}

.news-details-content-bottom span {
	display: inline-block;
	background: #F6F6F6;
	width: 1.18rem;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: .2rem;
	color: #333333;
	font-size: 14px;
}

.news-details-content-bottom p {
	flex: 1;
}

.news-details-content-bottom a:hover {
	color: #0E59D1;
}



/* 解决方案 */

.p-solution {
	margin-top: .7rem;
	justify-content: space-between;
	flex-wrap: wrap;
}

.p-solution .psolution-item {
	width: 46%;
	margin-bottom: 1.2rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.p-solution .psolution-item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all .5s;
}

.p-solution .psolution-item .psolution-txt {
	position: absolute;
	left: .6rem;
	bottom: .6rem;
	right: .6rem;
}

.p-solution .psolution-item .psolution-txt h3 {
	font-size: .34rem;
	font-weight: 600;
	color: #FFFFFF;
	line-height: .48rem;
	margin-bottom: .3rem;
}

.p-solution .psolution-item:hover img {
	transform: scale(1.1);
}

/* 核心服务 */

/* .pservice{ margin-top: .5rem;} */

.pservice .pservice-h3 {
	font-size: .48rem;
	font-weight: 600;
	color: #222222;
	line-height: .67rem;
}

.pservice .pservice-p {
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	margin-top: .2rem;
	margin-bottom: .8rem;
}

.pservice .pservice-item {
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	align-items: center;
	margin-bottom: .6rem;
	cursor: pointer;
}

.pservice .pservice-item .pservice-item-left {
	flex: 1;
	padding: .6rem .8rem .6rem .6rem;
}

.psitem-en {
	font-size: 16px;
	color: #888888;
	line-height: 22px;
}

.psitem-h3 {
	font-size: .36rem;
	color: #333333;
	line-height: .5rem;
	font-weight: 600;
	margin-top: .1rem;
	margin-bottom: .4rem;
	transition: all .5s;
}

.psitem-p {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	margin-bottom: .6rem;
}

.pservice .pservice-item .pservice-item-right {
	height: 4.8rem;
	width: 39vw;
	overflow: hidden;
}

.pservice .pservice-item .pservice-item-right img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all .5s;
}

.pservice .pservice-item:hover .pservice-item-right img {
	transform: scale(1.1);
}

.pservice .pservice-item:hover .psitem-h3 {
	color: #0E59D1;
}

.pservice-more {
	background: transparent;
	color: #484848;
	width: 2.1rem;
}

.pservice-more .more-box {
	border: 1px solid #484848;
}

.pservice-more .more-box::before,
.pservice-more .more-box::after {
	background: #484848;
}



.pservice .pservice-item:hover .pservice-more {
	background: #0E59D1;
	color: #fff;
	width: 2.4rem;
}

.pservice .pservice-item:hover .pservice-more .more-box {
	border: 1px solid #ffffff;
}

.pservice .pservice-item:hover .pservice-more .more-box::before,
.pservice .pservice-item:hover .pservice-more .more-box::after {
	background: #ffffff;
}



/* 加盟合作 */

.pjoinus {
	padding-bottom: 1.26rem;
	padding-top: .87rem;
}

.j1-content {
	justify-content: space-between;
	margin-top: .8rem;
}

.j1-content .j1-item {
	width: 29%;
	background: #F7FAFF;
	padding: .6rem .4rem 0;
	transition: all .3s;
	transform: translateY(0);
}

.j1-content .j1-item span {
	top: 0;
	right: 0;
	width: .6rem;
	height: .6rem;
	color: #ffffff;
	background: #0E59D1;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	line-height: .6rem;
	text-align: center;
	font-family: "DIN-Medium";
}

.j1-content .j1-item h6 {
	color: #0E59D1;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: .17rem;
}

.j1-content .j1-item p {
	color: #484848;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	margin-bottom: .3rem;
	max-width: 76%;
	min-height: 96px;
}

.j1-content .j1-item img {
	height: 3rem;
	margin: auto;
}

.j1-content .j1-item:hover {
	transform: translateY(-10px);
}

.j2-content {
	padding-top: .8rem;
	padding-bottom: 1.2rem;
	background: url(../images/joinus/STRENGTH.png) no-repeat;
	background-position: center 35%;
	background-size: 100% auto;
}

.j2c-p {
	font-size: 18px !important;
	font-weight: 400;
	color: #333333 !important;
	line-height: 32px;
	margin-top: .3rem !important;
	max-width: 74%;
	margin: auto;
}

.j2-inner-box {
	width: 100%;
	background: #ffffff;
	margin-top: .49rem;
}

.j2-inner-box .j2-inner-item {
	width: 33.333%;
	box-sizing: border-box;
	padding: .6rem;
	text-align: center;
	position: relative;
}

.j2-inner-box .j2-inner-item:not(:last-child)::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 60%;
	top: 20%;
	right: 0;
	background: #DDDDDD;
}

.j2-inner-box .j2-inner-item img {
	width: .6rem;
	margin: auto;
	margin-bottom: .32rem;
	transform: translateY(0);
	transition: all .3s;
}

.j2-inner-box .j2-inner-item p {
	max-width: 80%;
	margin: auto;
}

.j2-inner-box .j2-inner-item .j2-p1 {
	font-size: 18px;
	color: #333333;
	line-height: 25px;
	font-weight: 600;
}

.j2-inner-box .j2-inner-item .j2-p2 {
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	font-weight: 400;
	margin-top: 8px;
}

.j2-inner-box .j2-inner-item:hover img {
	transform: translateY(-10px);
}

.j3-content {
	background: url(../images//joinus/j3-bg.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 1.8rem;
	padding-bottom: .8rem;
}

.j3-content .pjoin-title {
	margin-left: 1.9rem;
}

.j3-content .j3-right {
	background: #ffffff;
	overflow: hidden;
	margin: 1.93rem .8rem .8rem;
}



/* .j3-content .j3-right{ padding: .9rem 1.9rem .3rem; box-sizing: border-box; } */

.j3-right-list ul {
	padding: .4rem 1.1rem;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.j3-right-list ul li {
	width: 25%;
	margin-bottom: .2rem;
}

.j3-right-list ul li>div {
	display: flex;
	align-items: baseline;
	transform: translateY(0);
	transition: all .5s;
}

.j3-right-list ul li>div span {
	font-family: "jaapokkienchanceregular";
	font-size: .72rem;
	color: rgba(255, 255, 255, 0);
	line-height: 1.1rem;
	-webkit-text-stroke: 1px #AAAAAA;
	text-stroke: 1px #aaaaaa;
	margin-right: .2rem;
}

.j3-right-list ul li .j3-list-p {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	margin-top: .15rem;
	color: #666666;
	max-width: 70%;
}

.j3-right-list ul li>div p {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	margin-top: .2rem;
	color: #0E59D1;
}

.j3-right-list ul li:hover>div {
	transform: translateY(-10px);
}

.j4-content {
	padding-top: 1rem;
}

.j4-title-p2 {
	font-size: 20px !important;
	color: #333333 !important;
	line-height: 31px !important;
	margin-top: .26rem !important;
}

.j4-list-box {
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: .5rem;
	margin-bottom: .4rem;
}

.j4-list-box .j4-item {
	width: 23%;
	background: #F7F7F7;
	margin-bottom: .6rem;
	padding: .3rem .42rem;
	transform: translateY(0);
	transition: all .5s;
}

.j4-item-num {
	top: 0.24rem;
	right: .2rem;
	font-size: .4rem;
	font-weight: 500;
	color: #D7D7D7;
	line-height: .48rem;
	font-family: "DIN-Medium";
	z-index: 2;
}

.j4-list-box .j4-item img {
	width: .4rem;
	margin-bottom: .16rem;
}

.j4-list-box .j4-item .j4-p1 {
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	line-height: 25px;
}

.j4-list-box .j4-item .j4-p2 {
	font-size: 14px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
	margin-top: 8px;
}

.j4-list-box .j4-item:hover {
	transform: translateY(-10px);
}

.j5-content {
	background: url(../images/joinus/j4-bg.jpg) no-repeat;
	background-size: 100% 102%;
	padding-top: 1rem;
	padding-bottom: .9rem;
}

.j5-list {
	display: inline-block;
	margin-top: 1.5rem;
	margin-bottom: 1.2rem;
}

.j5-list-item {
	text-align: center;
}

.j5-list-item .j5-p1 {
	font-size: 20px;
	color: #FFFFFF;
	line-height: 28px;
}

.j5-list-item .j5-p2 {
	font-size: .32rem;
	color: #FFFFFF;
	line-height: .39rem;
	font-weight: 500;
	font-family: "DIN-Medium";
	margin-top: .09rem;
	margin-bottom: .19rem;
}

.j5-list-item div {
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	transform: rotate(0);
	transition: all .6s;
}

.j5-list-item div:hover {
	transform: rotate(180deg);
}

.j5-list-item div img {
	width: .36rem;
	margin: .22rem auto;
}

.pos1 {
	left: 5%;
	top: 20%;
}

.pos2 {
	left: 19%;
	top: 80%;
}

.pos3 {
	left: 33%;
	top: 7%;
}

.pos4 {
	left: 48%;
	top: 59%;
}

.pos5 {
	left: 62%;
	top: -38%;
}

.pos6 {
	left: 76%;
	top: 26%;
}

.pos7 {
	left: 89%;
	top: -40%;
}

.j6-content {
	padding-top: .8rem;
	padding-bottom: 1.2rem;
}

.j6-list {
	margin-top: .5rem;
}

.j6-list .j6-list-item {
	width: 33.333%;
	background: #F1F6FF;
	padding: .73rem .42rem .5rem;
	text-align: center;
}

.j6-list .j6-list-item:nth-child(2) {
	background: #0E59D1;
}

.j6-list .j6-list-item img {
	width: .66rem;
	margin: auto;
	transform: translateY(0);
	transition: all .5s;
}

.j6-list .j6-list-item .j5-p1 {
	font-size: 20px;
	font-weight: 400;
	color: #484848;
	line-height: 28px;
	margin-top: .22rem;
}

.j6-list .j6-list-item .j5-p2 {
	font-size: .26rem;
	font-weight: 500;
	color: #222222;
	line-height: 37px;
	margin-top: .15rem;
}

.j6-list .j6-list-item:nth-child(2) .j5-p1,
.j6-list .j6-list-item:nth-child(2) .j5-p2 {
	color: #ffffff;
}

.j6-list .j6-list-item:nth-child(2) .j5-p2 {
	font-family: "DIN-Medium";
}

.j6-list .j6-list-item:hover img {
	transform: translateY(-10px);
}



/* 中卡招聘 */

.precruitment {
	padding-top: .5rem;
	padding-bottom: .51rem;
	margin-top: -.6rem;
}

.precruitment .precruitment-p1 {
	font-size: 18px !important;
	color: #333333 !important;
	line-height: 32px !important;
	text-align: center;
	max-width: 60%;
	margin: .4rem auto;
	margin-top: .4rem !important;
}



.precruitment-list .precruitment-list-item {
	width: 20%;
	text-align: center;
	position: relative;
	padding: .06rem .32rem .23rem .32rem;
}

.precruitment-list .precruitment-list-item:not(:last-child)::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 70%;
	top: 15%;
	right: 0;
	z-index: 2;
	background: #EDEDED;
}

.precruitment-list .precruitment-list-item span {
	font-size: .68rem;
	font-weight: 500;
	color: #EDEDED;
	line-height: .82rem;
	font-family: "DIN-Medium";
	display: block;
	transform: translateY(0);
	transition: all .5s;
}

.precruitment-list .precruitment-list-item .precruitment-title {
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	line-height: 28px;
	margin-bottom: .14rem;
	margin-top: .11rem;
}

.precruitment-list .precruitment-list-item .precruitment-txt {
	font-size: 14px;
	font-weight: 500;
	color: #686868;
	line-height: 22px;
}

.precruitment-list .precruitment-list-item:hover span {
	transform: translateY(-10px);
}

@-moz-document url-prefix() {

	fieldset {
		display: table-cell;
	}

}

.talentsWanted {
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	margin-top: .6rem;
	padding: .8rem;
}



.talentsWanted-h2-mb {
	margin-bottom: 0.45rem;
}



.jobs-list {
	background-color: #ffffff;
	margin-top: .8rem;
}



.talentsWanted-box .table>thead>tr>th {
	font-size: .18rem;
	color: #212121;
}



.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	height: 0.64rem;
	line-height: 0.64rem;
	border-bottom: 1px solid #E5E5E5;

}



.table>tbody>tr>td:nth-child(1),
.table>thead>tr>th:nth-child(1) {
	padding-left: 0.75rem;
}



.table>tbody>tr>td,
.table>tbody>tr>th {
	font-size: 0.16rem;
	cursor: pointer;
	color: #212121;
}



.add {
	position: relative;
	width: 0.16rem;
	display: block;
	height: 100%;
}



.add::before {
	content: '';



	position: absolute;



	right: 10px;



	top: 0.36rem;



	width: 0.16rem;

	left: 0;



	border-top: 0.02rem solid #E5E5E5;
}



.add::after {

	content: '';



	position: absolute;



	right: 0.17rem;

	left: 0.07rem;

	top: 0.3rem;



	height: 0.16rem;



	border-right: 0.02rem solid #E5E5E5;



	transition: all .3s;



}



.jobs-content {
	margin-top: 0.45rem;
	margin-left: 0.4rem;
	line-height: 0.45rem;
	margin-bottom: 0.86rem;
	margin-right: 1.1rem;
}

.jobs-content h5 {
	font-size: 16px;
	font-weight: 600;
	color: #212121;
	line-height: 22px;
	margin-bottom: 0.08rem;
}

.jobs-content p {
	font-size: 0.18rem;
	font-weight: 400;
	color: #6B6F78;
	line-height: 32px;
}



.jobs-content * {
	font-size: inherit;
	line-height: inherit;
}



.tab-contents {
	display: none;
	transition: all .3s ease-in-out;
}



tr.on+.tab-contents {
	display: table-row;
}



tr.on .add::after {
	border-right: 0;
}



.talentsWanted-table tbody tr.on td,
.talentsWanted-table tbody tr:hover td {
	background: #F0F0F0;
}

.talentsWanted-table tbody tr.tab-contents:hover td {
	background: transparent;
}

.talentsWanted-2 {
	background: url(../images/contact/img.jpg) no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 0.94rem 0.7rem;
	margin-top: .8rem;
	margin-bottom: 1.3rem;
}

.talentsWanted-2 .pjoin-title {
	margin-bottom: .39rem;
}

.talentsWanted-2 p {
	font-size: 0.18rem;
	font-weight: 400;
	line-height: 0.32rem;
	color: #ffffff;
	max-width: 60%;
}

/* 中卡客服 */

.kefu-info {
	background: #FFFFFF;
	margin-bottom: 1.2rem;
	min-height: 1rem;
}

.kefu-info .kefu-left {
	padding: .6rem .7rem;
	width: 40%;
}

.kefu-info .kefu-left .kefu-title h4 {
	font-size: .28rem;
	font-weight: 600;
	color: #0E59D1;
	line-height: .4rem;
}

.kefu-info .kefu-left .kefu-title p {
	font-size: 14px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
	margin-top: 4px;
}



.kf-line {
	display: inline-block;
	width: 12px;
	height: 1px;
	background: #888888;
	margin-bottom: .4rem;
	margin-top: .4rem;
}

.kefu-info .kefu-left .kefu-tp p,
.kefu-info .kefu-left .kefu-tp a {
	font-size: 18px;
	line-height: 40px;
	display: block;
}

.kefu-info .kefu-left .kefu-tp p span,
.kefu-info .kefu-left .kefu-tp a span {
	color: #888888;
}

.kefu-info .kefu-mid {
	padding: .6rem .2rem;
	width: 26%;
}

.kefu-info .kefu-mid>p {
	font-size: 18px;
	color: #212121;
	line-height: 25px;
}

.kefu-info .kefu-mid div {
	display: flex;
	align-items: center;
}

.kefu-info .kefu-mid div img {
	width: 1.5rem;
	margin-right: .018rem;
}

.kefu-info .kefu-mid div p {
	font-size: 16px;
	color: #484848;
	line-height: 22px;
}

.kefu-info .kefu-right {
	padding: .6rem .7rem;
	width: 34%;
	background: #0E59D1;
	color: #fff;
}

.kefu-info .kefu-right .kf-p1 {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: .12rem;
}

.kefu-info .kefu-right .kf-p2 {
	font-size: .28rem;
	line-height: .34rem;
	font-family: "DIN-bold";
	font-weight: bold;
	margin-top: .1rem;
	color: #fff;
	display: block;
}

.kefu-info .kefu-right .kf-p2 span {
	font-weight: 400;
	font-size: 20px;
}

.kefu-info .kefu-right .kf-line {
	background: #fff;
}

.kf-message {
	margin-top: 1.4rem;
	margin-bottom: 1.4rem;
}

.kf-message-left {
	width: 50%;
	padding-right: 1.1rem;
}

.kfmart60 {
	margin-top: .6rem;
}

.kf-message-txt {
	margin-top: .42rem;
}

.kf-message-txt>p {
	font-size: 18px;
	color: #888888;
	line-height: 25px;
	margin-bottom: .51rem;
}

.kf-message-txt div {
	display: flex;
	flex-wrap: wrap;
}

.kf-message-txt div p {
	width: 50%;
	border-top: 1px solid #E6E6E7;
	border-bottom: 1px solid #E6E6E7;
	padding-top: .3rem;
	padding-bottom: .3rem;
}

.kf-message-txt div p samp,
.kf-message-txt div p span {
	display: block;
}

.kf-message-txt div p samp {
	font-size: 14px;
	color: #8C9199;
	line-height: 20px;
	margin-bottom: 3px;
}

.kf-message-txt div p span {
	font-size: 18px;
	color: #212121;
	line-height: 25px;
	font-weight: 600;
}

.kf-message-right {
	width: 50%;
}



.message-form {
	margin-top: 0.75rem;
}



.message-form .form-group {
	width: 49%;
	margin-bottom: 0.15rem;
	position: relative;
}





.message-form .form-group:nth-child(odd) {
	margin-right: 1%;
}



.message-form .form-control {
	background-color: #F5F6F7;
	width: 100%;
	height: 0.6rem;
	line-height: 0.5rem;
	border-radius: 0.04rem;
	border: 0;
	padding-left: 0.31rem;
	box-shadow: none
}



.form-texttarea {
	width: 100% !important;
}



.form-texttarea .form-control {
	height: 1.98rem;
	border: 0;
	border-radius: 0.04rem;
}



.message-form input::-webkit-input-placeholder,
.message-form textarea::-webkit-input-placeholder {



	color: #888888 !important;



}



.message-form input::-moz-placeholder,
.message-form textarea::-webkit-input-placeholder {
	/* Mozilla Firefox 19+ */



	color: #888888 !important;



}



.message-form input:-moz-placeholder,
.message-form textarea::-webkit-input-placeholder {
	/* Mozilla Firefox 4 to 18 */



	color: #888888 !important;



}



.message-form input:-ms-input-placeholder,
.message-form textarea::-webkit-input-placeholders {
	/* Internet Explorer 10-11 */



	color: #888888 !important;



}



.submit-btn {
	width: 1.6rem;
	height: 0.6rem;
	background: #0E59D1;
	color: #ffffff;
	font-size: 0.16rem;
	border-radius: 0.04rem;
}

.formw100 {
	width: 100% !important;
}

/* 经典案例 */

.pcase-region {
	text-align: center;
	margin-bottom: .78rem;
}

.pcase-region span {
	display: inline-block;
	height: 44px;
	padding: 0 .28rem;
	margin-right: .15rem;
	background: #fff;
	transition: all .5s;
	line-height: 44px;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
}

.pcase-region span.on,
.pcase-region span:hover {
	background: linear-gradient(270deg, #2192EA 0%, #0E59D1 100%);
	box-shadow: 0px 14px 60px 0px rgba(40, 77, 137, 0.24);
	color: #fff;
}

.pcase {
	justify-content: space-between;
	flex-wrap: wrap;
}

.pcase .pcase-item {
	width: 31.7%;
	margin-bottom: .44rem;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	cursor: pointer;
}

.pcase-item .pcase-img {
	width: 100%;
	height: 2.92rem;
	overflow: hidden;
}

.pcase-item .pcase-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all .5s;
}

.pcase-item .pcase-txt {
	padding: .28rem .3rem;
}

.pcase-item .pcase-txt h3 {
	text-align: center;
	font-size: .22rem;
	color: #222222;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: .22rem;
	transition: all .5s;
}

.pcase-item .pcase-txt p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	font-weight: 400;
}

.pcase .pcase-item:last-child:nth-child(3n + 2) {
	margin-right: calc((100% - 31.7%) / 2);
}

.pcase-box .pages-mtop {
	margin-top: .2rem;
}

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

.pcase .pcase-item:hover .pcase-txt h3 {
	color: #0E59D1;
}

.pcase-tabs .pcase-box {
	display: none;
}

.pcase-tabs .pcase-box.on {
	display: block;
}

/* 核心服务 详情页 */



.product-one {
	z-index: 50;
	margin-top: -30%;
}

.prodel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .4rem;
}

.prodel-title .prodel-title-left {
	flex: 1;
	color: #ffffff;
}

.prodel-title .prodel-title-left a {
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
}

.back-btn {
	color: #0E59D1;

	font-size: 16px;

	padding: .13rem .31rem .13rem .58rem;

	background: #ffffff url(../images/icon-back.png);

	background-repeat: no-repeat;

	background-position: 0.34rem center;

	background-size: 14px;

	position: relative;

	transform: translateX(0);

	transition: all .5s;
}

.back-btn:hover {
	transform: translateX(-10px);
	color: #0E59D1;
}

.case-del-section1 {
	background: #ffffff;
	padding: 1rem;
	justify-content: center;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
}

.prodel-left {
	width: 47.2%;
	height: 4rem;
	overflow: hidden;
}

.case-del-section1 .case-del-section1-left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.case-del-section1 .case-del-section1-right {
	flex: 1;
	padding-left: 1rem;
}

.case-del-section1-right h4 {
	font-size: .48rem;
	font-weight: 600;
	color: #212121;
	line-height: .67rem;
	padding-bottom: .4rem;
	border-bottom: 1px solid #ccc;
	margin-bottom: .4rem;
}

.case-del-section1-right p {
	font-size: 18px;
	font-weight: 400;
	color: #6F6F6F;
	line-height: 36px;
}

.case-del-section1-right .common-more {
	margin-top: .4rem;
}

.product-two {
	margin-top: 0.6rem;
	background: #ffffff;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	padding: 0.6rem 0.7rem;
}

.case-sec-h4 {
	font-size: .28rem;
    font-weight: 600;
    color: #0E59D1;
    line-height: .4rem;
    padding-bottom: .15rem;
    border-bottom: 2px solid #D8D8D8;
    position: relative;
    margin-bottom: 1.2rem;
}

.case-sec-h4::after {
	position: absolute;
	content: '';
	width: 1.15rem;
	height: 2px;
	background: #0E59D1;
	left: 0;
	bottom: -2px;
}

.case-sec1,
.case-sec2 {
	justify-content: space-between;
}

.case-sec1 .case-sec1-item {
	width: 23%;
	transition: all .3s;
	border: 1px solid transparent;
}

.case-sec1 .case-sec1-item:hover {
	border: 1px solid #eeeeee;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
}

.case-sec1 .case-sec1-item:last-child:nth-child(4n + 2) {

	margin-right: calc((100% - 23%) / 3 * 2);

}

.case-sec1 .case-sec1-item:last-child:nth-child(4n + 3) {

	margin-right: calc((100% - 23%) / 3 * 1);

}

.case-sec1 .case-sec1-item p {
	text-align: center;
	margin: .27rem .15rem;
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	line-height: 28px;
	transition: all .3s;
}

.sd-marb80 {
	margin-bottom: .8rem;
}

.case-sec1 .case-sec1-item:hover p {
	color: #0E59D1;
}

.case-sec2 .case-sec2-item {
	width: 32%;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	position: relative;
	padding: .46rem .4rem;
}

.case-sec2 .case-sec2-item span {
	font-size: .8rem;
	font-weight: 600;
	color: #EEEFF2;
	line-height: .97rem;
	position: absolute;
	top: .18rem;
	right: .33rem;
	font-family: "DIN-Medium";
	transition: all .3s;
}

.case-sec2 .case-sec2-item:hover span {
	color: #0E59D1;
}

.case-sec2 .case-sec2-item h3 {
	font-size: .32rem;
	color: #212121;
	line-height: .45rem;
	margin-bottom: .46rem;
}

.case-sec2 .case-sec2-item p {
	font-size: 18px;
	color: #32425C;
	line-height: 32px;
}

.case-sec3 p {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.case-sec3 img {
	margin-top: .3rem;
    /* max-width: 100%; */
    width: 85%;
    margin:0 auto;
}

.pservicede2 {
	margin-top: 0.6rem;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	padding: .68rem .7rem;
	margin-bottom: .8rem;
}

.pservicede-list {
	justify-content: space-between;
}

.pservicede2 .pservicede-h4 {
	font-size: .32rem;
	font-weight: 600;
	color: #222222;
	line-height: .45rem;
	margin-bottom: .28rem;
}

.pservicede-list-item {
	width: 31%;
	margin-bottom: .5rem;
	transform: translateY(0);
	transition: all .5s;
}



.pservicede-list-item .pservicede-item-img {
	overflow: hidden;
	width: 100%;
	height: 2.65rem;
}

.pservicede-list-item .pservicede-item-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all .5s;
}

.pservicede-list-item:hover {
	transform: translateY(-10px);
}

.pservicede-list-item:hover .pservicede-item-img img {
	transform: scale(1.1);
}

.pservicede-item-txt {
	padding-top: .2rem;
}

.pservicede-item-txt p {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}

.pservicede-item-txt h3 {
	font-size: .24rem;
	color: #222222;
	line-height: .42rem;
	font-weight: 600;
	margin-top: .1rem;
}

/* about -公司简介 */
#about {
	padding-top: 100px;
	margin-top: -100px;
}

.pabout-txt {
	margin-top: .49rem;
	margin-bottom: .61rem;
	justify-content: space-between;
}

.pabout-txt-item {
	width: 48%;
}

.pabout-txt-item p {
	font-size: 16px;
	color: #444444;
	line-height: 32px;
	word-break: break-all;
	text-align: justify;
}

.pabout-list1 {
	justify-content: space-between;
}

.pabout-list1 .pabout-list1-item {
	text-align: center;
}

.pabout-list1 .pabout-list1-item img {
	width: 48px;
	margin: .29rem auto .19rem;
}

.pabout-list1 .pabout-list1-item>samp {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}

.pabout-list1 .pabout-list1-item p {
	font-size: 14px;
	color: #0E59D1;
	line-height: 22px;
	margin-top: .14rem;
}

.pabout-list1 .pabout-list1-item p span,
.pabout-list1 .pabout-list1-item p i {
	font-size: .5rem;
	color: #0E59D1;
	line-height: .61rem;
	font-weight: bold;
	font-family: "DIN-Medium";
	font-style: normal;
}



.audio-box {
	width: 100%;
	height: 7rem;
	overflow: hidden;
	margin-top: .91rem;
}

.audio-img-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.8rem !important;
	height: 0.8rem !important;
	margin-top: -0.4rem;
	margin-left: -0.4rem;
	cursor: pointer;
	z-index: 5;
}

.audio-img-play .circle-play {
	object-fit: cover;
	width: 100%;
	height: 100%;
	animation: myrotate 1s linear infinite;
	cursor: pointer;
}

.audio-img-play .icon-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.26rem !important;
	margin-top: -0.12rem;
	margin-left: -0.13rem;
}

.audio-box video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}



.pabout-culture {
	background: url(../images/about/img1.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.pabout-culture-list {
	margin-top: .62rem;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pabout-cul-list-item {
	width: 32%;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);
	padding: .55rem .4rem;
	margin-bottom: .38rem;
}

.pabout-cul-list-item .cul-img {
	width: 1rem;
	right: .3rem;
	top: 50%;
	margin-top: -0.5rem;
	transform: scale(1);
	transition: all .5s;
}

.pabout-cul-list-item h5 {
	font-size: .32rem;
	font-weight: 400;
	color: #0E59D1;
	line-height: .45rem;
	max-width: 65%;
	margin-bottom: .2rem;
}

.pabout-cul-list-item p {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	max-width: 65%;
}

.pabout-cul-list-item:hover .cul-img {
	transform: scale(1.5);
}

/* 发展历程 */

.history-title {
	justify-content: space-between;
	align-items: center;
}

.history-title-tabs span {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
	padding: 0.19rem 0.24rem;
	margin-right: 0.4rem;
	font-weight: 600;
	transition: all .3s;
	cursor: pointer;
	display: inline-block;
}

.history-title-tabs span.on,
.history-title-tabs span:hover {
	background: #FFFFFF;
	color: #0E59D1;
}

.history {
	background: url(../images/about/img2.jpg) no-repeat;
	background-position: left top;
	background-size: 100% 100%;
	padding-top: .98rem;
}

.history-tabs {
	margin-top: .6rem;
}

.history-tabs .history-tab {
	display: none;
}

.history-tabs .history-tab.on {
	display: block;
}

.history-bar {
	height: .8rem;
	position: relative;
	background: rgba(0, 0, 0, 0.3);
}

.history-thumbs {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
}



.swiper-slide {

	background-size: cover;



	background-position: center;



}



.gallery-thumbs {



	box-sizing: border-box;

	z-index: 5;



}



.gallery-thumbs .swiper-slide {



	width: 14.2857143%;



	height: 100%;



}



.swiper-slide-thumbs-item {
	text-align: center;
	cursor: pointer;
}



.swiper-slide-thumbs-item-top {
	height: .8rem;
	position: relative;
	top: 0;
	z-index: 10;
}





.swiper-slide-thumbs-item p {
	font-size: 0.24rem;
	font-family: "DIN-Medium";
	color: rgba(255, 255, 255, 0.6);
	transition: all .3s ease;
	line-height: .8rem;
}





.gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p {

	font-size: 0.24rem;

	color: rgba(255, 255, 255, 1);

}





.history .gallery-top {



	height: 80%;



	width: 100%;



}



.history .history-content {
	position: relative;
	z-index: 30;
	color: #fff;
	text-align: center;
}



.history .swiper-button-next,
.history .swiper-button-prev {



	top: 0.5rem;



	width: 0.32rem;



	height: 0.32rem;



	background-size: 100%;



	background-repeat: no-repeat;



	margin-top: -0.16rem;



}



.pre-next-btn .swiper-button-prev,
.pre-next-btn .swiper-button-next {
	width: 0.02rem;
	height: 0.16rem;
	background-image: none;
}

.pre-next-btn .swiper-button-prev.swiper-button-disabled,
.pre-next-btn .swiper-button-next.swiper-button-disabled {
	background-color: transparent;
	opacity: 1;
}

.pre-next-btn .swiper-button-prev {
	left: 0.2rem;
}

.pre-next-btn .swiper-button-next {
	right: 0.2rem;
}

.pre-next-btn .swiper-button-prev::after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.67);
	border-right: 1px solid rgba(255, 255, 255, 0.67);
	transform: rotate(-135deg);
	left: 50%;
	top: 50%;
	margin-left: -0.07rem;
	margin-top: -0.05rem;
	position: absolute;
}

.pre-next-btn .swiper-button-next::after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.67);
	border-right: 1px solid rgba(255, 255, 255, 0.67);
	transform: rotate(45deg);
	left: 50%;
	top: 50%;
	margin-left: -0.06rem;
	margin-top: -0.05rem;
	position: absolute;
}

.pre-next-btn .swiper-button-disabled.swiper-button-prev::after {
	border-top: 1px solid rgba(255, 255, 255, 0.67);
	border-right: 1px solid rgba(255, 255, 255, 0.67);
}

.pre-next-btn .swiper-button-disabled.swiper-button-next::after {
	border-top: 1px solid rgba(255, 255, 255, 0.67);
	border-right: 1px solid rgba(255, 255, 255, 0.67);
}



.gallery-top .history-txt {
	margin-bottom: 1.67rem;
}



.gallery-top .history-txt h2 {
	display: inline-block;
	font-size: 1rem;
	color: #ffffff;
	font-family: "DIN-blod";
	font-weight: normal;
	margin-bottom: 0.7rem;
	line-height: 1.23rem;
	text-align: center;
}



.gallery-top .history-txt p {
	font-size: .2rem;
	line-height: .35rem;
	color: #fff;
	text-align: center;
	width: 90%;
	margin: auto;
	margin-bottom: .1rem;
}

@keyframes myrotate {

	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

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

}

.bg-f9f9f9 {
	background: #F9F9F9;
}

.pabout-jounal {
	padding-top: .8rem;
	padding-bottom: .6rem;
}

.pabout-jounal-swiper {
	margin-top: .35rem;
	position: relative;
}

.jounal-item {
	transform: translateY(0);
	transition: all .3s;
	cursor: pointer;
}

.jounal-item img {
	height: 6.38rem;
	margin: auto;
}

.jounal-item p {
	font-size: .2rem;
	color: #222222;
	line-height: 28px;
	margin-top: 4px;
	text-align: center;
}

.pabout-jounal .swiper-container {
	padding-bottom: 1rem;
}



.pabout-jounal .swiper-pagination-bullet {
	border-radius: 50%;
	background: #DCDCDC;
	width: 12px;
	height: 12px;
}

.pabout-jounal .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0E59D1;
}

.pabout-honor {
	background: url(../images/about/honnor.png) no-repeat, url(../images/about/img3.jpg) no-repeat;
	background-size: auto auto, 100% 100%;
	background-position: 80% bottom, left top;
	padding-top: .82rem;
	padding-bottom: .94rem;
}

.pabout-honor-txt {
	margin-top: .57rem;
	max-width: 50%;
}

.pabout-honor-txt p {
	font-size: 16px;
	color: #222222;
	line-height: 30px;
}

.pabout-honor2 {
	padding-top: 1rem;
	padding-bottom: .91rem;
}

.pabout-honor2-swiper {
	border-top: 1px solid #EAEAEA;
	padding-top: .81rem;
}

.pabout-honor2-item {
	transform: translateY(0);
	transition: all .3s;
}

.pabout-honor2-item img {
	height: 2.64rem;
	margin: auto;
}

.pabout-honor2-swiper p {
	font-size: 20px;
	color: #222222;
	font-weight: 600;
	line-height: 28px;
	max-width: 85%;
	margin: .28rem auto;
	text-align: center;
}

.pabout-honor2 .swiper-pagination-bullet {
	border-radius: 50%;
	background: #DCDCDC;
	width: 12px;
	height: 12px;
}

.pabout-honor2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0E59D1;
}

.pabout-honor2 .swiper-container {
	padding-bottom: 1rem;
}

.pabout-honor2-item:hover,
.jounal-item:hover {
	transform: translateY(-10px);
}

.partners {
	padding-top: 1.08rem;
	padding-bottom: .68rem;
}

.partners-left {
	width: 45%;
	padding-top: .5rem;
}

.partners-left .partners-txt {
	font-size: 20px;
	color: #333333;
	line-height: 31px;
	margin-top: .37rem;
	max-width: 50%;
}

.partners-right {
	width: 55%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.partners-right .img {
	width: 30.5%;
	margin-bottom: .4rem;
	height: 1.2rem;
	overflow: hidden;
	cursor: pointer;
}

.partners-right .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	transition: all .5s;
}

.partners-right .img:last-child:nth-child(3n + 2) {

	margin-right: calc((100% - 30.5%) / 2);

}

.partners-right .img:hover img {
	filter: grayscale(0);
}

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

	.header-nav ul li:nth-child(3) .sub-nav,
	.header-nav ul li:nth-child(4) .sub-nav {
		width: 230%;
	}
}

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

	.ind-title h5 {
		font-size: .38rem;
	}

	#section3 .section3-list .section3-list-item {
		margin-top: .35rem;
		margin-bottom: .35rem;
		padding: .3rem .6rem;
	}

	#section4 .ind-news-right .news-content .news-content-item {
		padding: .35rem .6rem;
	}

	#section4 .ind-news-left .news-more {
		margin-top: .9rem;
	}

	#section4 .container-fluid {
		margin-top: 1.2rem;
	}

	#section3 .container-fluid {
		margin-top: .85rem;
	}
}

@media (max-width:1200px) {
	.news-contents {
		max-width: 41vw;
	}
}

@media (max-width: 780px) {

	.item-a {
		box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
	}

	.nav-title {
		padding-bottom: 1rem;
	}

	.martop-60 {
		margin-top: -.9rem;
	}

	#section0 {
		height: 100vh;
		overflow: hidden;
	}

	#section0 .swiper-container .swiper-slide img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.other-banner-txt div p {
		font-size: 16px;
	}

	.weui-flex-warp {
		flex-wrap: wrap;
	}

	.weui-flex-warp-item {
		width: 100% !important;
	}

	.pad30-m {
		padding: 30px !important;
	}

	.pad30-15-m {
		padding: 30px 15px !important;
	}

	.more-box::after {
		width: .3rem;
		left: -.185rem;
		margin-top: 0;
	}



	.ind-title h5 {
		font-size: .4rem;
	}

	.ind-title span,
	.pservicede-item-txt h3 {
		font-size: 18px;
	}

	.ind-title p,
	.case-del-section1-right p,
	.case-sec2 .case-sec2-item p,
	.case-sec3 p {
		font-size: 16px;
		line-height: .45rem;
	}

	header {
		height: 60px;
		padding: 0 .3rem;
		box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
	}

	.logo {
		width: 1.4rem;
		height: 40px;
	}



	.header-nav {
		position: fixed;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		box-sizing: border-box;
		display: none;
		height: auto;
		margin-left: 0;
	}

	.header-nav ul {
		flex-wrap: wrap;
		width: 100%;
		height: unset;
	}

	.header-nav ul li {
		border-bottom: 1px solid rgba(226, 226, 226, 1);
		width: 100%;
		height: unset;
		flex-wrap: wrap;
	}

	.header-nav ul li>a {
		width: 100%;
		text-align: center;
		line-height: 60px;
	}

	.sub-nav {
		position: relative;
		top: 0;
		height: 0;
	}

	.sub-nav.on {
		height: 100%;
	}

	.sub-nav .nav-item a {
		justify-content: center;
	}

	.sub-nav .nav-item .more-box {
		display: none;
	}

	.banner-txt {
		left: 30px;
		right: 30px;
	}

	#section3 {
		background: url(../images/bg3.jpg) no-repeat;
		background-size: 100% 100%;
		background-position: left top;
	}

	#section3 .section3-list .section3-list-item {
		margin-top: .3rem;
		margin-bottom: 0;
	}

	#section3 .section3-list .section3-list-item:last-child {
		margin-bottom: .3rem;
	}

	.news-content .news-content-item .news-right-txt h5 {
		font-size: 16px;
		line-height: .45rem;
	}



	footer .footer-list ul li>p,
	.pservice .pservice-p,
	.jounal-item p {
		font-size: 16px;
	}

	footer .footer-list ul li .footer-sub {
		display: none;
	}

	footer .footer-list ul li .footer-sub {
		margin-right: 0;
	}

	footer .footer-list ul li>p {
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		position: relative;
	}

	footer .footer-list ul li>p::after {
		position: absolute;
		content: '';
		top: 50%;
		right: 10px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		margin-top: -5px;
		transition: all .5s;
	}

	footer .footer-list ul li>p.on::after {
		transform: rotate(135deg);
		right: 10px;
	}

	footer .footer .footer-content-top .footer-left,
	.footer-right {
		padding-top: 30px;
	}

	footer .footer-logo {
		width: 1.6rem;
	}

	footer .copyright p,
	.prodel-title .prodel-title-left a {
		font-size: 12px;
	}

	#section2 .section2-item-right {
		min-height: 7.2rem;
	}

	#section4 .ind-news-left .news-tabs-title p span,
	.news-sec5-right h6 {
		font-size: 18px;
	}

	#section4 .ind-news-left .news-more,
	#section4 .ind-news-left .news-tabs-title {
		margin-top: 30px;
	}

	#section4 .ind-news-left .news-tabs-title p {
		display: inline-block;
		margin-right: 20px;
	}

	#section4 .ind-news-left .news-tabs-title {
		margin-bottom: 30px;
	}

	#fp-nav {
		display: none;
	}

	.common-more {
		margin-bottom: .5rem;
		height: 40px;
		line-height: 40px;
	}

	/* .common-more .more-box::after{margin-top: -1px;} */

	#section0 .swiper-button-next,
	#section0 .swiper-button-prev {
		top: 95vh;
	}

	.banner-info {
		top: 92vh;
	}

	.news-sec5-right-a {
		width: 160px;
		height: 40px;
	}

	.news-sec5-right-a .common-more {
		height: 40px;
		line-height: 40px;
		margin-bottom: 0;
		border: 1px solid #DDDDDD;
	}

	.news-sec5-right-a .common-more .more-box::after {
		margin-top: -1px;
	}

	.pservice .pservice-item .pservice-item-right {
		height: unset;
	}

	.j2c-p {
		font-size: 16px !important;
		max-width: 100%;
		line-height: .5rem !important;
	}

	.j1-content .j1-item {
		margin-bottom: 30px;
	}

	.j2-inner-box .j2-inner-item:not(:last-child) {
		border-bottom: 1px solid #DDDDDD;
	}

	.j2-inner-box .j2-inner-item:not(:last-child)::after {
		background: none;
	}

	.j5-list-item div {
		width: .5rem;
		height: .5rem;
	}

	.j5-list-item div img {
		width: .24rem;
		margin: .13rem auto;
	}

	.j5-list-item .j5-p1 {
		font-size: 12px;
	}



	.talentsWanted .table>tbody>tr>td:nth-child(1),
	.talentsWanted .table>thead>tr>th:nth-child(1) {
		padding-left: 15px;
	}

	.talentsWanted-2 {
		padding: 0.5rem 0.35rem;
	}

	.talentsWanted-2 p {
		max-width: 100%;
		line-height: .4rem;
	}

	.talentsWanted-2 {
		margin-bottom: 0.5rem;
	}

	.add::after {
		left: 0.08rem;
	}

	.precruitment .precruitment-p1 {
		max-width: 100% !important;
		font-size: 16px !important;
	}

	.precruitment-list .precruitment-list-item {
		width: 50%;
	}

	.precruitment-list .precruitment-list-item:nth-child(even)::after {
		background: none;
	}

	.news-sec4-lists {
		margin-top: -0.35rem;
	}

	.j3-content .j3-right {
		margin: 0;
	}

	.j3-right-list ul li {
		width: 50%;
	}

	.j3-right-list ul li .j3-list-p {
		max-width: 86%;
	}

	.j3-content {
		padding-top: 30px;
	}

	.j3-content .pjoin-title {
		margin-left: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	.kefu-info .kefu-mid div {
		display: block;
		float: left;
		width: 50%;
	}

	.kefu-info .kefu-mid .kf-line {
		display: block;
	}

	.kefu-info .kefu-mid {
		padding: .6rem .6rem;
	}

	.kf-message-left {
		padding-right: 0;
	}

	.kf-message-txt div p,
	.message-form .form-group {
		width: 100%;
	}

	.message-form .form-group {
		margin-bottom: .3rem;
	}

	.kf-message {
		margin-top: .5rem;
		margin-bottom: .3rem;
	}

	.pcase-item .pcase-txt h3 {
		font-size: 18px;
	}

	.pcase .pcase-item:last-child:nth-child(3n + 2) {
		margin-right: 0;
	}

	.case-sec1 .case-sec1-item {
		width: 48%;
	}


	.case-del-section1 .case-del-section1-right {
		padding-left: 0;
	}

	.case-del-section1-right h4 {
		font-size: .35rem;
		margin-top: .5rem;
	}

	.product-one {
		margin-top: -80%;
	}

	.product-two,
	.pservicede2 {
		padding: .3rem .15rem;
	}

	.case-sec1 .case-sec1-item p {
		font-size: 14px;
	}

	.pabout-list1 .pabout-list1-item {
		width: 40%;
	}

	.audio-box {
		height: 3.5rem;
	}

	.history-title-tabs {
		margin-top: .8rem;
	}

	.pabout-jounal .swiper-container {
		padding-bottom: .8rem;
	}

	.back-btn {
		padding: 0.2rem 0.25rem;
		background-position: 0.15rem center;
	}

	.partners-left .partners-txt {
		max-width: 100%;
		font-size: 16px;
		margin-bottom: .3rem;
	}

	.pabout-honor2-swiper p {
		font-size: 16px;
	}

	.pabout-honor2-item img {
		height: 4rem;
	}

	.pabout-honor-txt {
		max-width: 100%;
	}

	.pabout-honor {
		background-position: right bottom, left top;
		background-size: 100% auto, 100% 100%;
		padding-bottom: 5rem;
	}

	.jobs-content {
		margin-left: 0;
		margin-right: 0
	}

	.news-contents {
		max-width: 100vw;
	}

}

@media (max-width:780px) {
	.pos1 {
		left: 5%;
		top: -7%;
	}

	.pos3 {
		left: 33%;
		top: -19%;
	}

	.pos5 {
		left: 62%;
		top: -67%;
	}

	.pos7 {
		left: 89%;
		top: -69%;
	}
}

@media (max-width:700px) {
	.pos1 {
		left: 3%;
		top: -50%;
	}

	.pos2 {
		left: 16%;
		top: 80%;
	}

	.pos3 {
		left: 30%;
		top: -63%;
	}

	.pos4 {
		left: 45%;
		top: 58%;
	}

	.pos5 {
		left: 60%;
		top: -105%;
	}

	.pos6 {
		left: 72%;
		top: 23%;
	}

	.pos7 {
		left: 87%;
		top: -110%;
	}
}

@media (max-width:380px) {
	.pos1 {
		left: 2%;
		top: -67%;
	}

	.pos2 {
		left: 16%;
		top: 70%;
	}

	.pos3 {
		left: 30%;
		top: -75%;
	}

	.pos4 {
		left: 45%;
		top: 48%;
	}

	.pos5 {
		left: 60%;
		top: -119%;
	}

	.pos6 {
		left: 72%;
		top: 17%;
	}

	.pos7 {
		left: 86%;
		top: -122%;
	}
}

@media (max-width:370px) {

	.pos7 {
		left: 84%;
		top: -134%;
	}
}

@media (max-width:350px) {
	.pos1 {
		left: 0%;
		top: -99%;
	}

	.pos2 {
		left: 13%;
		top: 61%;
	}

	.pos3 {
		left: 28%;
		top: -98%;
	}

	.pos4 {
		left: 43%;
		top: 44%;
	}

	.pos5 {
		left: 59%;
		top: -142%;
	}

	.pos6 {
		left: 70%;
		top: 11%;
	}

	.pos7 {
		left: 82%;
		top: -154%;
	}
}

#section1 .ind-title,
#section1 .solution,
#section2 .ind-title,
#section2 .section2-item-right,
#section3 .ind-title,
#section3 .section3-list,
#section4 .ind-news-right {
	transform: translateY(40%);
	transition: all 1s ease;
	transition-delay: 0.5s;
	opacity: 0;
}

#section2 .section2-item-mid {
	transform: translateY(0) scale(0);
	transition: all 1s ease;
	transition-delay: 0.8s;
	opacity: 0;
}

#section2.active .section2-item-mid {
	transform: translateY(0) scale(1);
	opacity: 1;
}

#section1.active .ind-title,
#section1.active .solution,
#section2.active .ind-title,
#section2.active .section2-item-right,
#section3.active .ind-title,
#section3.active .section3-list,
#section4.active .ind-news-right {
	transform: translateY(0);
	opacity: 1;
}

#section0 .swiper-slide .banner-txt {
	transform: translateY(40%);
	transition: all 1s ease;
	transition-delay: 0.3s;
	opacity: 0;
}

#section0 .swiper-slide-active .banner-txt {
	transform: translateY(0);
	opacity: 1;
}

@keyframes updown {

	0% {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

		transform: translateY(0);

	}

	100% {

		-webkit-transform: translateY(-3px);

		-moz-transform: translateY(-3px);

		-ms-transform: translateY(-3px);

		-o-transform: translateY(-3px);

		transform: translateY(-3px);

	}

}

.delay600 {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	-ms-animation-delay: .6s;

	-moz-animation-delay: .6s;

	-o-animation-delay: .6s;

}

.delay900 {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	-ms-animation-delay: .9s;

	-moz-animation-delay: .9s;

	-o-animation-delay: .9s;

}

.solution {

	width: 100%;

	height: 5.6rem;

	margin-top: .34rem;

}

.solution>.posr {

	height: 100%;



	width: 100%;

	margin: 0 auto;

	position: relative;

}



.solution .contain {

	width: 50%;

	height: 100%;

	position: relative;

	transition: all .5s ease-out;

	-webkit-transition: all .5s ease-out;

	-o-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

	z-index: 1;

	position: absolute;

	top: 0;

	overflow: hidden;

	overflow: hidden;

}



@media screen and (min-width: 800px) {

	.solution>.posr:hover .contain {

		width: 20%;

		z-index: 1;

	}



	.solution>.posr .contain:hover {

		width: 80%;

		z-index: 2;

	}

}



.solution .contain>* {

	z-index: 2;

	position: relative;

}



.solution .contain .bg {

	z-index: 0;

	width: 100%;

	height: 100%;

	position: absolute;

}



.solution .contain .bg>div {

	position: absolute;

	left: -10px;

	right: -10px;

	bottom: -10px;

	top: -10px;

	background-size: cover;

	background-position: center;

	/* filter: url(blur.svg#blur);

  -webkit-filter: blur(5px);

  -moz-filter: blur(5px);

  -o-filter: blur(5px);

  -ms-filter: blur(5px);

  filter: blur(5px);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); */

}



.solution .contain .bg:before {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0, 0, 0, 0);

	z-index: 2;

}



.solution .contain .videobg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	opacity: 0;

	transition: all .5s ease-out;

	-webkit-transition: all .5s ease-out;

	-o-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

}



.solution .contain .videobg:before {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	background: rgba(0, 0, 0, 0.4);

	transition: all .5s ease-out;

	-webkit-transition: all .5s ease-out;

	-o-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

}



/* .solution .contain .videobg video {

 object-fit: cover; width: 100%; height: 100%;

} */



.solution .audio {

	left: 0;

	background: #333;

}



.solution .video {

	right: 0;
	/*background: #666;*/

}



.solution .text {

	position: absolute;

	top: 50px;

	left: 8%;

	color: #fff;

}



.solution .text h1 {

	font-size: 30px;

	letter-spacing: 5px;

	font-weight: bold;

	margin-bottom: .24rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.solution .text h2 {

	font-size: 30px;

	letter-spacing: 5px;

	font-weight: normal;

	margin-bottom: 10px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.solution .text small {

	font-size: .18rem;

	line-height: .3rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.solution .btns {

	position: absolute;

	top: 65%;

	right: 50px;

	width: 90%;

	transition: all .5s ease-out;

	-webkit-transition: all .5s ease-out;

	-o-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

	height: 130px;



}



.solution .contain:hover .btns {

	border-color: rgba(255, 255, 255, 0);

}



.solution .btns ul {

	position: relative;

	height: 100%;

	display: flex;

	justify-content: center;

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

}



.solution .btns ul:before {

	content: '';

	display: block;

	left: 0;

	right: 0;

	top: 0;

	background: #fff;

	position: absolute;

	z-index: 0;

	height: 0;

	border-radius: 5px;

	overflow: hidden;

}



.solution .btns ul li {

	float: left;

	width: 20%;

	flex-grow: 1;

	position: relative;

	z-index: 1;

	text-align: center;

	display: none;

	height: 100%;



}



.solution .video .btns ul li {

	width: 25%;

}



.solution .btns ul li:before {

	content: '';

	left: 0;

	top: 9px;

	bottom: 0;

	width: 1px;

	background: #e0e0e0;

	position: absolute;

}



.solution .btns ul li:first-of-type:before {

	display: none;

}



.solution .btns ul li a {

	padding: 25px 10px;

	display: block;

}







/* .solution .btns ul li a:before {

  content: 'MORE';

  font-size: 12px;

  line-height: 60px;

  padding-left: 40px;

  color: #fff;



  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  text-align: left;

  -webkit-animation: flipIn .5s ease-out;

  -o-animation: flipIn .5s ease-out;

  -moz-animation: flipIn .5s ease-out;

  animation: flipIn .5s ease-out;

  display: none;

  transform-origin: top center;

}



.solution .btns ul li a:after {

  content: '\e64e';

  font-family: 'iconfont';

  position: absolute;

  line-height: 60px;

  top: 100%;

  right: 0;

  padding-right: 40px;

  font-size: 30px;

  color: #fff;

  display: none;

  transform-origin: top center;

  -webkit-animation: flipIn .5s ease-out;

  -o-animation: flipIn .5s ease-out;

  -moz-animation: flipIn .5s ease-out;

  animation: flipIn .5s ease-out;

  display: none;

  transform-origin: top center;

} */



/* .solution .btns ul li .iconfont {

  font-size: 40px;

  color: #444;

  display: block;

  line-height: 50px;

  margin-bottom: 10px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

} */

.solution .btns ul li img {

	width: 40px;

	height: 40px;

	margin: auto;

	margin-bottom: .18rem;

	transition: all 0.2s ease-out;

	-webkit-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-webkit-filter: grayscale(100%);



	-moz-filter: grayscale(100%);



	-ms-filter: grayscale(100%);



	-o-filter: grayscale(100%);



	filter: grayscale(100%);



	filter: gray;



}



.solution .btns ul li p {

	font-size: 16px;

	color: #454545;

	letter-spacing: 1px;

	text-overflow: ellipsis;

	overflow: hidden;

}

/* 

.solution .btns:before {

  content: '\e61a';

  display: none;

  font-family: 'iconfont';

  line-height: 55px;

  width: 55px;

  text-align: center;

  border-radius: 100%;

  color: #fff;

  font-size: 20px;

  position: absolute;

  left: -60px;

  top: -22px;

  transition: all 0.2s ease-out;

  -webkit-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  opacity: 1;

} */



/* .solution .btns > p {

  position: absolute;

  left: -158px;

  top: 130px;

  font-size: 12px;

  line-height: 24px;

  color: #fff;

  text-transform: uppercase;

  width: 450px;

  border-top: 1px solid #fff;

}



.solution.on .btns > p {

  left: 10%;

  width: 100%;

} */



.solution.on .contain {

	position: relative;

}



.solution:hover .contain .btns {

	opacity: 0;

}



.solution:hover .contain:hover .btns {

	opacity: 1;

}



.solution .contain:hover .videobg {

	opacity: 1;

}



.solution .contain:hover .videobg:before {

	opacity: 0.5;

}



.solution .contain:hover .btns {

	width: 90%;

}



.solution .contain:hover .btns:before {

	opacity: 0;

}



/* .solution .contain:hover .btns > p {

  opacity: 0;

 

} */



.solution .contain:hover .btns ul li {

	display: block;

}



.solution .contain:hover .btns ul:before {

	height: 100%;

	transition: all .5s ease-out .5s;

	-webkit-transition: all .5s ease-out .5s;

	-o-transition: all .5s ease-out .5s;

	-moz-transition: all .5s ease-out .5s;

}



/*.solution .btns ul li:hover a:after ,

.solution .btns ul li:hover a:before { display: block; }*/

.solution .btns ul li:hover img {

	filter: none;

}

.solution .btns ul li:hover a p {

	color: #0E59D1;

}



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

	.solution {

		height: 550px;

		padding: 0 75px;

	}

}



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

	.solution {

		height: 460px;

	}



	.solution {

		padding: 0;

	}



	.solution .contain .btns {

		height: 100px;

	}



	.solution .contain:hover .btns {

		width: 660px;

		height: 120px;

	}



	.solution .btns ul li a {

		padding: 15px 0;

	}







	.solution .btns ul li p {

		letter-spacing: 0;

		font-size: 13px;

	}



	.solution .btns ul li:hover a:after,

	.solution .btns ul li:hover a:before {

		line-height: 50px;

		padding: 0 20px;

	}



	.solution .text {

		top: 60px;

	}

}



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

	.solution {

		padding: 0;

	}



	.solution {

		height: 500px;

	}

}



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

	.solution {

		height: 480px;

		padding: 0;

	}



	.solution .btns {

		width: 250px;

	}



	.solution .contain:hover .btns,

	.solution .contain .btns {

		height: 90px;

	}



	.solution .contain:hover .btns {

		width: 500px;

	}



	.solution .btns ul li a {

		padding: 10px 0;

	}







	.solution .btns ul li p {

		letter-spacing: 0;

		font-size: 12px;

	}



	.solution .text h1 {

		font-size: 35px;

		margin-bottom: 5px;

		letter-spacing: 0;

	}



	.solution .text h2 {

		font-size: 35px;

		margin-bottom: 5px;

		letter-spacing: 0;

	}



	.solution .btns {

		top: 60%;

		overflow: hidden;

	}



	.solution .btns ul li:hover a:after,

	.solution .btns ul li:hover a:before {

		line-height: 40px;

		padding: 0 10px;

	}



	.solution .btns:before {

		font-size: 15px;

		line-height: 40px;

		width: 40px;

		left: -45px;

	}

}



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

	.solution .text h1 {

		font-size: 25px;

		margin-bottom: 10px;

	}



	.solution .text h2 {

		font-size: 25px;

		margin-bottom: 0;

	}



	.solution .text small {

		font-size: 12px;

		white-space: normal;

	}



	.solution .text {

		top: 30px;

		left: 30px;

		max-width: 80%;

	}



	.solution {

		height: auto;

	}



	.solution .contain {

		position: relative;

		top: auto;

		left: auto;

		bottom: auto;

		right: auto;

		float: none;

		width: auto;

		height: 480px;

	}



	.solution .contain:hover {

		width: auto;

	}



	.solution:hover .contain {

		width: auto;

	}



	.solution .contain .videobg {

		display: none !important;

	}



	.solution .btns:before {

		display: none !important;

	}



	.solution .btns ul:before {

		display: none;

	}



	.solution .btns ul {

		background: #fff;
		flex-wrap: wrap;

	}



	.solution .btns ul li {

		display: block !important;
		width: 33.333%;
		flex-grow: unset;

	}



	.solution .btns ul li p {

		white-space: normal;

		line-height: 1.5;
		max-width: 80%;
		margin: auto;

	}



	.solution .btns {

		left: 0;

		right: 0;

		bottom: 0;

		top: auto;

		width: auto;

	}



	.solution .contain:hover .btns:before {

		display: none;

	}



	.solution .contain .btns,

	.solution .contain:hover .btns,

	.solution:hover .contain .btns {

		width: auto;

		display: block !important;

		opacity: 1;

		height: auto;

	}



	.solution .contain .bg:before {

		background: rgba(0, 0, 0, 0.01);

	}

	.solution .btns ul li:before {
		top: 0;
	}

	.solution .mid.contain .btns ul {
		justify-content: left;
	}

	.solution .mid.contain .btns ul li:nth-child(1),
	.solution .mid.contain .btns ul li:nth-child(2),
	.solution .mid.contain .btns ul li:nth-child(3) {
		border-bottom: 1px solid #e0e0e0;
	}

	.solution .mid.contain .btns ul li:nth-child(1),
	.solution .mid.contain .btns ul li:nth-child(4) {
		border-left: 1px solid #e0e0e0;
	}

	.solution .mid.contain .btns ul li:nth-child(3),
	.solution .mid.contain .btns ul li:nth-child(5) {
		border-right: 1px solid #e0e0e0;
	}

	.solution .mid.contain .btns ul li:nth-child(4),
	.solution .mid.contain .btns ul li:nth-child(5) {
		width: 50%;
	}

	.solution .btns ul li:nth-child(4):before {
		background: transparent;
	}

	/* .solution .btns ul li:nth-child(5)::after {
    content: '';
    right: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
    position: absolute;
} */
	.solution .video.contain {
		margin-bottom: .3rem;
	}

	.solution .video.contain .btns ul {
		display: none !important;
	}

	.solution .video.contain .btns .common-more {
		margin-left: .5rem;
	}

	/* .solution .contain .bg > div {

      filter: url(blur.svg#blur);

      -webkit-filter: blur(0px);

      -moz-filter: blur(0px);

      -o-filter: blur(0px);

      -ms-filter: blur(0px);

      filter: blur(0px);

      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);

  } */

}



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

	.solution .btns ul li .iconfont {

		font-size: 25px;

		line-height: 30px;

	}



	.solution .contain {

		/* height: 300px; */


	}

	.solution .video.contain {
		height: 300px;
	}
}

@keyframes myfadeup {

	0% {

		opacity: 0;

		-webkit-transform: translateY(20px);

		-ms-transform: translateY(20px);

		transform: translateY(20px);
	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0);

	}

}

.myfadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

@keyframes point1 {

	0% {

		transform: scale(.8);

	}



	50% {

		transform: scale(1.2);

	}



	100% {

		transform: scale(.8);

	}

}



.point1 {

	-webkit-animation-name: point1;

	animation-name: point1;

}

@keyframes bigtosmall {
	0% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.bigtosmall {
	-webkit-animation-name: bigtosmall;
	animation-name: bigtosmall;
	transform-origin: 50% 50%;
}