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

a,
.transition,
.g-head .wal,
:before,
	{
	-webkit-transition: All .5s ease;
	transition: All .5s ease
}
.page_h1{ display:none}
.zoomImg {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
	padding-top: 75%;
}

.zoomImg:before {
	position: absolute;
	top: 0;
	left: -90%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.zoomImg:hover:before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

.zoomImg:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.zoomImg{
	position: relative;
	padding-top: 75%;
}
 .zoomImg img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	 width: 100% !important;
	 height: 100% !important;
	 object-fit: cover;
 }
 .zoomImg:hover img {
	-webkit-transform: translate(-50%,-50%) scale(1.1) !important;
	-ms-transform: translate(-50%,-50%) scale(1.1) !important;
	transform: translate(-50%,-50%) scale(1.1) !important;
    }
    .news li a .products_list:hover .zoomImg img{transform: translate(-50%,-50%) scale(1.1) !important;}
@media (min-width:200px){
    
    .zoomImg img{
	    position: absolute;
    	top: 50%;
    	left: 50%;
	    transform: translate(-50%,-50%);
    	width: 65% !important;
    	height: 65% !important;
    	object-fit: cover;
    }
   
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	font-size: 100px
}

body {
	font-size: 12px;
	font-family: Arial, "微软雅黑";
	color: #333;
	-webkit-text-size-adjust: none;
	opacity: 0
}

body.show {
	opacity: 1
}

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

a:active {
	star: expression(this.onFocus=this.blur())
}

a:link {
	text-decoration: none;
	outline: none
}

a:visited {
	text-decoration: none;
	outline: none
}

a:hover {
	text-decoration: none;
	color: #025ab7;
	outline: none
}

li {
	list-style: outside none
}

h1 {
	font-size: 16px
}

h2,
h3,
h4,
h5 {
	font-size: 14px
}

h5 {
	font-size: 12px
}

textarea,
input {
	background: transparent;
	font-size: 12px;
	font-family: Arial, "微软雅黑";
	color: #888;
	outline: none;
	border: 0
}

em {
	font-style: normal
}

img {
	vertical-align: middle;
	max-width: 100%;
	border: 0;
	-o-object-fit: cover;
	object-fit: cover
}

.wal {
	max-width: 14.4rem;
	margin: 0 auto
}

.g-head .head {
	position: fixed;
	z-index: 50;
	left: 0;
	top: 0;
	right: 0;
	border-bottom: rgba(255, 255, 255, .15) solid 1px;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	padding: 0 .6rem
}

.g-head .head:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-linear-gradient(14deg, #0967C2, #293E86);
	background: linear-gradient(76deg, #0967C2, #293E86);
	opacity: 0
}

.g-head.on .head:before {
	opacity: 1
}

.g-head .wal {
	height: 1rem;
	position: relative;
	max-width: 100%;
	z-index: 5
}

.g-head a.logo {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1.62rem;
	background: url(../img/logo.png) center no-repeat;
	background-size: 100%
}

.g-head .language {
	position: absolute;
	top: 0;
	right: 0;
	height: 1rem;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .16rem
}

.g-head .language a {
	color: #fff
}

.g-head .language .search {
	margin-left: .48rem;
	width: .15rem
}

.g-head .language .search a {
	display: block;
	width: .15rem;
	height: .5rem;
	background: url(../img/search15.png) center no-repeat;
	background-size: 100%
}

.g-head .navA {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden
}

.g-head .navA i {
	font-family: "iconfont";
	font-style: normal;
	font-size: .2rem
}

.g-head .g-nav {
	position: absolute;
	top: 0;
	right: 1.32rem
}

.g-head .g-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.g-head .g-nav li {
	margin-left: .45rem
}

.g-head .g-nav a.name {
	display: block;
	height: 1rem;
	line-height: 1rem;
	font-size: .16rem;
	color: #fff;
	position: relative
}

.g-head .g-nav a.name:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -1px;
	right: 50%;
	height: 2px;
	background: #fff;
	opacity: 0
}

.g-head .g-nav a.name:hover:before,
.g-head .g-nav a.name.on:before {
	left: 0;
	right: 0;
	opacity: 1
}

.g-head2 {
	height: 1rem
}

.g-head3 {
	height: 1rem
}

.g-head3 .head {
	background: #fff;
	border-bottom: #f0f0f0 solid 1px
}

.g-head3 .head:before {
	display: none
}

.g-head3 .head a.logo {
	width: 2.33rem;
	/* background-image: url(../img/logo233.png) */
}

.g-head3 .head .g-nav a.name {
	color: #333
}

.g-head3 .head .g-nav a.name:before {
	display: none
}

.g-head3 .head .g-nav a.name:hover,
.g-head3 .head .g-nav a.name.on {
	color: #025ab7
}

.g-head3 .head .language {
	color: #333
}

.g-head3 .head .language a {
	color: #333
}

.g-head3 .head .language .search a {
	/* background-image: url(../img/search15_2.png) */
}

.g-foot {
	background: #00162c;
	color: #fff;
	font-size: .14rem
}

.g-foot a {
	color: #fff
}

.g-foot .head {
	border-bottom: rgba(255, 255, 255, .08) solid 1px
}

.g-foot .head .wal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 1.26rem
}

.g-foot .head .logo {
	width: 1.91rem
}

.g-foot .head .nav {
	padding-top: .1rem
}

.g-foot .head .nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.g-foot .head .nav li {
	margin-left: .65rem
}

.g-foot .head .nav a {
	font-size: .16rem;
	color: #c1c8d1
}

.g-foot .head .nav a:hover {
	color: #fff
}

.g-foot .bd .wal {
	height: 2.58rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.g-foot .bd .wal .list {
	width: 8rem
}

.g-foot .bd .wal .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.g-foot .bd .wal .list li {
	width: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .11rem 0
}

.g-foot .bd .wal .list li .ico {
	width: .4rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: .1rem
}

.g-foot .bd .wal .list li p {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	font-size: .14rem;
	line-height: .22rem;
	color: #aab5bf
}

.g-foot .bd .wal .list li.tel p {
	color: #fff
}

.g-foot .bd .wal .list li.tel p em {
	font-family: "Impact";
	font-size: .24rem
}

.g-foot .bd .wal .ewm {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 .2rem 0 .1rem;
	width: 2.86rem;
	height: 1.45rem;
	border: #012a53 solid 1px;
	border-radius: 2px;
	position: relative
}

.g-foot .bd .wal .ewm:after {
	content: "";
	display: block;
	position: absolute;
	content: "";
	left: -2px;
	top: -2px;
	right: -2px;
	bottom: -2px;
	/* background: url(../img/img288.png) center no-repeat; */
	background-size: 100% 100%
}

.g-foot .bd .wal .ewm img {
	width: 1.25rem
}

.g-foot .bd .wal .ewm .col {
	width: 1.12rem;
	color: #aab5bf
}

.g-foot .bd .wal .ewm .col .name {
	font-size: .16rem;
	padding-bottom: .05rem
}

.g-foot .bd .wal .ewm .col p {
	line-height: .22rem
}

.g-foot .foot {
	border-top: rgba(255, 255, 255, .08) solid 1px;
	color: #8f979f
}

.g-foot .foot .wal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: .66rem
}

@media screen and (max-width: 800px) {
	html {
		font-size: 50px
	}

	html {
		font-size: 70px !important
	}

	.wal,
	.wal-1200 {
		margin: 0 .6rem
	}

	body.navShow {
		overflow: hidden
	}

	body.navShow .g-head .head:before {
		opacity: 1
	}

	body.navShow .g-head a.navA i:nth-child(1) {
		display: none
	}

	body.navShow .g-head a.navA i:nth-child(2) {
		display: block
	}

	body.navShow .g-head .g-nav {
		right: 0;
		left: 0
	}

	.g-head .head {
		position: fixed;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		padding: 0
	}

	.g-head .language {
		right: 1rem;
		height: 1rem;
		font-size: .24rem
	}

	.g-head .language .search {
		width: .22rem
	}

	.g-head .language .search a {
		width: .22rem
	}

	.g-head .navA {
		right: -0.3rem;
		opacity: 1;
		visibility: visible;
		color: #fff
	}

	.g-head .navA i {
		font-family: "iconfont";
		font-style: normal;
		font-size: .3rem
	}

	.g-head .navA i:nth-child(2) {
		display: none
	}

	.g-head .g-nav {
		position: fixed;
		bottom: 0;
		right: -100%;
		left: 100%;
		top: 1rem;
		overflow-y: auto;
		background: -webkit-linear-gradient(14deg, #0967C2, #293E86);
		background: linear-gradient(76deg, #0967C2, #293E86);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		border-top: rgba(255, 255, 255, .3) solid 1px
	}

	.g-head .g-nav ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.g-head .g-nav li {
		margin: 0;
		width: 100%;
		border-bottom: rgba(255, 255, 255, .1) solid 1px
	}

	.g-head .g-nav a.name {
		font-size: .28rem;
		padding-left: .5rem
	}

	.g-head .g-nav a.name:before {
		display: none
	}

	.g-foot {
		font-size: .22rem
	}

	.g-foot .head .nav {
		display: none
	}

	.g-foot .bd .wal {
		height: auto;
		padding: .5rem 0;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.g-foot .bd .wal .list {
		width: 5rem
	}

	.g-foot .bd .wal .list li {
		width: 100%;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: .1rem 0
	}

	.g-foot .bd .wal .list li p {
		font-size: .22rem;
		line-height: .4rem;
		margin-right: -1rem
	}

	.g-foot .bd .wal .list li.tel p em {
		font-size: .32rem
	}

	.g-foot .bd .wal .ewm {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: .12rem;
		width: 1.8rem;
		height: 2.2rem
	}

	.g-foot .bd .wal .ewm:after {
		display: none
	}

	.g-foot .bd .wal .ewm img {
		width: 100%
	}

	.g-foot .bd .wal .ewm .col {
		width: 100%;
		text-align: center
	}

	.g-foot .bd .wal .ewm .col .name {
		font-size: .24rem;
		font-size: 14px;
	}

	.g-foot .bd .wal .ewm .col p {
		line-height: .2rem;
		display: none
	}

	.g-foot .foot .wal {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		line-height: .4rem;
		padding: .2rem 0
	}

	.g-foot .foot p {
		width: 100%;
		text-align: center
	}
}

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

	.wal,
	.wal-1200 {
		margin: 0 .3rem
	}
}

.ellipsis,
.news li a .bd .name,
.index-news .list li a .bd .name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#index {
	height: 100vh;
	overflow: hidden;
	position: relative;
	background: #004ca1;
	color: #fff
}

.index-slide {
	height: 100vh;
	position: relative;
	overflow: hidden
}

.index-video video {
	display: block;
	min-height: 100vh;
	min-width: 100vw;
	-o-object-fit: cover;
	object-fit: cover
}

.index-foot {
	position: fixed;
	z-index: 20;
	left: .6rem;
	right: .6rem;
	bottom: .36rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

.index-foot p {
	font-size: 14px;
	color: #fff;
	line-height: .24rem
}

.index-foot a.btn {
	width: .51rem;
	display: block;
	position: relative;
	top: 0
}

.index-title {
	position: relative
}

.index-title .en {
	font-family: "Impact";
	font-size: .72rem;
	line-height: .58rem;
	text-transform: uppercase;
	height: .75rem;
	opacity: .1
}
.index-title h1,
.index-title h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: .36rem;
	line-height: 1em;
	/* background: url(../img/img242.png) center no-repeat; */
	background-size: auto .24rem;
	width: 2.42rem;
	text-align: center
}

.index-btn,
.index-contact .container .more a,
.index-news .head .btns a,
.index-application .container .btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-size: .14rem;
	width: 1.4rem;
	height: .36rem;
	border: rgba(255, 255, 255, .5) solid 1px
}

.index-btn:hover,
.index-contact .container .more a:hover,
.index-news .head .btns a:hover,
.index-application .container .btn a:hover {
	background: #fff;
	color: #025ab7
}

.index-about {
	/* background: url(../img/index-about.jpg) center no-repeat; */
	background-size: cover
}

.index-about .wal {
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top: 16.84vh;
	max-width: 6.88rem
}
.index-about .wal .index-title h1,
.index-about .wal .index-title h2 {
	width: 100%;
	/* background-image: url(../img/img24.png) */
}

.index-about .wal .content {
	padding: .3rem 0 .55rem 0;
	font-size: .16rem;
	line-height: 2em
}

.index-about .wal .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-about .wal .list li {
	width: 1.36rem
}

.index-about .wal .list li .num {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-about .wal .list li .num span {
	font-size: .4rem;
	font-family: "Impact";
	margin-right: .06rem;
	position: relative;
	top: -0.02rem
}

.index-about .wal .list li .num b {
	font-size: .46rem;
	font-weight: 400
}

.index-about .wal .list li .num em {
	font-size: .22rem
}

.index-about .wal .list li p {
	font-size: .14rem;
	opacity: .7;
	margin-right: -0.5rem;
	margin-left: -0.5rem
}

.index-about .canvas {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	width: 16rem;
	margin-left: -8rem;
	margin-top: -8rem
}

.index-about .canvas canvas {
	width: 100%
}

.index-application {
	position: relative;
	/* background: url(../img/index-application-bg.jpg) center no-repeat; */
	background-size: cover
}

.index-application .wal {
	max-width: 15.3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	height: 100vh;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 5
}

.index-application .container {
	width: 6.12rem;
	margin-top: .5rem;
	position: relative;
	min-height: 3rem;
	padding-left: .71rem
}

.index-application .container .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.index-application .container .title h5 {
	font-size: .2rem;
	margin-right: .1rem;
	line-height: 1em
}

.index-application .container .title:after {
	display: block;
	content: "";
	/* background: url(../img/img23.png) center no-repeat; */
	background-size: 100%;
	width: .23rem;
	height: .14rem
}

.index-application .container .content {
	font-size: .16rem;
	line-height: .28rem;
	text-align: justify;
	padding: .35rem 0 .45rem 0
}

.index-application .container:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/* background: url(../img/img12.png) center no-repeat; */
	background-size: 100% 100%;
	width: .12rem;
	height: 2.87rem
}

.index-application .canvas {
	position: absolute;
	right: 0;
	top: 50%;
	width: 11.9rem;
	margin-top: -4.75rem
}

.index-application .canvas canvas {
	width: 100%
}

.index-news {
	/* background: url(../img/index-news.jpg) center no-repeat; */
	background-size: cover
}

.index-news .wal {
	max-width: 14.8rem;
	position: relative;
	height: 100vh
}

.index-news .head {
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	top: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -2.25rem
}

.index-news .head .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.index-news .head .btns a {
	margin-left: .2rem
}

.index-news .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -0.2rem;
	margin-right: -0.2rem
}

.index-news .list li {
	width: 25%;
	padding: 38.9vh .2rem 0 .2rem;
	position: relative;
	height: 100vh
}

.index-news .list li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 100%;
	background: rgba(0, 78, 162, .85)
}

.index-news .list li a {
	display: block;
	color: #fff;
	position: relative
}

.index-news .list li a .zoomImg img {
	width: 100%;
	height: 2.4rem
}

.index-news .list li a .bd {
	padding-top: .12rem
}

.index-news .list li a .bd .name {
	font-size: .16rem;
	height: .45rem;
	line-height: .45rem
}

.index-news .list li a .bd p {
	font-size: .14rem;
	line-height: .22rem;
	height: .44rem;
	overflow: hidden
}

.index-news .list li a .bd .more {
	font-size: .12rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .26rem 0
}

.index-news .list li a .bd .more:after {
	display: block;
	content: "";
	/* background: url(../img/img33.png) center no-repeat; */
	background-size: 100%;
	width: .33rem;
	height: .1rem
}

.index-news .list li:hover:before {
	top: 0
}

.index-contact {
	/* background: url(../img/index-contact.jpg) center no-repeat; */
	background-size: cover
}

.index-contact .wal {
	max-width: 15.2rem;
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: .5rem
}

.index-contact .container {
	width: 4.4rem
}

.index-contact .container h5 {
	padding: .75rem 0 .45rem 0;
	font-size: .24rem
}

.index-contact .container .list {
	padding-bottom: .45rem
}

.index-contact .container .list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: .19rem
}

.index-contact .container .list li .ico {
	width: .22rem;
	height: .3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: .1rem
}

.index-contact .container .list li p {
	font-size: .16rem;
	line-height: .3rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.index-contact .form {
	width: 8.4rem;
	min-height: 5.35rem;
	background: rgba(255, 255, 255, .5);
	padding: .57rem
}

.index-contact .form .title {
	text-align: center;
	position: relative;
	margin-bottom: .4rem
}

.index-contact .form .title .en {
	font-family: "Impact";
	font-size: .7rem;
	line-height: .58rem;
	text-transform: uppercase;
	height: .75rem;
	opacity: .2
}
.index-contact .form .title h1,
.index-contact .form .title h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: .36rem;
	line-height: 1em;
	right: 0
}

.index-contact .form ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-contact .form ul li {
	padding-bottom: .2rem;
	width: 3.48rem
}

.index-contact .form ul li .input {
	background: rgba(255, 255, 255, .7)
}

.index-contact .form ul li .input input::-webkit-input-placeholder {
	color: #999
}

.index-contact .form ul li .input input::-moz-placeholder {
	color: #999
}

.index-contact .form ul li .input input:-moz-placeholder {
	color: #999
}

.index-contact .form ul li .input input:-ms-input-placeholder {
	color: #999
}

.index-contact .form ul li .input textarea::-webkit-input-placeholder {
	color: #999
}

.index-contact .form ul li .input textarea::-moz-placeholder {
	color: #999
}

.index-contact .form ul li .input textarea:-moz-placeholder {
	color: #999
}

.index-contact .form ul li .input textarea:-ms-input-placeholder {
	color: #999
}

.index-contact .form ul li .input input,
.index-contact .form ul li .input textarea {
	width: 100%;
	height: .42rem;
	line-height: .22rem;
	padding: .1rem .14rem;
	font-size: .14rem;
	color: #333
}

.index-contact .form ul li .input textarea {
	height: 1.1rem
}

.index-contact .form ul li.li_01 {
	width: 100%
}

.index-contact .form ul li.lzm {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-contact .form ul li.lzm .input {
	width: 2.4rem
}

.index-contact .form ul li.lzm .img img {
	height: .42rem;
	opacity: .7
}

.index-contact .form .submit div {
	background: #025ab7
}

.index-contact .form .submit input {
	width: 100%;
	cursor: pointer;
	color: #fff;
	font-size: .14rem;
	height: .42rem;
	line-height: 1em
}

.p-title {
	position: relative
}

.p-title .en {
	font-size: .6rem;
	line-height: .43rem;
	color: #3381ca;
	opacity: .25;
	font-family: "Impact";
	text-transform: uppercase
}
.p-title h1,
.p-title h2 {
	color: #fff;
	font-size: .3rem;
	line-height: 1em;
	position: absolute;
	left: 0;
	bottom: -0.04rem;
	text-align: center;
	width: 2.13rem;
	/* background: url(../img/img213.png) center no-repeat; */
	background-size: auto .25rem
}

.news-head {
	border-bottom: rgba(255, 255, 255, .23) solid 1px
}

.news-head .wal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .54rem 0 .3rem 0
}

.news-head .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.news-head .btns a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: .2rem;
	font-size: .16rem;
	width: 1.31rem;
	height: .43rem;
	color: #fff;
	border: rgba(248, 248, 248, .49) solid 1px;
	line-height: 1em
}

.news-head .btns a:hover,
.news-head .btns a.on {
	color: #07a9ed;
	border-color: #07a9ed
}

.news {
	padding-top: .3rem
}

.news ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -0.3rem
}

.news li {
	width: 33%;
	padding: 0 0 .3rem .3rem
}

.news li a {
	display: block;
	/* background: -webkit-linear-gradient(14deg, #0967C2, #293E86);
	background: linear-gradient(76deg, #0967C2, #293E86); */
	color: #333;
	font-size: .14rem
}

.news li a .zoomImg img {
	width: 100%;
	height: 2.03rem
}

.news li a .bd {
	background: #f6f6f6;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border: #f0f0f0 solid 1px;
	/* border-top: 0; */
	padding: 0 0.14rem;
}

.news li a .bd .time {
	padding-top: .2rem
}

.news li a .bd .name {
	font-size: .18rem;
	height: .38rem;
	line-height: .38rem
}

.news li a .bd p {
	font-size: .14rem;
	line-height: .26rem;
	height: .52rem;
	overflow: hidden;
	margin-top: .04rem
}

.news li a .bd .more {
	margin-left: -0.14rem;
	margin-right: -0.14rem;
	padding-left: .14rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .54rem;
	border-top: #f0f0f0 solid 1px;
	margin-top: .16rem
}

.news li a .bd .more:after {
	display: block;
	content: "";
	width: .63rem;
	height: .54rem;
	border-left: rgba(243, 243, 243, .13) solid 1px;
	background: url(../img/img17.png) center no-repeat;
	background-size: .17rem
}

.news li a:hover .bd {
	background: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0)
}

.p-more {
	padding: .2rem 0 1rem 0
}

.p-more a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .16rem;
	color: #88d6ff;
	line-height: 1em
}

.p-more a img {
	width: .25rem;
	margin-left: .1rem
}

.p-scroll-ico {
	width: .24rem;
	position: fixed;
	z-index: 20;
	left: 5.4%;
	top: 50%
}

.p-scroll-ico div {
	position: absolute;
	left: 0;
	top: .37rem;
	right: 0;
	bottom: 0;
	overflow: hidden
}

.p-scroll-ico div i {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: .35rem;
	/* background: url(../img/img4.png) center no-repeat; */
	background-size: .04rem 100%
}

.application {
	/* background: url(../img/application.jpg) center no-repeat; */
	background-size: cover;
	min-height: 9.84rem;
	padding: 2.2rem 0 1rem 0;
	color: #f6f7f9;
	position: relative
}

.application .title {
	padding: .6rem 0 .22rem 0
}

.application .title h5 {
	font-size: .24rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: .32rem
}

.application .title h5 img {
	margin-left: .08rem
}

.application .title h5 i {
	display: block;
	border-radius: 50%;
	width: .04rem;
	height: .04rem;
	background: #fff;
	margin: 0 .05rem
}

.application .content {
	width: 6.18rem;
	font-size: .16rem;
	line-height: .28rem;
	text-align: justify;
	padding: .22rem 0 .7rem 0;
	border-top: rgba(175, 201, 233, .28) solid 1px
}

.application .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.application .list li {
	width: .97rem;
	margin-right: .33rem
}

.application .canvas {
	position: absolute;
	bottom: 0;
	right: 11.5vw
}

.application .canvas canvas {
	display: block;
	width: 100%
}

.application .phone-img {
	display: none
}

.about {
	/* background: #022f72 url(../img/about.jpg) center top no-repeat; */
	background-size: 100%;
	min-height: 100vh
}

.about-1 {
	width: 100%;
	overflow: hidden;
	position: relative
}

.about-1 #about {
	position: absolute;
	top: 0;
	right: 0;
	width: 10.28rem;
	overflow: hidden
}

.about-1 #about canvas {
	display: block;
	width: 100%
}

.about-1 .wal {
	/* min-height: 9.38rem; */
	padding: 2.2rem 0 1rem 0;
	color: #fff;
	position: relative;
	z-index: 2
}

.about-1 .p-title .en {
	letter-spacing: .08rem
}
.about-1 .p-title h1,
.about-1 .p-title h2 {
	width: 2.88rem;
	/* background-image: url(../imgimgimg/img288_2.png); */
	background-size: auto .24rem
}

.about-1 .content {
	font-size: .14rem;
	line-height: .32rem;
	max-width: 6.61rem;
	padding: .25rem 0 .9rem 0
}

.about-1 .content p {
	padding-bottom: .16rem
}

.about-1 .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.about-1 .list li {
	margin-right: .4rem
}

.about-1 .list li .num {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.about-1 .list li .num span {
	font-size: .4rem;
	font-family: "Impact";
	margin-right: .06rem;
	position: relative;
	top: -0.05rem
}

.about-1 .list li .num b {
	font-size: .18rem;
	font-weight: 400
}

.about-1 .list li .num em {
	font-size: .14rem
}

.about-1 .list li p {
	font-size: .16rem
}

.about-2 {
	padding-bottom: 2.92rem;
	position: relative;
	width: 100%;
	overflow: hidden
}

.about-2 .wal {
	position: relative;
	z-index: 5
}

.about-2 .p-title .en {
	letter-spacing: .08rem
}



.about-2 .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -0.2rem
}

.about-2 .list li {
	width: 25%;
	padding: 0 0 .2rem .2rem
}

.about-2 .list .box {
	position: relative;
	background: rgba(255, 255, 255, .09);
	min-height: 3.8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: .55rem
}

.about-2 .list .box:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	background-size: cover;
	opacity: 0
}

.about-2 .list .box .ico {
	position: relative;
	z-index: 2;
	width: 1.1rem;
	padding: .02rem;
	background: #fff;
	border-radius: 50%
}

.about-2 .list .box .bd {
	position: relative;
	color: #fff;
	text-align: center;
	min-height: 1.36rem
}

.about-2 .list .box .bd:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	opacity: 0;
	width: 0;
	height: .02rem;
	background: #fff;
	margin-left: 0
}

.about-2 .list .box .bd h5 {
	font-size: .24rem;
	font-weight: 400;
	padding: .3rem 0 .18rem 0
}

.about-2 .list .box .bd p {
	font-size: .18rem;
	line-height: .26rem
}

.about-2 .list .box:hover:before {
	opacity: 1
}

.about-2 .list .box:hover .bd:before {
	width: .9rem;
	opacity: 1;
	margin-left: -0.45rem
}

.about-2 .waves {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 7rem
}

.about-3 {
	background: #fafafa;
	width: 100%;
	overflow: hidden;
	position: relative
}

.about-3 .wal {
	padding: 1.16rem 0
}

.about-3 .p-title .en {
	letter-spacing: .08rem;
	color: #004974;
	opacity: .1
}
.about-3 .p-title h1,
.about-3 .p-title h2 {
	color: #025ab7;
	/* background-image: url(../img/img224.png); */
	background-size: auto .24rem
}

.about-3 .list {
	position: relative;
	padding: .28rem 0 0 0
}

.about-3 .list .swiper-scrollbar {
	height: .03rem;
	margin-top: .45rem;
	background: none;
	background: #fff
}

.about-3 .list .swiper-scrollbar .swiper-scrollbar-drag {
	background: #025ab7
}

.about-3 .list .arrow a {
	display: block;
	width: .54rem;
	height: .54rem;
	background: center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -0.27rem
}

.about-3 .list .arrow a.prev {
	left: -0.5rem;
	/* background-image: url(../img/prev54.png) */
}

.about-3 .list .arrow a.prev:hover {
	/* background-image: url(../img/prev54on.png) */
}

.about-3 .list .arrow a.next {
	right: -0.5rem;
	/* background-image: url(../img/next54.png) */
}

.about-3 .list .arrow a.next:hover {
	/* background-image: url(../img/next54on.png) */
}

.about-3 .list-wrapper li {
	width: auto;
	padding: 0 .15rem
}

.about-3 .list-wrapper li .img {
	padding: .15rem;
	box-shadow: 0 1px .07rem 0 rgba(0, 51, 153, .13);
	background: #fff
}

.about-3 .list-wrapper li .img img {
	height: 2.87rem
}

.job {
	padding: .56rem 0 .5rem 0
}

.job li {
	padding-bottom: .2rem
}

.job li .head {
	background: #fff;
	font-size: .16rem
}

.job li .head .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: #ededed solid 1px;
	height: .78rem;
	padding: 0 .38rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.job li .head .row h5 {
	font-size: .2rem;
	font-weight: 400;
	line-height: .3rem;
	/* padding-left: .29rem; */
	/* background: url(../img/img20.png) left center no-repeat; */
	background-size: .2rem
}

.job li .head .row .btn {
	cursor: pointer;
	color: #999;
	padding-right: .22rem;
	background: url(../images/img12_1.png) right center no-repeat;
	background-size: .12rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.job li .head dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .78rem;
	color: #666;
	padding: 0 .38rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.job li .container {
	background: #fff;
	border-top: #ededed solid 1px;
	padding: .24rem .38rem .4rem .38rem;
	display: none
}

.job li .container h5 {
	font-size: .18rem;
	line-height: .34rem;
	font-weight: 400;
	padding-bottom: .06rem
}

.job li .container .content {
	font-size: .16rem;
	line-height: .34rem;
	color: #666;
	padding-bottom: .3rem
}

.job li .container .btn {
	padding-top: .12rem
}

.job li.on .head .row {
	border-color: rgba(0, 0, 0, 0);
	height: .52rem;
	padding-top: .25rem
}

.job li.on .head .row .btn {
	color: #025ab7;
	background-image: url(../img/img12_1on.png)
}

.job li.on .head dl {
	height: .55rem
}

.news-bg {
	position: relative;
	min-height: 100vh;
	background: #f9f9f9
	
}

.news-bg .bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%
}

.news-bg .bg:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: -4rem;
	background: #fff
}

.news-bg .wal {
	position: relative;
	z-index: 5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.w1055 {
	width: 10.55rem
}

.p-curr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .55rem;
	font-size: .14rem;
	color: #999;
	position: relative
}

.p-curr:after {
	content: "";
	display: block;
	position: absolute;
	left: -100vh;
	bottom: 0;
	right: 0;
	height: 1px;
	background: rgba(204, 204, 204, .3)
}

.p-curr a {
	color: #999
}

.p-curr a:hover {
	color: #025ab7
}

.p-curr .curr em {
	padding: 0 .08rem
}

.p-curr span {
	color: #025ab7
}

.p-curr a.back {
	background: url(../img/back16.png) right center no-repeat;
	background-size: .16rem;
	padding-right: .26rem
}

.p-curr a.back:hover {
	/* background-image: url(../img/back16on.png) */
}

.news-show {
	padding-bottom: .7rem
}

.news-show .head {
	position: relative;
	z-index: 5
}

.news-show .head:after {
	content: "";
	display: block;
	position: absolute;
	left: -100vh;
	bottom: 0;
	right: 0;
	height: 1px;
	background: rgba(204, 204, 204, .3)
}
.news-show .head h1,
.news-show .head h2 {
	font-size: .3rem;
	font-weight: 400;
	padding: .4rem 0 .2rem 0
}

.news-show .head .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: .3rem
}

.news-show .head .row ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.news-show .head .row li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: .35rem;
	font-size: .14rem;
	color: #828282
}

.news-show .head .row li img {
	height: .16rem;
	margin-right: .09rem
}

.news-show .head .row .share {
	/* background: url(../img/img17_2.png) center no-repeat; */
	background-size: 100%;
	width: .17rem;
	height: .17rem;
	position: relative;
	z-index: 5
}

.news-show .head .row .share .layer {
	position: absolute;
	top: 100%;
	right: -0.2rem;
	/* background: url(../img/img177.png) center no-repeat; */
	background-size: 100% 100%;
	width: 1.77rem;
	height: .92rem;
	padding: .16rem .2rem 0 .2rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.news-show .head .row .share .layer dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: .5rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.news-show .head .row .share .layer dd {
	padding: 0 .15rem
}

.news-show .head .row .share .layer dd a {
	display: block;
	width: .22rem
}

.news-show .head .row .share:hover .layer {
	opacity: 1;
	visibility: visible
}

.news-show .content {
	padding: .3rem 0 .4rem 0;
	font-size: .16rem;
	line-height: 2em;
	text-align: justify;
	color: #6d6d6d
}

.news-show .content .img {
	padding: .25rem 0
}

.news-show .p-num {
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .6rem;
	padding: 0 .25rem
}

.news-show .p-num a.arrow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1em;
	font-size: .16rem;
	color: #8a8a8a
}

.news-show .p-num a.arrow span {
	font-family: "iconfont";
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	margin: 0 .05rem
}

.news-show .p-num a.arrow:hover {
	color: #025ab7
}

.news-show .p-num a.btn {
	/* background: url(../img/img22.png) center no-repeat; */
	background-size: 100%;
	width: .22rem;
	height: .22rem
}

.news-side {
	width: 2.93rem
}
.news-side h1,
.news-side h2 {
	font-size: .24rem;
	font-weight: 400;
	line-height: 1em;
	padding: .65rem 0 .24rem 0
}

.news-side .list li {
	padding-bottom: .3rem
}

.news-side .list a {
	display: block;
	padding-bottom: .2rem;
	border-bottom: #e7e7e7 solid 1px;
	font-size: .14rem
}

.news-side .list a .time {
	color: #666;
	padding-top: .18rem
}

.news-side .list a .name {
	font-size: .18rem;
	padding: .08rem 0 .12rem 0
}

.news-side .list a p {
	line-height: .26rem;
	color: #636363
}

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

.contact .wal {
	min-height: 100vh;
	padding: .81rem 7.2rem .81rem 0
}

.contact .p-title .en {
	color: #004974;
	opacity: .1
}
.contact .p-title h1,
.contact .p-title h2 {
	color: #025ab7;
	/* background-image: url(../img/img224.png); */
	background-size: auto .24rem
}

.contact .list {
	padding: .35rem 0 .25rem 0;
	position: relative
}

.contact .list:after {
	content: "";
	display: block;
	position: absolute;
	left: -100vh;
	bottom: 0;
	right: -0.5rem;
	height: 1px;
	background: rgba(204, 204, 204, .3)
}

.contact .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 9.6rem
}

.contact .list li {
	width: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: .3rem
}

.contact .list li .ico {
	width: .38rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: .1rem
}

.contact .list li .name {
	font-size: .14rem;
	line-height: .24rem;
	color: #999
}

.contact .list li p {
	font-size: .16rem;
	line-height: .24rem;
	color: #666
}

.contact .list li h5 {
	font-size: .24rem;
	line-height: .24rem
}

.contact .form {
	padding-top: .6rem
}
.contact .form .p-title h1,
.contact .form .p-title h2 {
	width: 1.54rem;
	/* background-image: url(../img/img154.png) */
}

.contact .form ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: .25rem
}

.contact .form li {
	margin-bottom: .34rem;
	width: 3.36rem;
	border-bottom: #ebebeb solid 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.contact .form li .name {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: .16rem;
	padding-right: .1rem;
	color: #999
}

.contact .form li .name em {
	color: red
}

.contact .form li .input {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 100%
}

.contact .form li .input input::-webkit-input-placeholder {
	color: #999
}

.contact .form li .input input::-moz-placeholder {
	color: #999
}

.contact .form li .input input:-moz-placeholder {
	color: #999
}

.contact .form li .input input:-ms-input-placeholder {
	color: #999
}

.contact .form li .input textarea::-webkit-input-placeholder {
	color: #999
}

.contact .form li .input textarea::-moz-placeholder {
	color: #999
}

.contact .form li .input textarea:-moz-placeholder {
	color: #999
}

.contact .form li .input textarea:-ms-input-placeholder {
	color: #999
}

.contact .form li .input input {
	width: 100%;
	font-size: .16rem;
	height: .48rem;
	line-height: .48rem;
	color: #333
}

.contact .form li.li_01 {
	width: 100%
}

.contact .form li.lzm {
	position: relative
}

.contact .form li.lzm .img {
	width: 1.26rem;
	position: absolute;
	left: 100%;
	margin-left: .5rem;
	bottom: 0
}

.contact .form .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: .16rem
}

.contact .form .btns div {
	width: 3.45rem;
	border: #ebebeb solid 1px
}

.contact .form .btns input {
	width: 100%;
	height: .48rem;
	line-height: 1em;
	cursor: pointer;
	font-size: .16rem;
	color: #999
}

.contact .form .btns div:hover {
	background: #025ab7;
	border-color: #025ab7
}

.contact .form .btns div:hover input {
	color: #fff
}

.contact .map {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(50% - .5rem)
}
.contact .map img{
	height: 100%;
}
.content_index_s4 {
	width: 100%;
	position: relative;
}






















































/* 首页头部 */
/* .g-head .language{
	right: 50px;
} */
.g-head .g-nav {
	right: 0.62rem;
}

.indexbanner {
	min-height: 100vh;
	min-width: 100vw;
}

.indexbannertext {
	position: absolute;
	top: 50%;
	left: 2.4rem;
	transform: translate(-0, -50%);
}
.indexbannertext h1,
.indexbannertext h2 {
	width: 474px;
	font-size: 62px;
	font-size: 0.62rem;
	color: #fff;
	margin-bottom: 30px;


}

.indexbannertext p {
	width: 683px;
	font-size: 16px;
	font-size: 0.14rem;
	color: #fff;
	margin-top: 30px;
	text-align: justify;
	line-height: 1.7;
}

.content_index_s4 .wrapper_index_s4 {
	width: 100%;
	position: relative;
}


.content_index_s4 .wrapper_index_s4 .content_body {
	width: 100%;
	/* padding: 0 0 70px; */
	overflow: hidden;
	margin-left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

@media (max-width: 991px) {
	.content_index_s4 .wrapper_index_s4 .content_body {
		width: 100%;
	}
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg {
	width: 100%;
	overflow: hidden;
	/* margin-top: 50px; */
	height: 100vh;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li {
	width: 300px;
	height: 480px;
	height: 580px;
	overflow: hidden;
	float: left;
	position: relative;
	transition: width 0.5s;
	-moz-transition: width 0.5s;
	/* Firefox 4 */
	-webkit-transition: width 0.5s;
	/* Safari 和 Chrome */
	-o-transition: width 0.5s;
	/* Opera */
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li img {
	position: absolute;
	right: 0;
	height: 100%;
	font-size: 0;
	width: 100%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li img:nth-child(3) {
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text {
	position: absolute;
	/* left: 27px;
	bottom: 100px; */
	color: #FFFFFF;
	text-align: left;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active .solution_text {
	position: absolute;
	left: 27px;
	bottom: 80px;
	color: #FFFFFF;
	text-align: left;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text .sub_title_bot_line {
	width: 46px;
	height: 2px;
	margin-top: 37px;
	background: white;

	margin-top: 30px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>ul.system_list {
	/* margin-left: 18px; */
	margin-top: 30px;
	display: none;

}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>ul.system_list>li.main_text {
	line-height: 26px;
	/* list-style: disc; */
	font-size: 1rem;
	font-size: 16px;
}

div.main_text {
	margin-top: 25px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>ul.system_list>li.main_text a {
	color: #FFFFFF;
	font-size: 1rem;
	font-size: 16px;
	transition: all 0.5s;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>ul.system_list>li.main_text a:hover {
	color: #c7000a;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>div.main_text:nth-child(3) {
	line-height: 26px;
	font-size: 1rem;
	font-size: 16px;
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>.know_more {
	margin-top: 75px;
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>.know_more>a {
	color: #FFFFFF;
	background-color: #c7000a;
	padding: 5px 18px 8px;
	border-radius: 20px;
	font-size: 1rem;
	font-size: 16px;
	transition: all 0.5s;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>.know_more>a:hover {
	/* font-weight: bold; */
	background-color: #ad0009;
}

/*.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>.know_more:hover a{
  background-color: #ad0009;
}*/

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li:nth-child(n+2) {
	/* margin-left: 40px; */
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active {
	width: 600px;
	width: 31.32%;
	width: 55%;
	height: 100%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>img {
	width: 100%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>img:nth-child(2) {
	display: none !important;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>img:nth-child(3) {
	display: block !important;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text {
	/* left: 50px; */
	left: 124px;
	top: 50%;
	bottom: auto;
	transform: translate(0, -50%);
	z-index: 20;
}


.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>ul.system_list {
	display: block;
}

.content_index_s4 .wrapper_index_s4 .visible-lg .content_sub_title {
	font-size: 1.75rem;
	font-size: 28px;

	font-size: 24px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>div.main_text:nth-child(3) {
	display: block;
	width: 66%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>.know_more {
	display: block;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>.know_more>a {
	color: #FFFFFF;

	font-size: 0.875rem;
	font-size: 14px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.inactive {
	width: 200px;
	width: 17.1679%;
	width: 15%;
	height: 100%;

}

/* .content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li:nth-child(2).inactive>img:first-child {
	right: -188px;
} */

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm {
	width: 100%;
	overflow: hidden;
	height: 100vh;
	/* margin-top: 50px; */
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li:first-child {
	margin-top: 0;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li {
	width: 100%;
	height: 200px;
	/* margin-top: 10px; */
	overflow: hidden;
	float: left;
	position: relative;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	/* Firefox 4 */
	-webkit-transition: height 0.5s;
	/* Safari 和 Chrome */
	-o-transition: height 0.5s;
	/* Opera */
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li img {
	position: absolute;
	right: 0;
	height: auto;
	font-size: 0;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text {
	position: absolute;
	left: 30px;
	bottom: 50px;
	color: #FFFFFF;
	text-align: left;
	z-index: 200;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text .sub_title_bot_line {
	width: 46px;
	height: 2px;
	margin-top: 11px;
	background: white;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>ul.system_list {
	margin-left: 18px;
	margin-top: 20px;
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>ul.system_list>li.main_text {
	line-height: 21px;
	/* list-style: disc; */
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>ul.system_list>li.main_text a {
	color: #FFFFFF;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>div.main_text:nth-child(3) {
	line-height: 21px;
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>.know_more {
	margin-top: 40px;
	display: none;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active {
	height: 333px;
	height: 400px;
	height: 55vh;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>img {
	height: 100%;
	width: 100%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>img:nth-child(2) {
	display: none !important;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>img:nth-child(3) {
	display: block !important;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text {
	bottom: 25px;
	bottom: 60px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text .content_sub_title {
	font-size: 24px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text .content_sub_title {
	font-size: 24px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text>ul.system_list>li.main_text {
	font-size: 1rem;
	line-height: 26px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text>ul.system_list {
	display: block;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text>div.main_text:nth-child(3) {
	display: block;
	margin-top: 50px;
	font-size: 1rem;
	font-size: 16px;
	line-height: 26px;
	width: 80%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text>.know_more {
	display: block;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text>.know_more>a {
	color: #FFFFFF;
	background-color: #b90610;
	padding: 5px 18px 10px;
	border-radius: 20px;
	font-size: 1rem;
	font-size: 16px;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.inactive {
	height: 100px;
	height: 15vh;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li {
	position: relative;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .mao {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6);
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.inactive>img {
	top: -100px;
	width: 100%;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.inactive:nth-child(2)>img {
	top: -72px;
}

/* .content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.inactive:nth-child(3)>img {
	top: -100px;
} */

.content_index_s4 .wrapper_index_s4 .content_body ul:after {
	clear: both;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none !important;
}

.sub_title_img {
	position: relative !important;
	width: 50px !important;
	height: auto !important;
	left: 0 !important;
	right: auto !important;
	margin-top: 60px;
}

.active .sub_title_img {
	margin-top: 20px;
}

.visible-lg .mao {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.4);
}

/* 关于我们 */
.index-indexs {
	background: url(../images/about.png) center no-repeat;
	background-size: cover;
}

.index_about {
	position: relative;
	top: 50%;
	transform: translate(-0, -50%);
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
}

.index_about>div {
	max-width: 700px;
}
.index_about h1,
.index_about h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.index_about p {
	font-size: 16px;
	color: #fff;
	margin: 0px 0 30px;
	text-align: justify;
	line-height: 1.7;
}

.index_about ul {
	display: flex;
}

.index_about ul li {
	width: calc(25%);
	padding: 0 10px;
}

.index_about ul li p {
	font-size: 14px;
	color: #fff;
	margin: 0 0;
	text-align: center;
}

.nums {
	font-size: 40px;
	color: #fff;
	text-align: center;
}

.nums em {
	font-size: 30px;
}
/*分页样式*/

.pagess{
    padding:20px 0 40px 0;
    font-size:14px;
}
.pagess>ul{
    display: flex;
    justify-content: center;
}
.pagess>ul>li{
    margin-right: 5px;
}
.pagess>ul>li>a{
    padding:10px 15px;
    border: #ccc solid 1px;
    border-radius: 5px;
    background:#fff;
    
}
.pagess>ul>li>a:link,.pagess>ul>li>a:visited{
    color:#414141;
}
.pagess>ul>li>a:hover,.pagess>ul>li>a:active,.pagess>ul>li.thisclass>a{
    border:solid 1px #025ab7;
    background-color: #025ab7;
    color:#fff;
    font-weight: bold;
}


/**/


/* 新闻 */
.hmPage4 {
	/* background: url(../images/newsbg.png) no-repeat center center; */
	background-size: cover;
}

.w1440 {
	/*	max-width: 1440px;*/
	margin: 0 auto;
	width: 74%;
}

.hmc6lay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: 2;
	padding: 0px 50px;
	background-color: rgba(14, 104, 240, 0.8);
}

.hmc6lay strong {
	font-size: 22px;
	line-height: 34px;
	font-weight: normal;
	display: block;
	margin-top: 20px;
}

.hmc6lay p {
	font: 16px/32px "微软雅黑";
	margin: 8px 0px 18px;
	height: 32px;
}

.hmPt {
	font-size: 34px;
	line-height: 58px;
	letter-spacing: 2px;
	display: block;

	margin-top: 15px;
}

.hmc6fun>span {
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	height: 38px;
	width: 100px;
	/* float: right; */
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.hmc6fun {
	padding: 1.56vw 0px;
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, 1);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* border-top: 1px solid rgba(255, 255, 255, 0.4); */
}

.hmc6fun .txt {
	display: flex;
	align-items: center;
}

.hmc6fun .txt div {
	width: 38px;
	height: 38px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 38px;
}

.hmc6fun .txt div img {
	/* margin: 4px; */
	display: block;
	width: 20px;
	height: 20px;
}

.hmc6fun .txt span {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 10px;
	padding-left: 20px;
}

.hmc6fun>span {
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	height: 38px;
	width: 100px;
	/* float: right; */
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.hmc6ul {
	width: 50%;
	float: right;
	padding-left: 10px;
}

.hmc6ul li {
	margin-bottom: 13px;
}

.hmc6ul li:last-child {
	margin-bottom: 0;
}

.hmc6ra {
	display: block;
	background: #fff;
	padding: 20px 45px 0 45px;
	height: 158px;
	border: 1px solid #E6E6E6;
	position: relative;
}

.hmc6ra:after {
	content: "";
	width: 4px;
	position: absolute;
	top: 50%;
	height: 0;
	left: -1px;
	transition: all 0.5s ease-in-out;
	background: #086ee8;
}

.hmc6ra:hover:after {
	height: calc(100% + 2px);
	top: -1px;
}

.hmc6ra:hover {
	border: 1px solid #fff;
	/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
}

.hmc6ra strong {
	font-size: 22px;
	line-height: 36px;
	display: block;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 4px;

}

.hmc6ra p {
	font-size: 0.875rem;
	font-size: 14px;
	line-height: 1.7;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #808080;
}

.hmc6ra span {
	font-size: 15px;
	color: #808080;
	line-height: 24px;
	margin-top: 8px;
	display: block
}

.hmc6btn {
	text-align: center;
}

.hmc4des .pubBtn_s {
	margin-left: 0;
}

.clearfix {
	*zoom: 1;
}

.bgImg img {
	display: block !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0%;
	top: 0%;
	object-position: top;
}

.scaleImg .bgImg {
	transition: all 0.5s ease-in-out;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.bgImg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hmc6Babox .overflowHide {
	height: 500px;
}


































.hmc2Top {
	height: 50vh;
	height: 100vh;
	background: url(../images/proderbg.jpg) no-repeat center center;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 70px;
	background-size: cover;
}

.hmc2Top2 {
	height: 50vh;
	height: 100vh;
	background: url(../images/solutionbg.jpg) no-repeat center center;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 70px;
	background-size: cover;
}

.hmPt {
	font-size: 34px;
	line-height: 58px;
	letter-spacing: 2px;
	display: block;

	margin-top: 15px;
}

.hmc2x1 {
	font-size: 18px;
	line-height: 30px;
	margin-top: 14px;
	/* max-width: 760px; */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.hmc2btns {
	margin-top: 50px;
}

.hmc2btns a {
	line-height: 48px;
	height: 50px;
	border: 1px solid #FFF;
	color: #FFF;
	margin: 0px 9px;
	display: inline-block;
	border-radius: 0.3em;
	width: 150px;
	font-size: 1rem;
	font-size: 16px;
}

.hmc2btns a:hover {
	background: #086ee8;
	color: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid #086ee8;
	transform: translateY(-6px);
}

@media (max-width:1379px) {
	.hmPt {
		font-size: 26px;
		line-height: 32px;
	}

	.hmc2x1 {
		font-size: 14px;
		line-height: 26px;
	}

	.hmc2btns a {
		line-height: 44px;
		height: 46px;
	}

	.hmc2ax2 h4 {
		font-size: 24px;
		line-height: 32px;
	}

	.hmc2ax2 p {
		font-size: 14px;
		line-height: 26px;
	}

	.hmc2ax2 span.transition {
		font-size: 14px;
		line-height: 44px;
		height: 46px;
	}

	.hmc2ax2 {
		left: 2.5vw;
		right: 2.5vw;
	}

	.hmc2Bom .slick-dots {
		bottom: 1.6vw;
	}
}

@media (max-width:1199px) {
	.hmc2ax2 p {
		font-size: 12px;
		line-height: 22px;
	}

	.hmc2Top {
		padding: 0 15px;
		height: 300px;
	}

	.hmc2Bom li {
		width: 100%;
	}

	.hmc2aBox {
		height: 350px;
	}

	.hmc2Bom {
		height: auto;
		border-bottom: 1px solid #eee;
		margin-bottom: 85px;
	}

	.hmc2Bom .slick-dots {
		bottom: -40px;
	}
}

@media (max-width:767px) {
	body * {
		letter-spacing: 0 !important;
	}

	#swiper4 {
		width: 90%;
		margin: 0 auto;
	}

	.hmPt {
		font-size: 24px;
	}

	.hmc2x1 {
		margin-top: 10px;
	}

	.hmc2btns a {
		width: 130px;
		font-size: 16px;
	}

	.hmc2tag {
		margin: 20px 0;
	}

	.hmc2ax2 p {
		margin-bottom: 20px;
	}

	.hmc2Bom li:after {
		display: none;
	}

	.hmc2aBox .bgImg {
		opacity: 1;
	}

	.hmc2aBox {
		color: #fff;
	}

	.hmc2aBox .hmc2ax2 span.transition {
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.8);
		background: none;
	}

	.hmc2aBox .hmc2ax2 h4 {
		color: #fff;
	}

	.hmc2aBox .hmc2tag span {
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.6);
	}

	.hmc2aBox .hmc2ax2 p {
		color: #fff;
	}

	.hmc2aBox .hmc2ax2 {
		transform: translateY(-50%) !important;
	}
}

.hmPage4 .container {
	width: 100%;
	/* padding-top: 60px; */
}

.container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.hmc6Babox {
	width: calc(50% - 10px);
	float: left;
	position: relative
}

.hmc6Babox .overflowHide {
	height: 500px;
}

/* 产品中心 */
.index-product {
	position: relative;
	background: url(../images/index3bg.jpg) center no-repeat;
	background-size: cover
}

#swiper3 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	/* position: relative; */
}

.product_text {
	color: #333;
	margin-top: calc(1rem + 10px);
	margin-bottom: calc(.6rem);
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}

.index-foot a.btn {
	transition: top 1.5s ease-out;
}

.products_list {
	width: 100%;
	background-color: #fff;
}

.products_list img {
	display: block;
	margin: 0 auto;
}

.products_list .text {
	border-top: 1px solid #dddddd;
	padding: 20px;
}
.products_list .text h1,
.products_list .text h3 {
	font-size: 22px;
	color: #333;
}

.products_list .text p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 20px 0;
}

.detail {
	font-size: 16px;
	color: #017cca;
	cursor: pointer;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: url(../img/index3l.png) no-repeat center !important;
	background-size: 100% !important;
	left: 13vw !important;
	width: 50px !important;
	height: 50px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background: url(../img/index3r.png) no-repeat center !important;
	background-size: 100% !important;
	right: 13vw !important;
	width: 50px !important;
	height: 50px !important;
}

/* 新闻 */
.index-news {
	position: relative;
	background: url(../images/index5bg.jpg) center no-repeat;
	background-size: cover;
}

.index-foot a.btn {
	width: 0.72rem;
}

.btn .img {
	width: 0.47rem;
	display: block;
	margin: 0 auto;
}

.index-application {
	position: relative;
	background: url(../images/index4bg2.jpg) center no-repeat;
	background-size: cover;
}

.index-news {
	position: relative;
	background: url(../images/index5bg.jpg) center no-repeat;
	background-size: cover;
}

.application2 {
	width: 42%;
	height: 100vh;
	position: relative;
	/* position: relative;
	background: url(../images/index4bg1.png) center no-repeat;
	background-size: 100%;
	width: 40vw;
	height: 100vh; */
	/* left: 300px; */
}

.application2 .bgimg {
	min-height: 100vh;
}

/* .application2 .bgimg{
	
} */
.application2 .uls {
	position: absolute;
	right: 0;
	top: 0;

}

.application2 .uls li {
	position: relative;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	background: #161616;
	cursor: pointer;
}

.application2 .uls li::after {
	width: 104px;
	height: 104px;
	position: absolute;
	content: "";
	display: block;
	border-radius: 50%;
	/* box-shadow:0px 0px 0px 0px; */
	box-shadow: rgb(104, 104, 104) 0px 0px 18px inset;
	top: 0;
}

.application2 .uls li div {
	font-size: 16px;

	color: #fff;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 20;
}

.application2 .uls li.active {
	border-radius: 50%;
	background: linear-gradient(to right, #44bdea, #017cca);
	;
}

.application2 .uls li.active::after {
	content: "";
	display: block;
	border: 20px solid rgba(68, 189, 234, 0.4);
	position: absolute;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	top: -20px;
	left: -20px;
	box-shadow: 0px 0px 0px 0px;
	animation: keys 1.5s linear infinite;
	/* background-color: rgba(68, 189, 234, 0.4); */
}

@keyframes keys {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.96);
	}

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

.application2 .uls li:nth-child(1) {
	top: 200px;
	left: -1vw;
	left: -0.5rem;
}

.application2 .uls li:nth-child(2) {
	top: 250px;
	left: 1vw;
	left: 0.2rem;
}

.application2 .uls li:nth-child(3) {
	top: 300px;
	left: 2.6vw;
	left: 0.5rem;
}

.application2 .uls li:nth-child(4) {
	top: 350px;
	left: 2vw;
	left: 0.4rem;
}

.application3 {
	position: relative;
	width: 58%;
}

.flex {
	display: flex;
}

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

.application2 .text li {
	display: none;
}
.application2 .text li h1,
.application2 .text li h3 {
	margin: 0 0 20px;
	font-size: 28px;
	color: #fff;
}

.application2 .text li p {
	font-size: 16px;
	color: #fff;
	margin: 0 0 10px;
}

.application2 .text li.active {
	display: block;

}

.application2 .btn_a {
	margin-top: 40px;
}

.btn_a {
	width: 150px;
	padding: 10px;
	color: #fff;
	display: block;
	font-size: 16px;
	text-align: center;
	border-radius: 20px;
	background: linear-gradient(to right, #44bdea, #017cca);
}

.btn_a:hover {
	color: #fff !important;
	background: #017cca;
}

.application3 li.active {
	display: block;
}

.application3 li {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 20px;
	width: calc(100% - 40px);
}

.application3 li img {
	width: 80%;
	display: block;
	max-width: 800px;
	margin: 50px auto 20px;
}

.application3 li p {
	color: #fff;
	font-size: 16px;
	text-align: center;
	max-width: 800px;
	width: 80%;
	margin: 0 auto;
}

.nav-layer {
	display: none;
	position: fixed;
	top: calc(1rem);
	left: 0;
	height: calc(100vh - 1rem);
	/* left: 50%;
	bottom: -100.1px;
	top: 100%; */
	/* transform: translateX(-50%); */
	width: 100%;
	/* height: 0; */
	background-color: #fff;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.6);
}
.nav-layer .ul_1 .li_1 h1,
.nav-layer .ul_1 .li_1 h3 {
	color: #d4d4d4;
	font-size: 16px;
	padding: 0 0 20px;
	border-bottom: 1px solid #d4d4d4;
	letter-spacing: 5px;
	margin-right: 30px;
}

.g-nav .nav-layer .ul_1 {
	display: block;
	margin: 40px auto 0;
	/* display: flex;
	flex-wrap: wrap;
	justify-content: center; */
}

.nav-layer .ul_1 .li_1 {
	float: left;
	width: calc(33.333% - 40px);
	margin: 0 20px 40px;
}

.nav-layer .ul_1 .li_3 {
	float: left;
	width: calc(25% - 40px);
	margin: 0 20px 40px;
}

.nav-layer .ul_1 .li_3 img {
	display: block;
	margin: 0 auto;
	transition: all 0.5s;
}

.nav-layer .ul_1 .li_3 div {
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
}

.nav-layer .ul_1 .li_3:hover img {
	transform: scale(1.1);
}

.nav-layer .ul_1 .li_3 p {
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.nav-layer .ul_2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.nav-layer .ul_2 .li_2 {
	width: calc(50% - 20px);
	margin: 0;
	padding: 5px 0 10px;
}

.nav-layer .ul_2 .li_2 a {
	color: #fff;
	font-size: 14px;
}

.nav-layer .ul_2 .li_2 a:hover {
	color: #017cca;
}

.w1400 {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

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

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.ns-search-layer {
	position: relative;
	top: 100px;
	left: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	background: #fff;
	z-index: 300;
	max-width: 1516px;
	/* margin: 0 auto; */
	max-width: 500px;
}

.ns-search-box {
	display: flex;
}

.ns-search-box .ns-search-keyword {
	width: 100%;
	margin: 0 auto;
	/* padding: 0px 100px; */
}

.ns-search-box .ns-search-keyword input {
	width: 100%;
	border-right: transparent;
	border: 0;
	outline: 0;
	height: 50px;
	height: 45px;
	line-height: 50px;
	line-height: 45px;
	padding: 0 20px 0 70px;
	border: 1px solid #ccc;
	border-right: 0;
}

.ns-search-box .ns-search-submit {
	border: 0;
	outline: 0;
	width: 160px;
	color: #fff;
	background: #017cca;
	height: 50px;
	height: 45px;
	line-height: 50px;
	line-height: 45px;
	position: absolute;
	position: relative;
	top: 0;
	right: 0;
	cursor: pointer;
	/* transition: all 0.5s; */
}

.product_ind {
	margin: 40px auto;
}

.product_ind .btn_a {
	margin: 0 auto;
}

.product_ind2 .btn_a {
	margin: 0;
}

.index-contact {
	background: url(../images/index6bg.jpg) center no-repeat;
	background-size: cover;
}

.index_contact {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translate(-0, -50%);
}
.index_contact h1,
.index_contact h3 {
	line-height: 1.6;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}

.index_contact p {
	line-height: 1.6;
	font-size: 16px;
	color: #666;
	color: #fff;
}

.index_contact .text {
	margin-top: 60px;
}

.index_contact .text div {
	margin-bottom: 20px;
	font-size: 16px;
}

.index_contact .text div img {
	width: 25px;
	margin-right: 10px;
}

.product_ind3 {
	margin-top: 60px;
}

.hmc6lay strong {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

/****** 关于 ******/
/* .about_1{
	display: flex;
	flex-wrap: wrap;
} */
/* .about_1 .wal */
.about_1 {
	margin-top: calc(2rem);
}

.about_1 .wal {
	padding: 1.2rem 0 0rem 0;
}
.about_1 .wal .p-title h1,
.about_1 .wal .p-title h2 {
	color: #333;
	font-weight: bold;
}

.about_1 .wal .content p {
	color: #666;
}

.about_1 .wal ul li div {
	color: #666;
}

.about_1 .wal ul li div span {
	color: #666;
}

.about_1 .wal ul li p {
	font-size: 14px;
	margin: 0 0;
	text-align: center;
	color: #666;
}

.about_1 .wal ul {
	display: flex;
}

.about_1 .wal ul li {
	/* width: calc(25%); */
	padding: 0 10px 10px;
}

.about_1 .content {
	max-width: 6.61rem;
}

.about_1 .wal ul {
	max-width: 6.61rem;
}

.about_1 #about {
	width: calc(100vw - 6.61rem);
	width: calc(100vw - 6.61rem - 214px);
}

.about_1 #about img {
	margin-left: 1rem;
	max-width: 700px;
	width: calc(100% - 100px);
}

.about-2 .list .box {
	background-color: #025ab7;
	padding-top: 1rem;
}

.about-2 .list .box:before {
	background: url(../images/img345.png);
	background-size: cover;
}

.text_h2 {
	text-align: center;
}
.text_h2 h1,
.text_h2 h2 {
	padding-top: 40px;
	padding-bottom: 60px;
	color: #333;
	font-size: .3rem;
	text-align: center;
}

.about-2 {
	padding-bottom: 0rem;
}

.about_er p {
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}

#swiper4 {
	overflow: hidden;
}

#swiper4 .swiper-slide {
	width: auto;
	max-height: 13vw;
	min-height: 192px;
}
#swiper4 .swiper-slide img {
	height: 100%;
	max-height: 13vw;
	min-height: 192px;
	object-fit: cover;
}
html {
	scroll-padding-top: 1rem;
}

.about-3 {
	margin-top: 1rem;
	padding-bottom: 1rem;
	background-color: transparent;
}

.about_s {
	padding-bottom: 0.5rem;
}

.about_s .wal {
	padding: 1.2rem 0 0rem 0;
}








.baner_by {
	margin-top: 1rem;
}

.banner-info {
	width: 100%;
	position: relative;
	/* height: 27.27rem; */
	background-color: #484848;
}

.banner-info img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.banner-info .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

.banner-info .txt h1 {
	font-size: 40px;
	margin-bottom: 20px;
	color: #fff;
}

.banner-info .txt p {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}

.solut_ul li {
	width: 100%;
	position: relative;
}

.solut_ul li .w1440 {
	display: flex;
	flex-wrap: wrap;
}

.solut_ul li .img {
	position: relative;
	width: 40%;
}

.solut_ul li .text {
	position: relative;
	width: 60%;
}

.solut_ul li:nth-child(2n+1) .text {
	padding-left: 30px;
}

.solut_ul li:nth-child(2n) .text {
	padding-right: 30px;
}
.solut_ul li .text h1,
.solut_ul li .text h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 12px;
}

.solut_ul li .text .pro-de {
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
}

.solut_ul li .text .pro-des {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 26px 0 40px;
	color: #666;
	font-size: 14px;
}


.position {
	padding: 20px 0 30px;
	color: #666;
	font-size: 14px;
}

.position a {
	padding: 0 14px;
}

.position a:first-child {
	padding-left: 0;
}

.position a:last-child {
	padding-right: 0;
}

.pro-box {
	box-sizing: border-box;
	background-color: #f5f8fa;
	margin-top: 80px;
	padding-top: 50px;
	position: relative;
}

.pro-box .pic {
	position: absolute;
	left: 0;
	top: 30px;
	width: 41%;
	overflow: hidden;
}

.so_fl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.so_fl a {
	padding: 0 20px;
	line-height: 32px;
	text-align: center;
	border: solid 1px #025ab7;
	margin: 0 20px 20px 0;
}

.so_fl a:hover {
	background-color: #025ab7;
	border-color: #025ab7 !important;
}

.so_fl a:hover span {
	color: #fff !important;
}

.so_fl a:hover div {
	background-color: #fff;
}

.so_fl span {
	color: #666;
	font-size: 14px;
}

.solut_ul li {
	padding-top: 50px;
	margin-top: 80px;
}

.solut_ul li:nth-child(2n+1) {
	background-color: #f5f8fa;
}

.solut_ul li:nth-child(2n) {
	background: url(../images/zhqy-bg@3x.png) no-repeat center;
	background-size: cover;
}

.solut_ul li:nth-child(n+2) {
	margin-top: 170px;
}

/* .solut_ul li {
	height: calc(100% - 90px);
} */

.solut_ul li .w1440 {
	position: relative;
}

.solut_ul li:nth-child(2n+1) .img {
	position: absolute;
	left: 0;
	top: -130px;
}
.solut_ul li .img img{
	width: 100%;
}
.solut_ul li:nth-child(2n) .img {
	position: absolute;
	right: 0;
	top: -130px;
}

.solut_ul li:nth-child(2n+1) .text {
	left: 40%;
}

.solut_ul li:nth-child(2n) .text {
	left: 0%;
}

.solut_ul {
	margin-bottom: 1rem;
}

.solut_ul li:nth-child(2n) .text {}

.solut_ul li:nth-child(2n) .so_fl a {
	border-color: #fff;
}

.solut_ul li:nth-child(2n) .so_fl div {
	background-color: #fff;
}

.solut_ul li:nth-child(2n) .so_fl span {
	color: #fff;
}
.solut_ul li:nth-child(2n) .text h1,
.solut_ul li:nth-child(2n) .text h3 {
	color: #fff;
}

.solut_ul li:nth-child(2n) .text .pro-de {
	color: #fff;
}

.solut_ul li:nth-child(2n) .text .pro-des {
	color: #fff;
}

.solut_ul li {
	min-height: 300px;
}











.list-nav {
	width: 100%;
	height: 60px;
	box-sizing: border-box;
}

.list-nav ul {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 0.05rem solid #dcdcdc;
}

.list-nav ul li {
	position: relative;
	line-height: 60px;
	margin-right: 60px;
	padding: 0 20px;
	font-size: 16px;
	color: #666;
}

.list-nav ul li:last-child {
	margin-right: 0;
}

.list-nav ul li::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	background-color: #025ab7;
	transition: width 0.5s;
}

.list-nav ul li:hover {
	color: #025ab7;
}

.list-nav ul li:hover::after {
	width: 100%;
	transition: width 0.5s;
}

.list-nav ul .active {
	color: #025ab7;
}

.list-nav ul .active::after {
	width: 100%;
}

.tabs-bar {
	width: 100%;
	height: 60px;
	box-sizing: border-box;
}

.tabs-bar>.swiper-container {
	position: relative;
}

.tabs-bar>.swiper-container::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
}

.tabs-bar .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	justify-content: center;
}

.tabs-bar .swiper-slide {
	position: relative;
	width: auto;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	color: #666;
}

.tabs-bar .swiper-slide::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	background-color: #025ab7;
	transition: width 0.5s;
}

.tabs-bar .swiper-slide:hover {
	color: #025ab7;
}

.tabs-bar .swiper-slide:hover::after {
	width: 100%;
}

.tabs-bar .active {
	color: #025ab7;
}

.tabs-bar .active::after {
	width: 100%;
}

.tabs-bar .tabs-fixed {
	position: fixed;
	left: 50%;
	width: 100%;
	box-sizing: border-box;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 98;
}

.m-tab {
	display: none;
	width: 100%;
}

.m-tab #m-container {
	overflow: hidden;
	width: 100%;
}

.m-tab #m-container .swiper-slide {
	padding: 20px;
	width: auto;
}

.m-tab #m-container .swiper-slide a {
	font-size: 16px;
	color: #333333;
}

.m-tab #m-container .active a {
	color: #025ab7;
}

.applycation .apply-container .pic {
	width: 47%;
	height: 15.45rem;
	overflow: hidden;
	background-color: #f0f0f0;
}

.applycation .apply-container .pic img {
	transition: all 0.3s ease;
}

.applycation .apply-container .pic:hover img {
	transform: scale(1.04);
}

.applycation .apply-container .apply-txt {
	width: 50%;
	margin-left: 3%;
}

.applycation .apply-container .apply-txt h4 {
	position: relative;
	font-size: 1.09rem;
	margin-bottom: 2.73rem;
}

.applycation .apply-container .apply-txt h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1.36rem;
	width: 4.55rem;
	height: 0.05rem;
	background-color: #025ab7;
}

.applycation .apply-container .apply-txt .mb-pic {
	display: none;
	width: 100%;
	height: 12.5rem;
	margin-bottom: 1rem;
}

.applycation .apply-container .apply-txt p {
	line-height: 1.64rem;
}

.applycation .apply-container .apply-txt .zx {
	display: block;
	width: 6.82rem;
	height: 1.82rem;
	text-align: center;
	line-height: 1.82rem;
	color: #025ab7;
	border: 0.05rem solid #025ab7;
	margin-top: 1.36rem;
}

.applycation .apply-container .apply-txt .zx:hover {
	background-color: #025ab7;
	color: #fff;
}
.com-title2,
.com-title {
	text-align: center;
	padding: 80px 0 80px;
}
.com-title2 h1,
.com-title h3 {
	position: relative;
	font-size: 36px;
	color: #333;
	z-index: 2;
}
.com-title2 h1::after,
.com-title h3::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%);
	width: 58px;
	height: 2px;
	background-color: #025ab7;
}
.com-title2 h1 p,
.com-title h3 p {
	position: absolute;
	left: 50%;
	top: 25px;
	font-size: 36px;
	transform: translateX(-50%);
	color: rgba(153, 153, 153, 0.15);
	z-index: 1;
	width: 100%;
}

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

.solut-title .img {
	width: 40%;
}
.solut-title .img img{
    width: 100%;
}
.solut-title .text {
	width: 60%;
	padding-left: 30px;
}
.solut-title .text h1,
.solut-title .text h3 {
	position: relative;
	font-size: 24px;
	margin-bottom: 60px;
}
.solut-title .text h1::after,
.solut-title .text h3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 58px;
	height: 1px;
	background-color: #025ab7;
}

.solut-title .text p {
	font-size: 14px;
	line-height: 2.2;
}

.value {
	background: url(../images/pro-value-bg@3x.png) no-repeat center;
	background-size: cover;
	margin-top: 1rem;
}
.value .com-title2 h1,
.value .com-title h3 {
	color: #fff;
}

.ac {
	align-items: center;
}

.fx {
	display: flex;
}

.jcc {
	justify-content: center;
}

.fc {
	flex-direction: column;
}

.value .value-container {
	height: 360px;
	display: flex;
}

.value .value-container .item {
	flex: 1;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	padding: 20px 20px;
	transition: all 0.3s;
}

.value .value-container .item .num-pre {
	color: #ffffff;
	font-size: 40px;
	margin-bottom: 16px;
	display: none;
	transition: all 0.3s;
}

.value .value-container .item .num-pre em {
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	margin-left: 4px;
}

.value .value-container .item .info {
	position: relative;
	margin-bottom: 1rem;
}

.value .value-container .item .info::after {
	content: '>';
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: rotate(90deg) translateX(-50%);
	font-family: 'iconfont' !important;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.value .value-container .item .info p {
	height: 60px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	line-height: 1.6;
}

.value .value-container .item .num-next {
	font-size: 80px;
	text-align: center;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.1);
	transition: all 0.3s;
}

.value .value-container .item:hover {
	flex: 2;
	align-items: flex-start;
	transition: all 0.3s;
}

.value .value-container .item:hover .num-pre {
	display: block;
	transition: all 0.3s;
}

.value .value-container .item:hover .info {
	margin-bottom: 0;
}

.value .value-container .item:hover .info::after {
	font-size: 0;
}

.value .value-container .item:hover .info p {
	height: auto;
	text-align: left;
}

.value .value-container .item:hover .num-next {
	display: none;
	transition: all 0.3s;
}

.value {
	margin-bottom: 0.8rem;
}
.p-title2 h1,
.p-title2 h2 {
	color: #025ab7;
}

.page {
	text-align: center;
	margin: 0.4rem 0 0.5rem;
}

/* .page a.active {
	background-color: #025ab7;
	color: #fff;
}

.page a {
	height: 26px;
	line-height: 26px;
	padding: 0px 10px;
	font-size: 16px;
	color: #333;
	border: 1px solid #025ab7;
	margin: 0 5px 10px;
	display: inline-block;
}

.page a:hover {
	background-color: #025ab7;
	color: #fff;
} */

.productss li a {
	font-size: 16px;
	color: #017cca;
	cursor: pointer;
	background: transparent;
}

.product_ind {
	position: relative;
	z-index: 21;
}

.productss .products_list {
	border: 1px solid #ddd;
}

.job li {
	padding-bottom: 0rem;
	margin-bottom: 0.2rem;
	border: 1px solid #ddd;
}

/* .contact .form .btns div{
	width: 100%;
} */
.contact .form .btns div {
	margin: 0 auto;
}

.contact .map {
	z-index: 2;
}
.contact .map>img{
	width: 100%;
	object-fit: cover;
}

.news-side .list a p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.news-side .list a .name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.news li a .bd .name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.news li a .bd p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.productss ul li>a {
	display: block;
}

.productss ul li>a .products_list img {
	transition: 0.5s all;
}

.productss ul li>a:hover .products_list img {
	transform: scale(1.1);
}

.productss .products_list {
	overflow: hidden;
}
.productss .products_list .text h1,
.productss .products_list .text h3 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.productss .products_list .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.nav-layer .ul_2 .li_2 a:hover {
	color: #e3e3e3 !important;
}

.value {
	margin-bottom: 0rem;
}

.advantage .nowrap-service-item {
	flex-wrap: nowrap;
}

.advantage .ad-items {
	flex-wrap: wrap;
	justify-content: space-around;
}

.advantage .nowrap-service-item .ad-item {
	flex: 1;
	margin-right: 20PX;
}

.advantage .ad-items .ad-item {
	width: 32%;
	margin-bottom: 20PX;
	padding: 25PX 20PX;
	/* box-shadow: 0rem 0.36rem 0.73rem 0rem rgb(0 150 163 / 5%); */
	text-align: center;
}

.advantage .ad-items .ad-item .ad-txt .ad-t {
	position: relative;
	margin-bottom: 40px;
}

.advantage .ad-items .ad-item .ad-txt .ad-t h3 {
	font-size: 24PX;
	margin-bottom: 15PX;
}

.advantage .ad-items .ad-item .ad-txt .ad-t span {
	font-size: 16PX;
}

.advantage .ad-items .ad-item .ad-txt .ad-t::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15PX;
	transform: translateX(-50%);
	width: 58PX;
	height: 2PX;
	background-color: #025ab7;
}

.advantage .ad-items .ad-item .ad-txt p {
	line-height: 1.7;
	font-size: 14px;
}

/* .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: 100%;
} */


.products_list img {
	transition: 0.5s all;
}

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

.products_list {
	overflow: hidden;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	transition: 0.5s all;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	transition: 0.5s all;
}

#swiper3 .swiper-button-prev:hover {
	opacity: 0.6;
	/* filter:drop-shadow(144px 0 0 #fff); */
	/* filter: grayscale(100%); */
}

#swiper3 .swiper-button-next:hover {
	opacity: 0.6;
}

.application2 .uls li {
	transition: 0.5s all;
}

/* .application2 .uls li.active{
	transition: 0.5s all;
} */
.hmc6fun {
	border-top: 1px solid #ccc;
	position: relative;
}

.hmc6fun::after {
	position: absolute;
	top: 0px;
	width: 0;
	height: 1px;
	content: "";
	transition: 1s all;
	background-color: #fff;
}

/* .hmc6lay:hover .hmc6fun::after{
	width: 100%;
} */
.hmc6fun {
	overflow: initial;
}

.hmc6Babox:hover .hmc6fun::after {
	width: 100%;
}
.about_1 .wal .p-title h1,
.about_1 .wal .p-title h2 {
	color: #333;
	font-weight: normal;
	text-align: left;
}

.about-1 .content {
	padding: 0.25rem 0 0rem 0;
	padding-top: 0.4rem;
}

.about_1 .wal {
	padding: 28px 0 0rem 0;
}

.about_1 .wal .content p {
	padding: 28px 0 0rem 0;
}

.about-texts {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.about-texts .w1440 {
	display: flex;
	flex-wrap: wrap;
}

.about-texts .img {
	width: 50%;
	padding-left: 40px;
	position: relative;
	left: 50%;
}

.about-texts .text {
	width: 50%;
	position: relative;
	right: 50%;
	padding-right: 40px;
}
.about-texts .text h1,
.about-texts .text h2 {
	font-weight: normal;
	font-size: 0.3rem;
	color: #333;
	padding-bottom: 0.8rem;
}

.about-texts .text p {
	font-size: 16px;
	line-height: 2;
	padding-bottom: 40px;
	color: #666;
	text-align: justify;
}

.about-texts .text p:last-child {
	padding-bottom: 0px;
}

.about-texts .text1 {
	width: 100%;
	position: relative;
	padding-right: 40px;
}
.about-texts .text1 h1,
.about-texts .text1 h2 {
	font-weight: normal;
	font-size: 0.3rem;
	color: #333;
	padding-bottom: 0.8rem;
}

.about-texts .text1 p {
	font-size: 16px;
	line-height: 2;
	padding-bottom: 40px;
	color: #666;
	text-align: justify;
}

.about-texts .text1 p:last-child {
	padding-bottom: 0px;
}

.nav-layer {
	background-color: rgba(0, 0, 0, 0.8);
}
.text_h2 h1,
.text_h2 h2 {
	font-weight: normal;
}

.about1 {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

.about4 {
	/* padding-top: calc(20px + 0.4rem); */
	background-color: #f9f9f9;
	padding-bottom: 0.8rem;
}

.about2 {
	background-color: #f9f9f9;
	/* margin-bottom: 0.5rem; */
	padding-bottom: 0.6rem;
}

.about3 {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.text_h2 h1,
.text_h2 h2 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.news-head .wal {
	padding-top: 80px;
}

.w1440 {
	max-width: 1440px;
	width: 100%;
}

.job {
	padding-top: 80px;
}

.contact .wal {
	padding-top: 80px;
}

.banT a:last-child {
	color: #025ab7;
}

.tabs-bar a:last-child {
	color: #666;
}

.m-tab a:last-child {
	color: #666;
}

.banT {
	background-color: #f9f9f9;
}

.solut_ul li {
	margin-top: 160px;
}

.position {
	padding: 20px 0;
}

.so_fl div {
	width: 6px;
	height: 6px;
	/* transform: rotate(-45deg); */
	background-color: #025ab7;
	display: inline-block;
	margin-right: 6px;
	border-radius: 50%;
	opacity: 0.6;
	position: relative;
	top: -2px;
}

.so_fl a:hover div {
	opacity: 1;
}

.solut_ul li:nth-child(2n) .so_fl a div {
	opacity: 1;
}

.index_foot {
	left: auto;
	right: 0.6rem;
}

.news li a .products_list .zoomImg img {
	height: auto;
}

.news {
	padding-top: 0.8rem;
}

.detail:hover {
	color: #025ab7 !important;
}
.contact .p-title h1,
.contact .p-title h2 {
	color: #333;
	text-align: left;
	font-weight: normal;
}

/* 拷贝 */
.g-head a.logo {
	background: url(../images/logo.png) center no-repeat;
	background-size: 100%;
	filter: brightness(100);
}

.nav_2 {
	padding-top: 0.3rem;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #ccc;
}

.nav_2 a {
	font-size: 16px;
	position: relative;
	display: block;
	padding: 10px 0;
	margin: 0 20px;
}

.nav_2 a.active {
	color: #025ab7;
}

.nav_2 a::after {
	content: "";
	position: absolute;
	left: 20px;
	left: 0px;
	bottom: -1px;
	width: calc(100% - 40px);
	width: calc(100%);
	height: 1px;
	background-color: #025ab7;
	width: 0;
	transition: 0.5s all;
	left: 50%;
	transform: translate(-50%, 0);
}

.nav_2 a:hover::after {
	width: 100%;
	color: #025ab7;
}

.nav_2 a.active::after {
	content: "";
	position: absolute;
	left: 20px;
	left: 0px;
	bottom: -1px;
	width: calc(100% - 40px);
	width: calc(100%);
	height: 1px;
	background-color: #025ab7;
	left: 50%;
}

.nav_2+div .news {
	padding-top: 0.5rem;
}

/* 底部导航 */
#foot {
	background: #363636;
	width: 100%;
	/* height: 490px; */
	/* margin-top: 30px; */
	overflow: hidden;
}

.index-foot p {
	position: fixed;
	left: 0.6rem;
}

.nav-layer .ul_1 .li_3 p {
	display: inline-block;
}

.nav-layer .ul_1 .li_3 {
	text-align: center;
}

.nav-layer .ul_1 .li_3 p:hover {
	color: #ddd;
}

/* #foot .f_top {
    width: 1150px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
} */
#foot .f_top dl.f_top_nav {
	width: 140px;
	/* height: 296px; */
	float: left;
	margin-right: 10px;
	display: inline;
	text-align: center;
}

#foot .f_top dl.f_top_nav dt {
	font-size: 14px;
	color: #fff;
	padding-top: 40px;
	/* text-indent: 2em; */
	border-bottom: 1px solid #595959;
	padding-bottom: 5px;
	width: 90px;
	margin: 0 auto 10px;
}

#foot .f_top dl.f_top_nav dt a{
	color: #fff;
}

#foot .f_top dl.f_top_nav dd ul li {
	display: block;
	text-align: center;
	height: 28px;
	line-height: 28px;
}

#foot .f_top dl.f_top_nav dd ul li a {
	color: #999999;
	font-size: 14px;
}

#foot .f_top dl.f_top_nav dd ul li a:hover {
	color: #fff;
}

#foot .f_top .f_lxwm {
	width: 380px;
	height: auto;
	float: right;
	overflow: hidden;
	position: relative;
}

#foot .f_top .f_lxwm .dl_yy {
	position: relative;
	margin-top: 125px;
	width: 327px;
	/* height: 130px; */
	margin-left: 15px;
}

#foot .f_top .f_lxwm .dl_yy .yy1 ul li {
	float: left;
	width: 123px;
	margin-top: 22px;
	font-size: 13px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin-left: 37px;
	color: #fff;
}

.clear {
	clear: both;
}

#foot .f_top .f_lxwm .dl_yy dt {
	font-size: 26px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

#foot .f_top .f_lxwm .dl_yy .yy2 {
	height: auto;
	font-size: 14px;
	color: #999999;
	line-height: 15px;
	text-align: center;
	margin-bottom: 10px;
}

#foot .f_top .f_lxwm .dl_3 {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 84%;
	transform: translate(-50%);
	height: 106px;
}

#foot .f_top .f_lxwm .dl_3 img {
	margin-left: 30px;
}

.foot .wal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: .66rem;
}

.foot .wal p {
	color: #8f979f;
	color: #aab5bf;
	color: #999999;
}

.foot .wal p a {
	color: #999999 !important;
}

.foot .wal p a:hover {
	color: #fff !important;
}

#foot .f_top .f_lxwm .dl_3 img {
	height: 100%;
}



#foot .f_top .f_lxwm .dl_yy .yy1 ul li {
	margin-top: 36px;
	font-size: 14px;
}

#foot .f_top .f_lxwm .dl_yy .yy1 ul li:last-child {
	margin-left: 20px;
}

#foot .f_top .f_lxwm .dl_yy dt {
	color: #fff;
}

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

.f_top .text {
	display: flex;
	/* flex-wrap: wrap; */
	width: calc(100% - 380px);
}

#foot .f_top dl.f_top_nav {
	width: calc(((100%)/6) - 20px);
}

#foot .f_top dl.f_top_nav dt {
	text-align: left;
	margin: 0 0 10px;
}

#foot .f_top dl.f_top_nav dd ul li {
	text-align: left;
}


@media (min-width:1300px) {
	#foot .f_top dl.f_top_nav {
		padding-left: 20px;
	}

	#foot .f_top dl.f_top_nav dd {
		display: block !important;
	}

	#foot .f_top dl.f_top_nav dt span {
		display: none;
	}

	#foot .f_top_nav:nth-child(2n+1) {
		background: url(../images/bg_23.jpg) no-repeat left;
	}
}


@media (max-width:1300px) {

	#foot .f_top dl.f_top_nav {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.f_top .text {
		width: 100%;
		flex-wrap: wrap;
	}

	#foot .f_top .f_lxwm {
		margin: 0 auto;
	}

	#foot .f_top dl.f_top_nav dd ul li {
		text-align: left;
		margin-left: 20px;
	}

	#foot .f_top dl.f_top_nav dd {
		display: none;
	}

	#foot .f_top dl.f_top_nav dt {
		margin: 0;
		border: 0px;
		width: 100%;
		text-align: left;
		position: relative;
	}

	#foot .f_top dl.f_top_nav dt span {
		position: absolute;
		z-index: 2;
		font-size: 20px;
		right: 0;
		color: #fff;
		cursor: pointer;
	}

	#foot .f_top dl.f_top_nav:nth-child(n+2) dt {
		padding-top: 20px;
	}

	.f_top .text {
		padding: 0 20px;
	}

	#foot .f_top .f_lxwm .dl_yy {
		max-width: 327px;
		width: calc(100%);
		margin: 120px auto 0;
	}

	.foot .wal {
		line-height: 2;
	}
}

@media (max-width:320px) {
	#foot .f_top .f_lxwm .dl_yy .yy2 {
		line-height: 1.7;
	}

	#foot .f_top .f_lxwm .dl_3 img {
		margin-left: 18px;
	}

	/* #foot .f_top .f_lxwm .dl_yy .yy1 ul li {
		margin-left: 10px;
	}

	#foot .f_top .f_lxwm .dl_yy .yy1 ul li:last-child {
		margin-left: 10px;
	} */
}

.news-show .content img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}




/* .nav-layer{
	background-color: #fff;
} */
/* .nav-layer .ul_1 .li_3 p */

/* .so_fl div {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
} */

.g-head .g-nav li {
	margin: 0 0.4rem;
}

.g-head .wal {
	height: 90px;
}

.g-head .g-nav {
	/* height: 90px; */
	right: 0;
}

.g-head .g-nav a.name {
	height: 90px;
	font-size: 15px;
	line-height: 90px;
}

.nav-layer {
	position: absolute;
	top: 90px;
	width: auto;
	height: auto;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: rgba(0, 0, 0, 0.6);
	background-color: transparent;
	/* height: calc(100vh - 90px); */
}

.g-head .g-nav .lis {
	position: relative;
}

.nav-layer .uls {
	display: block !important;
}

.nav-layer .uls li {
	background-color: rgba(255, 255, 255, 0.6);
}

.nav-layer .uls li a {
	line-height: 50px;
	font-size: 16px;
	white-space: nowrap;
	padding: 0 40px;
	color: #fff;
	color: #000;
	display: block;
}

.nav-layer .uls li:hover {
	background-color: rgba(255, 255, 255, 0.9);
}

.g-head.on .nav-layer .uls li {
	background-color: rgba(255, 255, 255, 0.9);
}

.g-head.on .nav-layer .uls li:hover {
	background-color: #cccccc;
}





ul.subnav {
	display: block !important;
	transition: all 0.3s ease-out 0s;
	position: absolute;
	width: 210px;
	/* border-top: #e0a240 3px solid; */
	top: 90px;
	left: -70px;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px, 10px, 0px);
}

.g-nav ul li.lis ul.subnav li {
	margin: 0;
	height: 55px;
	line-height: 55px;
}

.g-nav ul li.lis ul.subnav li a {}

/* .subnav li{
	width: 20px;
} */

.g-nav ul li.lis a {
	color: #fff;
	transition: none ease-out .3s;
	transition-property: color, background, text-indent, opacity
}

/* .g-nav ul li.lis a.active,
.g-nav ul li.lis:hover a {
	color: #e0a240
} */

.g-nav ul li.lis ul.subnav li {
	/* border-bottom: rgba(255, 255, 255, 0.4) 1px solid; */
	border-bottom: 1px solid #333333;
}

.g-nav ul li.lis ul.subnav li a {
	padding: 14px 30px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	height: 55px;
	line-height: 28px;
	background: rgba(0, 0, 0, .6);
	background: rgba(255, 255, 255, .2);
	/* border-bottom: rgba(255, 255, 255, 0.4) 1px solid; */
	border-bottom: 1px solid #333333;
	background-color: #0c0c0c;
	/* background: transparent; */
	display: block;
	/* margin-bottom: 1px; */
	color: #c2d2c8;
	font-size: 12px;
}


.g-nav ul li.lis ul.subnav li a i {
	float: right;
	margin-top: 5px;
	transition: all ease-out .2s;
	opacity: 0
}
.application2 .text li h1,
.application2 .text li h3 {
	font-size: 32px;
}
.indexbanner {
	height: 100vh;
}
.indexbannertext h1,
.indexbannertext h2 {
	width: 100%;
	font-size: 0.46rem;
}

.indexbannertext p {
	font-size: 0.16rem;
	line-height: 2;
}

.visible-lg .mao {
	background-color: rgba(0, 0, 0, 0.7);
}

.btn_a {
	width: 180px;
	padding: 15px;
	border-radius: 5px;
}

.g-head a.logo {
	width: 240px;
}

.index-foot p {
	color: #b9b9b9 !important;
}

.index-foot p a {
	color: #b9b9b9 !important;
}

#index {
	background-color: #0c0c0c;
}

/* 视频版本 */
.indexbannertext2 {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 4;
}

.banners {
	max-width: 100vw;
	max-height: 100vh;
	position: relative;
}

.index-video video {
	max-width: 100vw;
	max-height: 100vh;
	display: block !important;
}

.banners .mao {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.indexbannertext2 h1{
	margin-bottom: 1rem;
	text-align: center;
}

.indexbannertext2 p {
	max-width: 1000px;
	width: 100%;
	font-size: 18px;
	line-height: 3;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li img {}

.sub_title_img {
	width: 60px !important;
	margin: 0 10px 50px 14px;
}

.active .sub_title_img {
	/* margin: 0 20px 20px 14px; */
}

.content_index_s4 .wrapper_index_s4 .visible-lg .content_sub_title {
	font-weight: normal;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>div.main_text:nth-child(3) {
	line-height: 2.2;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text {
	top: 40%;
}

div.main_text {
	/* margin-top:0.6rem */
}

#swiper3 {
	/* margin-top: 1.4rem; */
	max-width: 1700px;
	max-width: calc(100vw - 14%);
}

.products_r {}

.products_r .img {
	width: 100%;
}

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

.products_r .text {
	position: relative;
}

.products_r .text .txts {
	position: relative;
}
.products_r .text h1,
.products_r .text h3 {
	margin: 0 80px 0 20px;
	color: #fff !important;
	/* color: #E4E4E4; */
	padding: 20px 0px 5px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: "Times New Roman", "微软雅黑";
	font-size: 20px;
}

.products_r .text p {
	margin: 10px 80px 0 20px;
	margin-right: 80px;
	margin-top: 0;
	margin-top: 10px;
	color: #f0f0f0 !important;
	/* color: #3ba26f; */
	text-align: left;
	/* text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: "Times New Roman", "微软雅黑";
	font-size: 14px;
	line-height: 1.7;
}

.products_r .text::after {
	width: 0%;
	height: 1px;
	position: absolute;
	content: "";
	bottom: 0;
	/* top: 100%; */
	left: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-color: #fff;
	/* margin-top: 15px; */
}

.products_r .text {
	padding-bottom: 15px;
}

.products_r .text .txts::after {
	width: 32px;
	height: 30px;
	position: absolute;
	content: "";
	top: 0;
	top: 35px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	margin-top: 30px;
	right: 0px;
	background: url(../images/jt01.png) no-repeat;
	opacity: 0;
}

.products_a:hover .products_r .text .txts::after {
	right: 25px;
	opacity: 1;
}

.products_a:hover .products_r .text::after {
	width: 100%;
}

.products_r .img {
	overflow: hidden;
	position: relative;
}

.products_r .img img {
	transition: all 0.5s;
}

/* .products_a:hover .products_r .img img {
	transform: scale(1.01);
} */

.index-product {
	background: url(../images/index4bg.jpg) center no-repeat;
	background-size: cover;
}

.index-product .product_text {
	color: #fff;
	margin-top: 1rem;
	margin-bottom: 1.1rem;
}

.products_a {
	position: relative;
}

.products_a .products_r .img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.products_a:hover .products_r .img::before {
	transition: all 0 0.6s;
	background: rgba(0, 0, 0, 0.6);
}

.products_a .products_r .img::after {
	content: '+';
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin: 0 auto;
	margin-left: -32px;
	margin-top: 0px;
	display: inline-block;
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 10;
	border-radius: 50px;
	border: 2px solid #fff;
	transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s;
	opacity: 0;
	color: #fff;
	font-size: 40px;
	text-align: center;
	font-family: "Times New Roman", "微软雅黑";
}

.products_a:hover .products_r .img::after {
	margin-left: -32px;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}

.product_tops {
	position: relative;
	top: calc(50% - 1rem);
	transform: translate(-0%, -50%);
}

.index-news {
	position: relative;
	background: url(../images/index5bg.jpg) center no-repeat;

	background-size: cover;
	background: rgba(14, 104, 240, 0.8);
	background: #031e53;
}

.index-product {
	background: #031e53;
}

.index-news .product_text {
	color: #fff;
}

.product_indexs {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 0.3rem auto;
}

.product_indexs a {
	width: auto;
	margin: 15px 20px;
	color: #fff;
	position: relative;
	font-size: 16px;
}

.product_indexs a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	left: 50%;
	bottom: -6px;
	transform: translate(-50%, -0%);
	background-color: #fff;
	transition: all 0.5s;
}

.product_indexs a:hover::after {
	width: 100%;
}

.index-product .product_text {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

/* .new_dalis{
	display: flex;
	flex-wrap: wrap;
}
.new_dalis .text{
	
}
.new_dalis .txt */
.hmc6ul {
	width: 48%;
	border-left: 1px solid rgba(255, 255, 255, .08);
	padding-left: 0;
}

.hmc6Babox {
	width: calc(48% - 10px);
}

.hmc6ra:after {

	display: none;
}

.hmc6ra {
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
	background-color: transparent;
	transition: all 0.5s;
}

.hmc6ra strong {
	color: rgba(255, 255, 255, 0.8);

}

.hmc6ra p {
	color: #a6a6a6;
	transition: all 0.5s;
}

.hmc6ra span {
	color: #a6a6a6;
	transition: all 0.5s;
}

.hmc6lay {
	background-color: rgba(0, 0, 0, 0.8);
}

.indexbannertext2 h1 {
	font-size: 0.52rem;
	margin-bottom: 0.9rem;
}

.indexbannertext2 p {
	line-height: 2;
}

.index-foot {
	right: 50%;
	bottom: 1rem;
}

.index-foot p {
	color: #fff !important;
	position: fixed;
	left: auto;
	right: 0.6rem;
	bottom: 0.2rem;
}
.index-foot p span{
	font-size: 14px;
	color:#fff;
}

.index-foot p a {
	color: #fff !important;
}

.index-foot a.btn {
	transform: translate(50%, 0);
}

.application3 li img {
	max-width: 1200px;
}

.btn_a3 {
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(0, 0, 0, 0.15);
}

.btn_a3:hover {
	background: rgba(0, 0, 0, 0.2);
}

.hmc6fun {
	border: 0px;
}

.hmc6fun::after {
	width: 0 !important;
}

.hmc6fun .txt span {
	padding-left: 0;
}

.hmc6Babox .bgImg {
	overflow: hidden;
}

.hmc6Babox .bgImg img {
	transition: all 0.5s;
}

.hmc6Babox:hover .bgImg img {
	transform: scale(1.1);
}

.hmc6lay strong {
	margin-top: 30px;
}

.hmc6lay p {
	font-size: 14px;
}

.hmc6fun .txt span {
	font-size: 15px;
}

.product_indexs {
	justify-content: center;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li .solution_text>div.main_text:nth-child(3) {
	font-size: 14px;
}

.application3 li p {
	font-size: 14px;
	width: 84%;
	text-align: left;
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.application2 {
	z-index: 2;
}

.product_indexs.w1440 {
	display: none;
}

#swiper10 .swiper-slide {
	width: auto;
}

.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text>div.main_text:nth-child(3) {
	width: 50vw;
	max-width: 66%;
}



@media(min-width:1700px) {
	.application2 .text {
		left: 36%;
	}

	.indexbannertext {
		left: 6%;
	}

	.w1440s {
		max-width: 1700px;
		width: 100%;
	}

	.index_about {
		max-width: 1700px;
		width: 100%;
	}

	.index_contact {
		max-width: 1700px;
		width: 100%;
	}
}

@media (min-width:800px) {
	.product_indexs.w1440 {
		display: flex;
	}

	.product_indexs {
		display: none;
	}

	#swiper10 {
		display: none;
	}

	.hmc6fun {
		padding: 0 0 0.2rem;
	}

	.hmc6lay p {
		margin: 6px 0;
	}

	/* 新闻 */
	.hmc6ra:hover {
		padding-left: 55px;
		padding-right: 35px;
		box-shadow: 0px;
	}


	.hmc6ra:hover strong {
		color: #ffffff;
	}

	.hmc6ra:hover p {
		color: rgba(255, 255, 255, 0.8);
	}

	.hmc6ra:hover span {
		color: rgba(255, 255, 255, 0.8);
	}

	/* 导航 */
	.g-nav ul li.lis:hover ul.subnav {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
	}

	.g-nav ul li.lis ul.subnav li a:hover {
		text-indent: 10px;
		/* background: rgba(0, 0, 0, 0.7); */
		/* background: rgba(255, 255, 255, 0.2); */
		background-color: #707070;
		border-bottom: 1px solid #00000;
		color: #fff
	}

	.g-nav ul li.lis ul.subnav li a:hover i {
		opacity: 1
	}
}

@media(max-width:1400px) {
	.application3 {
		z-index: 3;
	}

	.hmPage4 .container {
		position: relative;
		top: 50vh;
		transform: translate(-0, -50%);
	}
}

@media (max-width:800px) {
	.g-head .wal {
		height: 1rem;
	}

	.g-head .g-nav a.name {
		height: 1rem;
		line-height: 1rem;
	}

	.g-head .g-nav {
		/* background: linear-gradient(76deg, #0967C2, #293E86) !important; */
		background: linear-gradient(76deg, #0c0c0c, #0c0c0c) !important;
	}

	.index-foot p {
		left: 0.1rem;
		bottom: 0.1rem;
	}

	.products_r .text .txts::after {
		right: 25px;
		opacity: 1;
	}

	.products_r .text::after {
		width: 100%;
	}

	.product_indexs {
		margin: 0.1rem 0;
	}

	.product_indexs a {
		margin: 15px;
	}

	.index-product .product_text {
		margin-top: 0.5rem;
		margin-bottom: 0.2rem;
	}

	.g-head a.logo {
		width: 180px;
	}

	.hmc6lay strong {
		margin-top: 15px;
	}

	.hmc6lay p {
		margin: 8px 0;
	}
}










































@media (min-width: 1799px) {
	.container {
		width: 1470px;
	}
}

@media (min-width: 1440px) {
	.application2 .btn_as {
		margin-top: 70px;
	}
    .application2 .text li h1,
	.application2 .text li h3 {
		margin: 0 0 40px 0;
	}

	.product_ind {
		margin: 70px auto 0;
	}
	.index_about h1,
	.index_about h3{
	    margin-bottom: 50px;
	}
	.index_about p {
		margin: 0px 0 50px;
		line-height: 2;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 993px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (max-width:1379px) {
	.pubBtn_s {
		font-size: 14px;
		line-height: 44px;
		height: 46px;
	}

	.hmc6Babox .overflowHide {
		height: 315px;
	}

	.hmc6ul li:nth-child(3) {
		display: none;
	}

	.hmc6ra {
		height: 152px;
		padding-top: 21px;
	}
}

@media (max-width:1379px) {
	.hmc6Babox .overflowHide {
		height: 315px;
	}
}

@media (max-width:1700px) {
	.about_1 #about {
		/* width: calc(100vw - 6.61rem); */
		width: calc(50vw);
		left: 50%;
		margin: 0;
		right: auto;
		/* transform: translate(-50%); */
	}

	.about_1 #about img {
		max-width: 700px;
		margin: 0 auto;
		display: block;
	}

	/* .about_1 #about {
	    width: calc(100vw - 6.61rem);
	} */
}

@media (max-width:1400px) {

	.about-texts .img {
		width: 100%;
		padding-left: 0px;
		position: relative;
		left: 0%;
		display: flex;
		justify-content: center;
	}

	.about-texts .img img {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
	}

	.about-texts .text {
		width: 100%;
		position: relative;
		right: 0%;
		padding-right: 0px;
		padding: 0 20px;
	}
	.about-texts .text h1,
	.about-texts .text h2 {
		padding-top: 0.4rem;
		padding-bottom: .4rem;
		text-align: center;
	}




	.about-1 #about {
		width: 7.5rem;
		right: 50%;
		margin-right: -3.75rem
	}

	.about-1 .wal {
		padding-top: 5rem
	}

	.about_1 .wal .p-title h2 {
		left: 50%;
		transform: translate(-50%);
	}

	.about_1 .wal ul {
		max-width: 100%;
	}

	.about_1 .wal ul li {
		width: calc(25%);
	}

	.about-1 .content {
		font-size: .24rem;
		line-height: 1.8em;
		max-width: 100%;
		padding: 0;
		padding-top: .4rem
	}


	.about-1 .content p {
		padding-bottom: .24rem
	}

	.about-1 .list ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -0.4rem
	}

	.about-1 .list li {
		margin-right: 0;
		width: 50%;
		padding-bottom: .4rem
	}

	.about-1 .list li .num span {
		font-size: .6rem
	}

	.about-1 .list li .num b {
		font-size: .28rem
	}

	.about-1 .list li .num em {
		font-size: .24rem
	}

	.about-1 .list li p {
		font-size: .24rem
	}

	.about_1 #about {
		/* width: calc(100vw - 6.61rem); */
		width: calc(100vw);
		left: 50%;
		margin: 0;
		right: auto;
		transform: translate(-50%);
		position: relative;
	}

	.about_1 .wal {
		padding-bottom: 0rem;
		padding-top: 40px !important;
	}

	.about_1 #about img {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		display: block;
	}

	.about-1 .wal {
		padding-top: 6rem;
	}
}

@media (min-width: 1199px) {
	.hmc6box {
		transition: all 0.8s ease-in-out;
		transform: translate(0px, 150px);
		opacity: 0;
	}

	.active .hmc6box,
	.active2 .hmc6box {
		opacity: 1;
		transform: translate(0px, 0px);
		transition-delay: 0.4s;
	}
}

@media (max-width:1799px) {
	.hmPage4 .hmPt {
		top: calc(65px + 3.9vw);
	}
}

@media (max-width:1379px) {
	.hmPt {
		font-size: 26px;
		line-height: 32px;
	}
}

@media (max-width:1199px) {
	.hmPage4 .hmPt {
		top: 50px;
	}

	.active.hmPage4 .hmPt,
	.active2.hmPage4 .hmPt {
		opacity: 1;
		transform: translate(0px, 0px);
		transition-delay: 0.3s;
	}
}



@media (min-width: 801px) {
	.visible-lg {
		display: block !important;
	}
}

@media (max-width: 800px) {
	.news-show {
		padding-bottom: 0rem;
	}
	.news-side h1,
	.news-side h2 {
		padding-top: calc(20px + 0.2rem);
	}

	.news-side {
		padding-bottom: calc(20px + 0.2rem);
	}

	.news-head .wal {
		padding-top: calc(20px + 0.2rem);
	}

	.job {
		padding-top: calc(20px + 0.2rem);
	}

	.solut_ul li {
		margin-top: calc(20px + 0.2rem) !important;
	}

	.news {
		padding-top: calc(20px + 0.2rem);
	}

	.contact .wal {
		padding-top: calc(20px + 0.2rem);
	}

	.about1 {
		padding-top: calc(20px + 0.2rem);
		padding-bottom: 0.2rem;
	}

	.about4 {
		padding-top: calc(20px + 0.2rem);
		padding-bottom: calc(20px + 0.2rem);
	}

	.about2 {
		padding-bottom: calc(20px + 0.2rem);
	}

	.about3 {
		padding-top: calc(20px + 0.2rem);
		padding-bottom: calc(20px + 0.2rem);
	}

	.nav_2 {
		padding-top: calc(20px + 0.2rem);
	}

	.nav_2+div .news {
		padding-top: calc(20px + 0.2rem);
	}

	.about-texts .img img {
		max-width: 700px;
		width: 74%;
		margin: 0 auto;
	}
	.about-texts .text h1,
	.about-texts .text h2 {
		padding-top: 0.3rem;
		padding-bottom: .3rem;
		text-align: center;
	}

	.about-texts .text p {
		padding-bottom: 20px;
	}

	.visible-sm {
		display: block !important;
	}

	.indexbannertext {
		left: 50%;
		transform: translate(-50%);
	}

	.sub_title_img {
		margin-top: 20px;
	}

	.p-title .en {
		font-size: 0.5rem;
	}
}


@media screen and (max-width: 800px) {
	.value .value-container .item {
		width: 100%;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: flex-end;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		transition: all 0.3s;
	}

	.value .value-container {
		height: auto;
		flex-direction: column;
	}

	.value .value-container .item .info {
		margin-bottom: 0;
	}

	.value .value-container .item .info::after {
		font-size: 0;
	}

	.value .value-container .item .info p {
		text-align: left;
	}

	.value .value-container .item .num-next {
		font-size: 20px;
		margin-right: 14px;
	}

	.value .value-container .item:hover {
		flex-direction: column;
		transition: all 0.3s;
	}

	.value .value-container .item .info p {
		height: 35px;
	}

	.value .value-container .item .num-pre {
		font-size: 25px;
	}
	.com-title2 h1,
	.com-title h3 {
		font-size: 26px;
	}
	.com-title2,
	.com-title {
		padding: 40px 0 50px;
	}
	.com-title2 h1 p,
	.com-title h3 p {
		font-size: 20px;
	}

	.m-tab {
		display: block;
	}

	.index-video video {
		display: none
	}

	.index-video .phone-img {
		background: center no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 5
	}

	.index-foot {
		left: .3rem;
		right: .3rem;
		bottom: .3rem
	}

	.index-foot p {
		font-size: .22rem;
		line-height: .34rem
	}

	.index-btn,
	.index-application .container .btn a,
	.index-news .head .btns a,
	.index-contact .container .more a {
		font-size: .22rem;
		width: 1.6rem;
		height: .5rem
	}

	.index-about .wal .content {
		padding: .3rem 0 .55rem 0;
		font-size: .22rem;
		line-height: 1.7em
	}

	.index-about .wal .list ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.index-about .wal .list li p {
		font-size: .22rem;
		margin-right: -0.1rem;
		margin-left: -0.1rem;
		line-height: .35rem;
		height: .7rem
	}

	.index-about .canvas {
		width: 12rem;
		margin-left: -6rem;
		margin-top: -6rem
	}

	.index-application .container {
		width: 100%;
		min-height: 60vh;
		padding-left: .4rem
	}

	.index-application .container .title h5 {
		font-size: .24rem;
		font-weight: 600
	}

	.index-application .container .content {
		font-size: .22rem;
		line-height: .4rem;
		padding: .25rem 0
	}

	.index-application .canvas {
		right: 50%;
		margin-right: -5rem;
		top: 50%;
		width: 10rem;
		margin-top: -1rem
	}

	.index-news .head {
		top: 2rem;
		margin-top: 0
	}

	.index-news .list {
		padding-top: 3.2rem
	}

	.index-news .list ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.index-news .list li {
		width: 50%;
		padding: 0 .2rem;
		height: auto
	}

	.index-news .list li:before {
		display: none
	}

	.index-news .list li a {
		padding-bottom: .2rem
	}

	.index-news .list li a .zoomImg img {
		height: 2rem
	}

	.index-news .list li a .bd .name {
		font-size: .24rem;
		height: .55rem;
		line-height: .55rem
	}

	.index-news .list li a .bd p {
		font-size: .2rem;
		line-height: .3rem;
		height: .6rem
	}

	.index-news .list li a .bd .more {
		font-size: .22rem
	}

	.index-contact .wal {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.index-contact .container {
		width: 100%;
		position: relative
	}

	.index-contact .container h5 {
		padding: .35rem 0 .25rem 0;
		font-size: .28rem
	}

	.index-contact .container .list {
		padding-bottom: .3rem
	}

	.index-contact .container .list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.index-contact .container .list li {
		min-width: 50%
	}

	.index-contact .container .list li p {
		font-size: .24rem
	}

	.index-contact .container .more {
		position: absolute;
		top: .2rem;
		right: 0
	}

	.index-contact .form {
		width: 100%;
		padding: .3rem;
		min-height: 1rem
	}

	.index-contact .form .title {
		margin-bottom: .3rem
	}

	.index-contact .form ul li {
		padding-bottom: .2rem;
		width: 3.1rem
	}

	.index-contact .form ul li .input input,
	.index-contact .form ul li .input textarea {
		height: .54rem;
		line-height: .34rem;
		padding: .1rem .2rem;
		font-size: .22rem
	}

	.index-contact .form ul li .input textarea {
		height: 1.1rem
	}

	.index-contact .form ul li.li_01 {
		width: 100%
	}

	.index-contact .form ul li.lzm .input {
		width: 1.8rem
	}

	.index-contact .form ul li.lzm .img img {
		height: .54rem
	}

	.index-contact .form .submit input {
		font-size: .24rem;
		height: .6rem
	}

	.news-head .btns a {
		font-size: .22rem;
		height: .52rem
	}

	.news li {
		width: 100%
	}

	.productss li {
		width: 50%
	}

	.news li a {
		font-size: .2rem
	}

	.news li a .bd .name {
		font-size: .24rem;
		height: .52rem;
		line-height: .52rem
	}

	.news li a .bd p {
		font-size: .2rem;
		line-height: .34rem;
		height: .68rem
	}

	.news li a .bd .more {
		height: .6rem
	}

	.news li a .bd .more:after {
		height: .6rem
	}

	.p-more a {
		font-size: .24rem
	}

	.p-scroll-ico {
		display: none
	}

	.application {
		background: #025ab7;
		padding-bottom: 0
	}

	.application .title {
		padding: .6rem 0 .22rem 0
	}

	.application .title h5 {
		font-size: .26rem;
		height: .4rem
	}

	.application .title h5 img {
		width: .23rem
	}

	.application .content {
		width: 100%;
		font-size: .24rem;
		line-height: .44rem
	}

	.application .list li {
		width: 1.2rem
	}

	.application .phone-img {
		display: block
	}

	.application .canvas {
		position: static
	}

	.about {
		background-size: 120%
	}

	/* .about-1 #about {
		width: 7.5rem;
		right: 50%;
		margin-right: -3.75rem
	} */

	.about-1 .wal {
		padding-top: 5rem
	}

	.about-1 .content {
		font-size: .24rem;
		line-height: 1.8em;
		max-width: 100%;
		padding-top: .4rem
	}

	.about-1 .content p {
		padding-bottom: .24rem
	}

	.about_1 {
		margin-top: calc(2rem + 30px);
	}


	.about-1 .list ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -0.4rem
	}

	.about-1 .list li {
		margin-right: 0;
		width: 50%;
		padding-bottom: .4rem
	}

	.about-1 .list li .num span {
		font-size: .6rem
	}

	.about-1 .list li .num b {
		font-size: .28rem
	}

	.about-1 .list li .num em {
		font-size: .24rem
	}

	.about-1 .list li p {
		font-size: .24rem
	}

	.about-2 {
		padding-top: .5rem
	}

	.about-2 .list li {
		width: 50%
	}

	.about-2 .list .box .bd:before {
		display: none
	}

	.about-2 .list .box .bd h5 {
		font-size: .28rem;
		font-weight: bold
	}

	.about-2 .list .box .bd p {
		font-size: .22rem;
		line-height: .36rem
	}

	.about-2 .list li:nth-child(4) .box .bd p {
		padding: 0 .26rem
	}

	.about-3 .list .arrow a.prev {
		left: -0.2rem
	}

	.about-3 .list .arrow a.next {
		right: -0.2rem
	}

	.job li {
		padding-bottom: .3rem
	}

	.job li .head {
		font-size: .24rem
	}

	.job li .head .row {
		height: 1rem
	}

	.job li .head .row h5 {
		font-size: .28rem;
		font-weight: 600
	}

	.job li .head dl {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
		padding: .2rem .38rem;
		line-height: 1.7em
	}

	.job li .container h5 {
		font-size: .28rem;
		line-height: .44rem;
		font-weight: 600
	}

	.job li .container .content {
		font-size: .24rem;
		line-height: .44rem
	}

	/* .job li .container .btn a {
		width: 1.8rem;
		height: .66rem;
		font-size: .24rem
	} */

	.job li.on .head .row {
		height: .65rem
	}

	.job li.on .head dl {
		height: auto
	}

	.news-bg {
		background: #f9f9f9
	}

	.news-bg .bg {
		display: none
	}

	.news-bg .wal {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.w1055 {
		width: 100%
	}

	.p-curr {
		height: .9rem;
		font-size: .22rem
	}

	.p-curr:after {
		left: 0
	}

	.news-show .head:after {
		left: 0
	}
	.news-show .head h1,
	.news-show .head h2 {
		font-size: .32rem
	}

	.news-show .head .row li {
		font-size: .24rem
	}

	.news-show .head .row li img {
		height: .2rem
	}

	.news-show .head .row .share {
		display: none
	}

	.news-show .content {
		font-size: .24rem
	}

	.news-show .p-num {
		height: .8rem
	}

	.news-show .p-num a.arrow {
		font-size: .24rem
	}

	.news-side {
		width: 100%;
		padding-bottom: calc(20px + 0.2rem)
	}

	.solut-title .text {
		padding-left: 0;
	}
	.news-side h1,
	.news-side h2 {
		font-size: .3rem;
		font-weight: 600
	}

	.news-side .list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.news-side .list li {
		width: 48%
	}

	.news-side .list li:nth-child(3) {
		display: none
	}

	.news-side .list a {
		font-size: .22rem
	}

	.news-side .list a .name {
		font-size: .26rem
	}

	.news-side .list a p {
		line-height: .22rem;
		line-height: 1.6em
	}

	.contact .wal {
		min-height: 50vh;
		padding: .81rem 0
	}

	.contact .list:after {
		left: 0;
		right: 0
	}

	.contact .list ul {
		width: 100%
	}

	.contact .list li {
		width: auto;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		min-width: 50%
	}

	.contact .list li .name {
		font-size: .24rem;
		line-height: .34rem
	}

	.contact .list li p {
		font-size: .24rem;
		line-height: .34rem
	}

	.contact .list li h5 {
		font-size: .34rem;
		line-height: .34rem
	}

	.contact .form li .name {
		font-size: .24rem
	}

	.contact .form li .input input {
		font-size: .24rem;
		height: .7rem;
		line-height: .7rem
	}

	.contact .form li.lzm .img {
		width: 2rem
	}

	.contact .form .btns div {
		width: 3.2rem
	}

	.contact .form .btns input {
		height: .6rem;
		font-size: .26rem
	}

	.contact .map {
		position: relative;
		width: 100%;
		height: 4.6rem
	}

}

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

@media (max-width:800px) {
	.g-head .g-nav {
		right: 0;
	}

	.nav-layer {
		display: none !important;
	}

	.searchs2 {
		display: block !important;
	}

	.about-2 {
		padding-top: 0;
	}

	.about_1 .wal {
		padding-bottom: 0rem;
		padding-top: 4.5rem;
	}

	.about-3 {
		margin-top: 1rem;
	}

	.advantage .ad-items .ad-item {
		width: 100% !important;
	}

	.advantage .nowrap-service-item .ad-item {
		flex: auto;
	}
}

@media (max-width:767px) {
	.page li {margin-right: 5px;}
	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text .content_sub_title {
		font-size: 1.125rem;
		font-size: 18px;
	}

	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li .solution_text .content_sub_title {
		font-size: 1.125rem;
		font-size: 18px;
	}

	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text {
		bottom: 35px;
	}

	/* 新闻 */

	.hmPage4 {
		padding-top: 40px;
	}

	.hmPage4 .hmPt {
		position: static;
		text-align: center;
	}

	.hmPage4 .hmc6box.w1440 {
		padding: 0 !important;
		width: 100% !important;
	}
}

@media (max-width: 1700px) {

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 1rem !important;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 1rem !important;
	}

	.application2 .uls li:nth-child(1) {
		top: 200px;
		left: -1vw;
		left: 0.1rem;
	}

	.application2 .uls li:nth-child(2) {
		top: 250px;
		left: 1vw;
		left: 0.4rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 300px;
		left: 2.6vw;
		left: 0.5rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 350px;
		left: 2vw;
		left: 0.2rem;
	}
}

/* 125% */
@media (max-width: 1536px) and (min-width: 1536px) {
	.product_text {
		margin-top: calc(0.2rem + 10px);
		margin-bottom: calc(0.2rem);
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 0.6rem !important;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 0.6rem !important;
	}

	.application2 .uls li:nth-child(1) {
		top: 100px;
		left: -1vw;
		left: -0.6rem;
	}

	.application2 .uls li:nth-child(2) {
		top: 150px;
		left: 1vw;
		left: 0.2rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 200px;
		left: 2.6vw;
		left: 0.5rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 250px;
		left: 2vw;
		left: 0.4rem;
	}
}

@media (max-width: 1500px) {

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 0.6rem !important;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 0.6rem !important;
	}

	.index_about {
		padding: 0 90px;
	}

	.index_contact {
		padding: 0 90px;
	}

	.ns-search-layer {
		max-width: 500px;
		width: calc(100% - 40px);
		margin: 0;
	}
}

@media (max-width: 1440px) {
	.w1440 {
		width: 90%;
	}

	.solut_ul li:nth-child(2n+1) .img {
		top: 0;
	}

	.solut_ul li:nth-child(2n) .img {
		top: 0;
	}
}

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

	.application2 {
		width: 100%;
	}

	.application3 {
		width: 100%;
		z-index: 3;
	}

	.application2 .bgimg {
		position: absolute;
		transform: rotate(-90deg);
		min-height: auto;
		width: 100%;
		/* top: 200px; */
		top: -1rem;
		/* left: 50%; */
		min-width: 100vw;
		max-width: 100vw;
		/* display: none; */
	}

	.application2 .text {
		position: absolute;
		top: 0;
		left: 0;
		padding: 3% 0 0 3%;
		transform: translate(-0%, -0%);
		z-index: 20;
	}

	.application2 .uls li {
		position: absolute;
	}

	.application2 .uls li:nth-child(1) {
		top: 3rem;
		left: -12.5rem;
	}

	.application2 .uls li:nth-child(2) {
		top: 2.5rem;
		left: -10rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 2.5rem;
		left: -7rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 3rem;
		left: -4rem;
	}

	.flex {
		flex-wrap: wrap;
	}

	.application3 li {
		top: -5.5rem;
		transform: translate(-50%, -0%);
	}

	.application3 li img {
		width: 45%;
	}

}

@media (max-width: 1400px) {
	#swiper3 {
		max-width: 80vw;
	}
}

/* 125% */
@media (max-width: 1550px) and (min-width: 1500px) {
	.application2 .text {
		position: absolute;
		top: 50%;
		left: 7%;
		transform: translate(-0%, -50%);
	}
	#swiper3{
		max-width: calc(100vw - 80px);
	}
	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-lg>li.active>.solution_text{
		left: 6%;
	}
}
/* 135% */
@media (max-width:1440px) and (min-width:1400px){
	.application2 .uls li:nth-child(1){
		top: 114px;
		left: -0.2rem;
		
	}
	.application2 .uls li:nth-child(2){
		top: 150px;
		left: 0.4rem;
	}
	.application2 .uls li:nth-child(3){
		top: 190px;
		left: 0.5rem;
	}
	.application2 .uls li:nth-child(4){
		top: 230px;
		left: 0.1rem;
	}
}
/* 150% */
@media (max-width: 1300px) and (min-width: 1250px) {
	.wal {
		width: calc(100% - 10%);
	}

	.g-head .wal {
		width: 100%;
	}

	.product_indexs {
		margin: 0.1rem auto;
	}

	.index-product .product_text {
		margin-bottom: 0.3rem;
	}

	.product_text {
		margin-top: calc(0.5rem + 10px);
		margin-bottom: calc(0.4rem);
	}

	.products_list .text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.application2 .uls li:nth-child(1) {
		top: 0.5rem;
		left: -0.7rem;
	}

	.application2 .uls li:nth-child(2) {
		top: 1rem;
		left: 0.3rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 1.5rem;
		left: 0.6rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 2rem;
		left: 0.4rem;
		z-index: 100;
	}

	.hmPage4 .container {
		top: 42vh;
	}

	.application3 {
		z-index: 1;
	}

	.hmc6ul li {
		margin-bottom: 0;
	}

	.hmc6ul li:nth-child(3) {
		display: block;
	}

	.hmc6ra {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.hmc6ra p {
		height: 24px;
		-webkit-line-clamp: 1;
	}

	.products_r .text .txts::after {
		top: 20px;
	}

	.products_r .text p {
		-webkit-line-clamp: 1;
	}

	.product_ind {
		margin: 20px auto;
	}

	.index_about>div {
		max-width: 550px;
	}

	.application2 .text {
		position: absolute;
		top: 50%;
		left: 7%;
		transform: translate(-0%, -50%);
	}
}

@media (max-width:1279px) {
	.application2 {
		width: 100%;
	}

	.application3 {
		width: 100%;
		z-index: 2;
	}

	.application2 .bgimg {
		position: absolute;
		transform: rotate(-90deg);
		min-height: auto;
		width: 100%;
		/* top: 200px; */
		top: -1rem;
		/* left: 50%; */
		min-width: 100vw;
		max-width: 100vw;
		/* display: none; */
	}

	.application2 .text {
		position: absolute;
		top: 0;
		left: 0;
		padding: 3% 0 0 3%;
		transform: translate(-0%, -0%);
		z-index: 20;
	}

	.application2 .uls li {
		position: absolute;
	}

	.application2 .uls li:nth-child(1) {
		top: 3rem;
		left: -12.5rem;
		z-index: 100;
	}

	.application2 .uls li:nth-child(2) {
		top: 2.5rem;
		left: -10rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 2.5rem;
		left: -7rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 3rem;
		left: -4rem;
	}

	.flex {
		flex-wrap: wrap;
	}

	.application3 li {
		top: -6.5rem;
		transform: translate(-50%, -0%);
	}

	.application3 li img {
		width: 50%;
	}

}

@media (max-width:1124px) {
	.application3 li {
		top: -7.5rem;
		transform: translate(-50%, -0%);
	}
}
@media (max-width:1024px){
	.g-head .g-nav li{margin: 0 0.3rem;}
}
@media (max-width: 1000px) {

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 0.3rem !important;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 0.3rem !important;
	}
}

@media (max-width: 980px) {
	.application2 .bgimg {
		top: 1rem;
	}

	.application2 .uls li:nth-child(1) {
		top: 5.5rem;
		left: -14.5rem;
	}

	.application2 .uls li:nth-child(2) {
		top: 4.5rem;
		left: -10.5rem;
	}

	.application2 .uls li:nth-child(3) {
		top: 4.5rem;
		left: -6.5rem;
	}

	.application2 .uls li:nth-child(4) {
		top: 5.5rem;
		left: -3rem;
	}
}

.j-gotop {
	display: none;
}

@media (max-width: 900px) {
	.g-head .g-nav li{margin: 0 0.15rem;}
	.j-gotop {
		position: absolute;
		/* top: 50%; */
		right: 10px;
		bottom: 0.2rem;
		border-radius: 50%;
		border: 1px solid #ccc;
		background-color: #fff;
		width: 40px;
		height: 40px;
		display: block;
		/* transform: translate(-0,-50%); */
		z-index: 20;
		display: flex;
		justify-content: center;
		font-size: 20px;
		align-items: center;
		color: #333;

	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		display: none;
		/* right: 0.3rem !important; */
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		display: none;
		/* left: 0.3rem !important; */
	}
}
@media (max-width:1000px){
	.index-foot p{right: 0.9rem;}
}
@media (max-width: 800px) {
	.foot_1 .foot {
		padding-bottom: 10px;
	}

	.application3 li p {
		font-size: 14px;
	}

	.swiper-container-autoheight,
	.swiper-container-autoheight .swiper-slide {
		height: auto;
	}

	.btn {
		display: none !important;
	}

	.tabs-bar {
		display: none;
	}

	.w-body.w1440 {
		width: 90%;
	}

	.solut-title .img {
		width: 100%;
	}

	.solut-title .text {
		width: 100%;
	}
	.solut-title .text h1,
	.solut-title .text h3 {
		margin-top: 20px;
		margin-bottom: 30px;
		font-size: 20px;
	}
	.solut-title .text h1::after,
	.solut-title .text h3::after {
		bottom: -15px;
	}

	.value {
		margin-top: 0.6rem;
		margin-bottom: 0.6rem;
	}

	.banner-info img {
		min-height: 200px;
	}

	.indexbannertext {
		max-width: 80vw;
		width: 100%;
		top: 35%;
	}
	.indexbannertext h1,
	.indexbannertext h2 {
		max-width: 100%;
		width: 100%;
		font-size: 18px;
	}

	.indexbannertext img {
		max-width: 100%;
		width: 100%;
		display: none;
	}

	.indexbannertext p {
		max-width: 100%;
		width: 100%;
		font-size: 14px;
	}

	.active .sub_title_img {
		display: none;
	}

	.sub_title_img {
		display: none;
	}

	.index-foot {
		bottom: 10px;
	}

	.index-foot p {
		font-size: 14px;
		line-height: 1.4;
	}

	.index-foot p a {
		font-size: 14px;
	}

	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text {
		bottom: 80px;
	}

	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text>div.main_text:nth-child(3) {
		margin-top: 20px;
	}

	/* 产品 */
	.product_text {
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.products_list .text h1,
	.products_list .text h3 {
		font-size: 18px;
	}

	.product_ind {
		margin: 25px auto 0;
	}

	.products_list .text p {
		margin: 10px 0;
	}

	.products_list .text {
		padding: 20px;
	}

	.content_index_s4 .wrapper_index_s4 .content_body ul.solution_list.visible-xs.visible-sm>li.active>.solution_text {
		top: 50%;
		bottom: auto;
		transform: translate(-0, -50%);
	}

	.index-contact {
		background: url(../images/index6bg.jpg) top left no-repeat;
		background-size: cover;
	}

	.index-indexs {
		background: url(../images/index6bgpng.png) top left no-repeat;
		background-size: cover;
	}

	.product_ind .btn_a {
		margin: 0 auto;
	}
	.index_about h1, 
	.index_about h3 {
		font-size: 20px;
		text-align: center;
	}

	.index_about>div {
		margin: 0 auto;
	}

	.index_about ul {
		flex-wrap: wrap;
	}

	.index_about ul li {
		width: calc(50%);
		padding: 0 10px 10px;
	}

	.index_about>div {
		/* padding: 0 20px; */
	}
	.index_contact h1,
	.index_contact h3 {
		font-size: 20px;
		text-align: center;
	}

	.index_contact p {
		text-align: center;
	}

	.index_contact .text {
		margin-top: 20px
	}

	.index_about p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.products_list .text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
	}

	.index_about {
		padding: 0 40px;
	}

	.index_contact {
		padding: 0 40px;
	}

	.nums {
		font-size: 26px;
	}

	.nums em {
		font-size: 20px;
	}

	.index_contact .text div {
		line-height: 2;
	}

	.hmc6Babox {
		margin: 0 auto;
		width: calc(100% - 40px);
		margin: 0 20px;
		/* float: none; */
	}

	.hmc6ul {
		margin-top: 20px;
		margin: 0 auto;
		margin: 10px 20px 0;
		padding: 0;
		width: calc(100% - 40px);
		/* float: none; */
	}

	.hmc6ul li {
		margin: 0 0 10px;
	}

	.w1440 {
		width: 100%;
	}

	.hmPage4 {
		padding: 0;
	}

	.hmPage4 .container {
		padding: 0;
	}

	.hmc6ul li:nth-child(1) {
		display: block;
	}

	.hmc6ul li {
		display: none;
	}

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

	.hmc6lay {
		padding-left: 14px;
		padding-right: 14px;
	}

	.application2 .uls li:nth-child(1) {
		top: 36vw;
		left: -94vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 29vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 29vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 36vw;
		left: -20vw;
	}

	.solut_ul li .w1440 {
		width: 90%;
	}

	.solut_ul li .img {
		position: relative !important;
		left: 0 !important;
		width: 100%;
	}

	.solut_ul li .text {
		width: 100%;
		left: 0 !important;
		padding: 0 !important;
		margin-top: 20px;
	}

	.solut_ul li:nth-child(n+1) {
		margin-top: 0px;
	}

	.solut_ul li:nth-child(n+2) {
		margin-top: 40px;
	}

	.solut_ul {
		margin-bottom: 40px;
	}

	.banner-info .txt h1 {
		font-size: 34px;
	}

	.about_1 #about img {
		width: 74%;
	}

	.about-1 .wal {
		padding-top: 6.2rem;
	}
	.text_h2 h1,
	.text_h2 h2 {
		padding: 20px 0 40px;
	}

}

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

	/* .hmPage4 .container{
		position: static;
		transform: none;
	} */
	.index_contact .text {
		margin-top: 60px
	}
	.index_about h1,
	.index_about h3 {
		font-size: 36px;
	}
	.indexbannertext h1,
	.indexbannertext h2 {
		font-size: 36px;
	}

	.indexbannertext p {
		font-size: 16px;
	}

	/* .index-product {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	} */

	.product_text {
		font-size: 36px;
	}

	/* .index-news {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	} */

	.g-foot .head .wal {
		justify-content: center;
	}

	.about-1 .wal {
		padding-top: 6rem;
	}
}
@media (max-width: 768px){
	.application3 li{top: -5.5rem;}
}
@media (max-width: 767px) {
	.about-1 .wal {
		padding-top: 5rem;
	}

	.application2 .uls li div {
		font-size: 14px;
		font-size: 12px;
	}

	.application2 .uls {
		margin: 20px 0 0;
	}
	.application2 .text li h1,
	.application2 .text li h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	

	.application2 .btn_a {
		margin: 20px auto 10px;
	}

	.application3 li img {
		width: 80%;
	}

	.hmc6Babox .overflowHide {
		height: 315px;
	}

	.application2 .uls li {
		max-width: 104px;
		max-height: 104px;
		width: 20vw;
		height: 20vw;
	}

	.application2 .uls li::after {
		max-width: 104px;
		max-height: 104px;
		width: 20vw;
		height: 20vw;
	}

	.application2 .uls li.active::after {
		max-width: 104px;
		max-height: 104px;
		width: 20vw;
		height: 20vw;
	}

	.application2 .uls li:nth-child(1) {
		top: 43vw;
		left: -95vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 36vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 36vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 43vw;
		left: auto;
		right: 5vw;
	}

	.application3 li {
		margin: 0;
		top: -6.5rem;
		/* margin: 0 20px; */
	}

	.application2 .bgimg {
		top: 3rem;
	}
	.application2 .uls{
		top: 70px;
	}

	.application4 .btn_a {
		margin: 20px 0 10px;
	}

	.application2 .text {
		padding: 5% 5% 0 5%;
		width: calc(100%);
	}
	.application2 .text li h1,
	.application2 .text li h3{
		text-align: center;
	}
	.application2 .text li p{
		text-align: center;
	}
	/* 关于 */
	.about_1 .wal ul {
		flex-wrap: wrap;
	}

	.about_1 .wal ul li {
		width: calc(50%);
	}

	.about-1 #about {
		max-width: calc(100%);
		width: 100%;
		right: auto;
		left: 0;
		transform: none;
	}

	/* .about-1 .wal {
		padding-top: 4rem;
	} */

	.about_1 {
		margin-top: calc(1rem + 40px);
	}

	.about-2 .list {
		padding-top: 0;
	}

	/* .about-2 {
		padding-bottom: 0.5rem;
	} */

	.about-3 {
		margin-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.about-2 .list li {
		width: 100%;
	}

	#swiper4 .swiper-slide {
		/* width: 100%; */
		max-height:none;
		height: auto;
		min-height: auto;
	}
	#swiper4 .swiper-slide img {
		/* width: 100%; */
		width: auto;
		max-height:36vw;
		margin: 0 auto;
		display: block;
		/* height: auto; */
	}

	.banner-info .txt h1 {
		font-size: 20px;
	}

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

	#swiper4 .swiper-slide img {
		min-height: auto;
	}

	.nav_2 {
		flex-wrap: wrap;
		justify-content: start;
	}

	.nav_2 a {
		font-size: 14px;
		margin-bottom: 10px;
	}
}

@media (max-width:570px) {
	.application3 li {
		margin: 0;
		top: -5.5rem;
		/* margin: 0 20px; */
	}

	.about_1 .wal {
		padding-top: 4.5rem;
	}

	.application2 .uls li:nth-child(1) {
		top: 48vw;
		left: -95vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 41vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 41vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 48vw;
		left: auto;
		right: 5vw;
	}

	.application2 .uls li {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li.active::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}
}
@media (max-width:450px){
	.productss li{width: 100%;}
}
@media (max-width:425px) {
	.application3 li {
		margin: 0;
		top: -5rem;
		/* margin: 0 20px; */
	}

	.g-foot .bd .wal .ewm {
		height: 29vw;
	}

	.g-foot .bd .wal .ewm .col .name {
		padding-top: 0.05rem;
	}

	.about_1 #about img {
		margin: 0;
		display: block;
		margin: 0 auto;
		width: calc(100% - 0.6rem);
	}

	.application2 .uls li:nth-child(1) {
		top: 54vw;
		left: -95vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 48vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 48vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 54vw;
		left: auto;
		right: 5vw;
	}

	.application2 .uls li {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li.active::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.about-1 .wal {
		padding-top: 3.8rem;
	}
	.application4 .btn_a{
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width:389px){
	.application2 .bgimg{top: 2.2rem;}
	.application2 .uls{top:8px;}
	.application4 .btn_a{padding:10px 15px;}
}
@media (max-width:375px) {
	.application3 li {
		margin: 0;
		top: -4.5rem;
		/* margin: 0 20px; */
	}

	.hmc6Babox .overflowHide {
		height: 250px;
	}

	.about-1 .wal {
		padding-top: 3.3rem;
	}

	.g-foot .bd .wal .ewm {
		height: 1.6rem;
	}

	.application2 .uls li {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li.active::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li:nth-child(1) {
		top: 58vw;
		left: -95vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 52vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 52vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 58vw;
		left: auto;
		right: 5vw;
	}
}

@media (max-width:320px) {
	.application2 .uls li {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.g-foot .bd .wal .ewm {
		height: 1.4rem;
	}

	.application2 .uls li::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li.active::after {
		max-width: 104px;
		max-height: 104px;
		width: 16vw;
		height: 16vw;
	}

	.application2 .uls li:nth-child(1) {
		top: 60vw;
		left: -95vw;
	}

	.application2 .uls li:nth-child(2) {
		top: 54vw;
		left: -70vw;
	}

	.application2 .uls li:nth-child(3) {
		top: 54vw;
		left: -45vw;
	}

	.application2 .uls li:nth-child(4) {
		top: 60vw;
		left: auto;
		right: 5vw;
	}
}

@media (max-width:1024px) and (min-width:1024px) {
	.application3 li {
		top: -13rem;
	}

	.application3 li img {
		width: 80%;
	}

	.g-head .g-nav li {
		margin: 0 0.3rem;
	}
}


@media (max-width:374px) {
    .application2 .text li h1,
	.application2 .text li h3{font-size:18px;margin-bottom:5px}
	.application4 .btn_a{margin-top:10px}
	.application3 li{top: -3rem;}
	.application2 .bgimg{top: 1.8rem;}
	.application2 .uls li:nth-child(1){top: 55vw;}
	.application2 .uls li:nth-child(2){top: 49vw;}
	.application2 .uls li:nth-child(3){top: 49vw;}
	.application2 .uls li:nth-child(4){top: 55vw;}
}
@media (max-width:820px){
	.application2{position: static;height: auto;}
	.application2 .text{position: static;}
	.application2 .uls{position: static;display:flex;justify-content: space-around;height: 18vh;}
	.application2 .uls li{
    position: relative;
    top: 0 !important;
    left: 0 !important;
	}
	.application3{
		position: static;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
	}
	.application3 li{
	    position: static;
		transform: translate(0,0);
		margin-top: 2vh;
	}
	.application2 .uls li:nth-child(1){
		top: 50px !important;
	}
	.application2 .uls li:nth-child(4){
		top: 50px !important;
	}
}
@media (max-width:767px){
    .application2 .text li h1,
	.application2 .text li h3{font-size:18px;margin-bottom:5px}
	/* .application4 .btn_a{margin-top:10px} */
	.application2 .bgimg{top:1.8rem}
	.application2 .uls{height: 17vh;margin-top: 30px;}
	.hmc6lay strong{font-size: 18px;}
	.hmc6ra strong{font-size: 18px;}
}
@media (max-width:319px){
	.application2 .uls li div{font-size: 12px;font-size: 10px;font-size: 8px;}
	.application2 .uls li.active::after{width: 10vw;height: 10vw;top: -12px;left: -12px;}
}
@media (min-width:800px){
	.solut_ul li .img{top:auto !important;bottom:15px !important;}
	.solut_ul li{min-height:initial;}
	.solut_ul li .text{padding-bottom: 50px;}
}
@media (max-width:450px){
	.application2 .uls li div{font-size: 2.5vw;}
}