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

body.show a,body.show .transition,body.show :before,body.show img {
	-webkit-transition: All .5s ease;
	transition: All .5s ease
}

.zoomImg {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block
}

.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)
}

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

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

@-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: #fff;
	-webkit-text-size-adjust: none;
	background: #333
}

body::-webkit-scrollbar {
	width: .06rem;
	border-radius: .06rem
}

body::-webkit-scrollbar-thumb {
	background: #06c;
	border-radius: .06rem
}

body::-webkit-scrollbar-track {
	background: rgba(0,0,0,0);
	border-radius: .06rem
}

a {
	color: #fff;
	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: #fff;
	outline: none
}

li {
	list-style: outside none
}

li{list-style-type: 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: 12rem;
	margin: 0 auto
}

.landscape-tips {
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.landscape-tips .ico {
	width: 1.6rem
}

.landscape-tips .ico path {
	fill: #fff
}

.landscape-tips p {
	text-align: center;
	color: #fff;
	font-size: .24rem;
	line-height: 1.7em;
	padding-top: .2rem
}

@media(orientation: landscape) {
	.landscape-tips {
		opacity: 1;
		visibility: visible
	}
}

::-moz-selection {
	background: #06c;
	color: #fff
}

::selection {
	background: #06c;
	color: #fff
}

::-moz-selection {
	background: #06c;
	color: #fff
}

::-webkit-selection {
	background: #06c;
	color: #fff
}

@font-face {
	font-family:"iconfont";src:url("//at.alicdn.com/t/font_2640790_axgzw1pmuba.woff2?t=1639835947994") format("woff2"),url("//at.alicdn.com/t/font_2640790_axgzw1pmuba.woff?t=1639835947994") format("woff"),url("//at.alicdn.com/t/font_2640790_axgzw1pmuba.ttf?t=1639835947994") format("truetype")
}

.iconfont {
	font-family: "iconfont"
}

@font-face {
	font-family:"DINPro-Bold";src:url(../images/DINPro-Bold.woff2) format("woff2"),url(../images/DINPro-Bold.woff) format("woff"),url(../images/DINPro-Bold.ttf) format("truetype"),url(../images/DINPro-Bold.eot) format("embedded-opentype"),url(../images/DINPro-Bold.svg) format("svg");font-weight:normal;font-style:normal
}

.g-head .head {
	position: fixed;
	z-index: 50;
	left: 0;
	top: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	padding: 0 .54rem 0 .22rem
}

.g-head .wal {
	height: 1rem;
	position: relative;
	max-width: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

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

.g-head .language {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: .16rem;
	-webkit-transition: line-height .5s ease;
	transition: line-height .5s ease
}

.g-head .language em {
	padding: 0 .1rem
}

.g-head .language a {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.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.5rem
}

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

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

.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 em {
	display: block;
	position: relative;
	z-index: 5
}

.g-head .g-nav a.name .rect {
	left: -0.23rem;
	right: -0.23rem;
	top: 50%;
	margin-top: -0.19rem;
	height: .38rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.g-head .g-nav a.name:hover .rect,.g-head .g-nav a.name.on .rect {
	opacity: 1;
	visibility: visible
}

.g-head .g-nav a.name:hover .rect:before,.g-head .g-nav a.name:hover .rect:after,.g-head .g-nav a.name.on .rect:before,.g-head .g-nav a.name.on .rect:after {
	width: 0
}

.g-head.on .wal {
	height: .8rem
}

.g-head.on .language {
	line-height: .8rem
}

.g-head.on .g-nav a.name {
	height: .8rem;
	line-height: .8rem
}

.rect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background: #06c;
	-webkit-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg)
}

.rect:before,.rect:after {
	content: "";
	display: block;
	position: absolute;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	width: 50%
}

.rect:before {
	left: 0;
	background: red
}

.rect:after {
	right: 0;
	background: #333
}

a:hover .rect:before,a:hover .rect:after {
	width: 0
}

.g-foot {
	background: url(../images/foot.png) center no-repeat;
	background-size: cover;
	font-size: .14rem
}

.foot_01{overflow:hidden; font-size:14px; color:#333333; background: #000; padding: .2rem .6rem;}
.foot_01 a{color:#a1a1a1; padding-right:12px;}
.foot_01 a:hover{color:#f00;}

.g-foot .wal {
	min-height: 2.18rem;
	max-width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.g-foot .phone-logo {
	display: none
}

.g-foot .left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: .55rem 0 0 .26rem
}

.g-foot .left .logo {
	width: 2.82rem;
	margin-right: .16rem
}

.g-foot .left .link {
	padding: .06rem 0
}

.g-foot .left .link em {
	padding: 0 .1rem
}

.g-foot .left .content {
	font-size: .12rem;
	line-height: .23rem
}

.g-foot .right {
	width: 5.6rem;
	padding-top: .26rem
}

.g-foot .right .tel {
	background: url(../images/tel36.png) left center no-repeat;
	background-size: .36rem;
	line-height: .36rem;
	font-size: .31rem;
	font-weight: bold;
	padding-left: .43rem
}

.g-foot .right .list {
	line-height: .3rem;
	padding-top: .15rem
}

.g-foot .right .list li {
	position: relative;
	padding-left: 3em;
	width: 2.84rem
}

.g-foot .right .list li .name {
	position: absolute;
	left: 0;
	top: 0
}

.g-foot .ewm {
	width: 1.25rem;
	position: absolute;
	text-align: center;
	top: .34rem;
	right: .76rem
}

.g-foot .ewm .name {
	padding-top: .1rem
}

a.topA {
	display: block;
	background: url(../images/top.png) center no-repeat;
	background-size: 100%;
	width: .44rem;
	height: .44rem;
	position: fixed;
	z-index: 20;
	right: .13rem;
	bottom: 1.4rem;
	opacity: 0;
	visibility: hidden
}

a.topA.show {
	opacity: 1;
	visibility: visible
}

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

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

	body.navShow {
		overflow: hidden
	}

	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 {
		padding: 0 .22rem
	}

	.g-head .wal {
		height: 1.4rem;
		margin: 0
	}

	.g-head a.logo {
		width: 3.78rem
	}

	.g-head .language {
		right: 1rem;
		font-size: .28rem;
		line-height: 1.4rem
	}

	.g-head .language em {
		padding: 0 .12rem
	}

	.g-head .navA {
		right: -0.22rem;
		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: 1.4rem;
		overflow-y: auto;
		background: rgba(0,0,0,.7);
		-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: .32rem;
		padding-left: .5rem;
		height: 1.2rem;
		line-height: 1.2rem
	}

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

	.g-head.on .wal {
		height: 1rem
	}

	.g-head.on .language {
		line-height: 1rem
	}

	.g-head.on .g-nav {
		top: 1rem
	}

	.g-head.on .g-nav a.name {
		height: 1.2rem;
		line-height: 1.2rem
	}

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

	.g-foot .wal {
		min-height: 7.33rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.g-foot .left {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 1rem 0 .5rem 0
	}

	.g-foot .left .logo {
		width: 5.13rem;
		display: none
	}

	.g-foot .left .link {
		display: none
	}

	.g-foot .left .content {
		font-size: .26rem;
		line-height: .6rem;
		margin-right: -0.4rem
	}

	.g-foot .right {
		width: 100%;
		padding-top: 0
	}

	.g-foot .right .tel {
		background-size: .49rem;
		line-height: .6rem;
		font-size: .6rem;
		padding-left: .66rem
	}

	.g-foot .right .list {
		line-height: .56rem;
		padding-top: .3rem
	}

	.g-foot .right .list li {
		width: 5.2rem
	}

	.g-foot .ewm {
		width: 1.77rem;
		top: 1.86rem;
		right: 0
	}

	.g-foot .ewm .name {
		padding-top: .2rem;
		margin-right: -0.1rem;
		margin-left: -0.1rem
	}

	.g-foot .phone-logo {
		display: block;
		width: 5.13rem;
		position: relative;
		padding: .41rem 0 .5rem 0;
		left: -0.21rem
	}

	a.topA {
		width: 1.05rem;
		height: 1.05rem;
		right: .44rem;
		bottom: .5rem;
		background-image: url(../images/top105.png)
	}
}

@media screen and (max-width: 550px) {
	.wal,.wal-1200 {
		margin: 0 .5rem
	}
}

.ellipsis,.p-num2 .arrow p,.index-news .list li a .name,.index-news .imgs .list-wrapper li a .name,.index-case .list li a .name,.index-business .list li dd a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.index-flash {
	width: 100%;
	overflow: hidden;
	position: relative
}

.index-flash li {
	position: relative;
	width: 100%;
	overflow: hidden
}

.index-flash li .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover
}

.index-flash li .bg-1 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.index-flash li .bg-1 div {
	width: 5%;
	height: 100vh;
	background: #fff
}

.index-flash li .wal {
	height: 100vh;
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	position: relative
}

.index-flash li .wal h3 {
	font-size: .6rem;
	font-style: italic;
	line-height: 1em
}

.index-flash li .wal p {
	font-size: .24rem;
	padding: .24rem 0 .35rem 0
}

.index-flash li .wal .more {
	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;
	width: 1.65rem;
	height: .38rem;
	background: url(../images/more3.svg) center no-repeat;
	background-size: 100% 100%;
	font-size: .14rem
}

.index-flash li .wal .more:hover {
	background-image: url(../images/more2on.svg)
}

.index-flash li .line {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	height: .05rem;
	width: 0;
	background: red
}

.index-flash .dots {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: .27rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-flash .dots span {
	width: .27rem;
	height: .17rem;
	background: url(../images/dot27.png) center no-repeat;
	background-size: 100% 100%
}

.index-flash .dots span.swiper-pagination-bullet-active {
	background-image: url(../images/dot27on.png)
}

.index-flash .ico {
	width: .35rem;
	position: absolute;
	z-index: 10;
	right: .25rem;
	top: 50%;
	margin-top: -0.2rem
}

.index-flash .ico .name {
	font-size: .12rem;
	text-align: center;
	margin-left: -0.2rem;
	margin-right: -0.2rem;
	line-height: 1em;
	padding-top: .1rem
}

.index-title {
	text-align: center
}

.index-title h2 {
	position: relative;
	font-size: .34rem;
	line-height: 1em;
	padding-bottom: .15rem
}

.index-title h2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: .03rem;
	background: url(../images/index-title.svg) center no-repeat;
	background-size: auto 100%
}

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

.index-about .word {
	position: absolute;
	left: 0;
	bottom: -0.1rem;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 49.48rem
}

.index-about .word div {
	width: 50%;
	background: url(../images/img2474.png) center no-repeat;
	background-size: 100% 100%;
	height: 1.7rem
}

.index-about .wal {
	min-height: 7.15rem;
	position: relative;
	z-index: 5;
	max-width: 11.42rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 1.72rem
}

.index-about .container {
	width: 4.67rem
}

.index-about .container .index-title {
	text-align: left
}

.index-about .container .index-title h2:before {
	width: .59rem
}

.index-about .container .content {
	font-size: .18rem;
	line-height: 2em;
	padding: .6rem 0 .5rem 0
}

.index-about .container .more {
	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;
	width: 1.65rem;
	height: .38rem;
	background: url(../images/more1.svg) center no-repeat;
	background-size: 100% 100%;
	font-size: .14rem;
	color: #fff
}

.index-about .container .more:hover {
	color: #fff;
	background-image: url(../images/more1on.svg)
}

.index-about .img {
	width: 6.13rem;
	padding: 0 .64rem .65rem 0;
	position: relative
}

.index-about .img .bg-1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/img437.svg) right bottom no-repeat;
	background-size: 4.37rem
}

.index-about .img .bg-2 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3
}

.index-about .img .bg-2:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 5;
	left: 1.22rem;
	bottom: .21rem;
	background: url(../images/img112.svg) center no-repeat;
	background-size: 100% 100%;
	width: 1.12rem;
	height: .87rem
}

.index-about .img .zoomImg {
	width: 5.49rem;
	position: relative;
	z-index: 2
}

.index-business {
	width: 100%;
	overflow: hidden;
	position: relative
}

.index-business:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/index-bussiness.png) center no-repeat;
	background-size: cover
}

.index-business:hover:before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.index-business .wal {
	min-height: 7.15rem;
	padding: .8rem 0;
	position: relative;
	z-index: 5;
	max-width: 11.34rem
}

.index-business .msg {
	text-align: center;
	max-width: 10.22rem;
	margin: 0 auto;
	font-size: .18rem;
	line-height: 2em;
	padding: .35rem 0 .35rem 0
}

.index-business .list 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-business .list li {
	width: 3.2rem
}

.index-business .list li .head {
	display: block
}

.index-business .list li .head .name {
	font-size: .24rem;
	line-height: 1em;
	padding: .2rem 0 .15rem 0;
	position: relative;
	z-index: 5
}

.index-business .list li .head .name:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -0.02rem;
	width: 0;
	height: .04rem;
	background: red
}

.index-business .list li dl {
	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-business .list li dd {
	width: 45%
}

.index-business .list li dd a {
	display: block;
	font-size: .16rem;
	height: .32rem;
	line-height: .32rem;
	color: #ccc
}

.index-business .list li dd a:hover {
	color: #fff
}

.index-business .list li:hover .head {
	color: #06c
}

.index-business .list li:hover .head .name:before {
	width: 2.32rem
}

.index-partner {
	width: 100%;
	overflow: hidden;
	position: relative
}

.index-partner .index-title {
	padding: .97rem 0 .88rem 0;
	background: #036
}

.index-partner .list {
	max-width: 19.2rem;
	margin: 0 auto
}

.index-partner .list 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;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.index-partner .list li .img {
	width: 50%;
	overflow: hidden;
	position: relative
}

.index-partner .list li .img img {
	width: 100%;
	height: 6rem
}

.index-partner .list li .col {
	width: 50%;
	padding: 0 9.5vw 0 8vw
}

.index-partner .list li .col .name h5 {
	font-size: .32rem;
	text-transform: uppercase;
	line-height: .48rem
}

.index-partner .list li .col .name div {
	font-size: .18rem;
	line-height: .48rem;
	color: #fff;
	background: url(../images/index-title.svg) left bottom no-repeat;
	background-size: .59rem .03rem;
	padding-bottom: .1rem
}

.index-partner .list li .col .content {
	font-size: .18rem;
	line-height: 2em;
	text-align: justify;
	color: #ccc;
	padding: .2rem 0 0 .4rem
}

.index-partner .list li a.more {
	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;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0
}

.index-partner .list li a.more .more-rect {
	position: relative;
	width: 2.12rem;
	height: .65rem;
	line-height: .65rem
}

.index-partner .list li a.more .more-rect em {
	display: block;
	position: relative;
	z-index: 5;
	font-size: .18rem;
	color: #fff;
	text-align: center
}

.index-partner .list li a.more:hover .rect:before {
	width: 10%
}

.index-partner .list li:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background: #036
}

.index-partner .list li:hover .img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.index-partner .list li:hover a.more {
	opacity: 1
}

.index-case .head {
	padding: .6rem 0 .7rem 0
}

.index-case .head p {
	text-align: center;
	max-width: 10.22rem;
	margin: 0 auto;
	font-size: .18rem;
	line-height: 2em;
	padding-top: .35rem
}

.index-case .list {
	position: relative;
	padding: 0 .45rem .87rem .45rem
}

.index-case .list .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative
}

.index-case .list li {
	padding: 0 .15rem
}

.index-case .list li a {
	display: block;
	position: relative
}

.index-case .list li a .name {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	right: 0;
	height: .63rem;
	line-height: .63rem;
	font-size: .18rem;
	background: rgba(0,0,0,.7);
	text-align: center;
	padding: 0 .1rem
}

.index-case .list .arrow 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;
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: .87rem;
	font-family: "iconfont";
	width: .45rem;
	text-align: center;
	font-size: .3rem
}

.index-case .list .arrow a:hover {
	color: red
}

.index-case .list .arrow a.prev {
	left: 0
}

.index-case .list .arrow a.next {
	right: 0
}

.index-news {
	padding-bottom: 1.05rem;
	background: #036
}

.index-news .wal {
	max-width: 11.55rem
}

.index-news .index-title {
	padding: .85rem 0 .65rem 0
}

.index-news .row {
	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;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.index-news .imgs {
	position: relative;
	width: 5.56rem;
	padding-top: .2rem
}

.index-news .imgs .bg-1 {
	position: absolute;
	left: -0.23rem;
	top: 0;
	background: url(../images/img604.svg) center no-repeat;
	background-size: 100% 100%;
	width: 6.04rem;
	height: 4.43rem
}

.index-news .imgs .bg-2 {
	position: absolute;
	left: -0.23rem;
	top: 0;
	background: url(../images/img604_2.svg) center no-repeat;
	background-size: 100% 100%;
	width: 6.04rem;
	height: 4.43rem
}

.index-news .imgs .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 5
}

.index-news .imgs .list-wrapper li a {
	display: block;
	position: relative
}

.index-news .imgs .list-wrapper li a .name {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	right: 0;
	height: .63rem;
	line-height: .63rem;
	font-size: .2rem;
	background: rgba(0,0,0,.7);
	padding: 0 1rem 0 .17rem
}

.index-news .imgs .num {
	position: absolute;
	z-index: 6;
	bottom: 0;
	right: .2rem;
	line-height: .63rem;
	font-size: .18rem;
	color: #06c
}

.index-news .list {
	width: 5rem
}

.index-news .list li {
	padding-bottom: .28rem
}

.index-news .list li:last-child {
	padding-bottom: 0
}

.index-news .list li a {
	display: block;
	font-size: .16rem;
	line-height: .32rem;
	padding-left: .13rem;
	position: relative
}

.index-news .list li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .14rem;
	width: .04rem;
	height: .04rem;
	background: #fff
}

.index-news .list li a .name {
	font-size: .18rem;
	height: .32rem
}

.index-news .list li a .time {
	color: #8badbc
}

.index-news .list li a:hover {
	color: red
}

.index-news .list li a:hover:before {
	background: red
}

.index-contact {
	position: relative;
	width: 100%;
	overflow: hidden
}

.index-contact:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/index-foot.jpg) center no-repeat;
	background-size: cover
}

.index-contact:hover:before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.index-contact .wal {
	height: 5.01rem;
	max-width: 11.3rem;
	position: relative;
	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-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-contact .wal .index-title {
	text-align: left
}

.index-contact .wal .index-title h2:before {
	width: .59rem
}

.index-contact .wal .content {
	font-size: .18rem;
	line-height: 2em;
	padding: .6rem 0
}

.index-contact .wal .more {
	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;
	width: 1.65rem;
	height: .38rem;
	background: url(../images/more2.svg) center no-repeat;
	background-size: 100% 100%;
	font-size: .14rem;
	color: #06c
}

.index-contact .wal .more:hover {
	color: #fff;
	background-image: url(../images/more2on.svg)
}

.p-banner-wrapper {
	height: 100vh;
	overflow: hidden;
	position: relative
}

.p-banner {
	background: center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	overflow: hidden
}

.p-banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover
}

.p-banner .wal {
	height: 100vh;
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	position: relative
}

.p-banner .wal h3 {
	font-size: .66rem;
	font-style: italic;
	line-height: 1em
}

.p-banner .wal p {
	font-size: .24rem;
	padding: .24rem 0 0 0
}

.p-banner .ico {
	width: .35rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: .38rem;
	margin-left: -0.175rem
}

.p-banner .ico .name {
	font-size: .12rem;
	text-align: center;
	margin-left: -0.2rem;
	margin-right: -0.2rem;
	line-height: 1em;
	padding-top: .1rem
}

.p-nav {
	background: url(../images/p-nav.png) center no-repeat;
	background-size: cover;
	height: .99rem
}

.p-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-nav a {
	display: block;
	padding: 0 .25rem;
	height: .99rem;
	line-height: .99rem;
	font-size: .2rem;
	position: relative
}

.p-nav a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: .66rem;
	background: url(../images/p-nav.svg) center no-repeat;
	background-size: auto 100%;
	height: .03rem;
	opacity: 0
}

.p-nav a:hover,.p-nav a.on {
	color: red
}

.p-nav a:hover:before,.p-nav a.on:before {
	opacity: 1
}

.about-bg {
	background: url(../images/about-bg.jpg) center bottom no-repeat;
	background-size: 100%;
	min-height: 10rem
}

.about {
	padding-top: .57rem
}

.about .row {
	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-bottom: 1.3rem
}

.about .side {
	width: 3.06rem
}

.about .side .title {
	height: 1.6rem;
	line-height: 1.1rem;
	text-align: center;
	font-weight: bold;
	font-size: .24rem;
	position: relative
}

.about .side .title:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.18rem;
	top: 0;
	background: url(../images/about-title.svg) center no-repeat;
	background-size: 100% 100%;
	width: 3.5rem;
	height: 1.25rem
}

.about .side .title em {
	display: block;
	position: relative
}

.about .container {
	width: 8.44rem
}

.about .container .content {
	font-size: .16rem;
	line-height: .36rem;
	text-align: justify
}

.about .container .content .img {
	padding: .3rem 0
}

.about .container .list {
	padding: .4rem 0
}

.about .container .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about .container .list li {
	padding: 0 .45rem
}

.about .container .list li .num {
	color: #06c;
	font-size: .16rem;
	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 .container .list li .num em {
	font-size: .42rem
}

.about .container .list li .num span {
	position: relative;
	top: .07rem
}

.about .container .list li .name {
	font-size: .16rem;
	color: #ccc
}

.about .container .list2 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;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.about .container .list2 li {
	padding: .25rem 0 0 0
}

.about .container .list2 li h5 {
	font-size: .24rem
}

.about .container .list2 li.li_01 {
	width: 100%;
	border-top: #575757 solid 1px;
	padding: .25rem 0;
	margin-top: .25rem
}

.about .container .list2 li.li_02 {
	width: 100%;
	border-top: #575757 solid 1px;
	padding: .25rem 0
}

.about .container .list3 li {
	border-top: #575757 solid 1px;
	padding: .25rem 0
}

.about .container .list3 li:first-child {
	padding-top: 0;
	border: 0
}

.about .container .list3 li h5 {
	font-size: .24rem
}

.business-1 {
	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;
	background: #4b4b4b
}

.business-1 .zoomImg {
	width: 50%
}

.business-1 .col {
	width: 50%;
	padding: 0 10vw 0 12vw
}

.business-1 .index-title {
	text-align: left
}

.business-1 .index-title h2:before {
	width: .59rem
}

.business-1 .content {
	font-size: .18rem;
	line-height: .32rem;
	padding-top: .2rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.business-1 dl {
	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: .45rem
}

.business-1 dl dd {
	width: 45%;
	font-size: .18rem;
	line-height: 2em
}

.business-1-odd {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.business-2 {
	background: url(../images/business-2.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	position: relative
}

.business-2 .word {
	position: absolute;
	left: 0;
	bottom: -0.1rem;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 49.48rem
}

.business-2 .word div {
	width: 50%;
	background: url(../images/img2474.png) center no-repeat;
	background-size: 100% 100%;
	height: 1.7rem
}

.business-2 .wal {
	min-height: 7.2rem;
	max-width: 13.15rem;
	position: relative
}

.business-2 .index-title {
	padding: 1.12rem 0 1.2rem 0
}

.business-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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.business-2 .list li {
	width: 20%;
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	opacity: .8
}

.business-2 .list li .ico {
	width: .93rem;
	height: .93rem;
	position: relative;
	border-radius: 50%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
    cursor:pointer;
}

.business-2 .list li .ico:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: .93rem;
	height: .93rem;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: #fff solid .02rem;
	border-radius: 50%
}

.business-2 .list li .ico img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.business-2 .list li .name {
	font-size: .16rem;
	line-height: 1em;
	padding: .16rem 0 .75rem 0
}

.business-2 .list li:hover .ico {
	background: #fff
}

.business-2 .list li:hover .ico:before {
	width: 1.11rem;
	height: 1.11rem;
	background: #fff;
	opacity: .2
}

.business-2 .list li:hover .ico img:nth-child(1) {
	opacity: 0
}

.business-2 .list li:hover .ico img:nth-child(2) {
	opacity: 1
}

.product {
	padding-top: .5rem;
	max-width: 13.5rem
}

.product li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: .7rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product li .zoomImg {
	width: 6.5rem
}

.product li .col {
	width: 6.5rem;
	padding: .28rem .5rem 0 .05rem;
	position: relative;
	z-index: 5
}

.product li .col .name a {
	display: block;
	background: url(../images/img757.png) center no-repeat;
	background-size: 100% 100%;
	width: 7.57rem;
	height: .84rem;
	line-height: .84rem;
	padding-left: 1.05rem;
	position: relative;
	left: -1.05rem;
	font-size: .28rem
}

.product li .col .address {
	font-size: .18rem;
	line-height: .7rem;
	color: #06c;
	padding-left: .35rem;
	background: url(../images/address25.png) left center no-repeat;
	background-size: .25rem;
	position: relative;
	top: .06rem
}

.product li .col .content {
	font-size: .18rem;
	line-height: 2em;
	text-align: justify;
	color: #ccc;
	padding-bottom: .75rem; text-indent:0.38rem;
}

.product li .col .more {
	font-size: .18rem;
	color: #06c;
	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
}

.product li .col .more:after {
	display: block;
	content: "";
	background: url(../images/arrow40.png) center no-repeat;
	background-size: 100%;
	width: .4rem;
	height: .13rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	margin-left: .1rem
}

.product li .col .more:hover:after {
	margin-left: .2rem
}

.product li:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.product li:nth-child(even) .col {
	padding: .28rem 0 0 .56rem
}

.product li:nth-child(even) .col .name a {
	left: -0.84rem;
	padding-left: .84rem
}

.p-more {
	padding: .25rem 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;
	width: 2.72rem;
	height: .51rem;
	font-size: .16rem;
	color: #06c;
	margin: 0 auto;
	background: url(../images/more272.svg) center no-repeat;
	background-size: 100% 100%
}

.p-more a:hover {
	background-image: url(../images/more272on.svg);
	color: #fff
}

.product-banner-wrapper {
	height: 6.5rem;
	overflow: hidden;
	position: relative
}

.product-banner {
	background: center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden
}

.product-banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover
}

.product-banner .wal {
	height: 6.5rem;
	padding-top: 1rem;
	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-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 10.95rem;
	font-size: .2rem
}

.product-banner .wal h2 {
	font-size: .51rem;
	line-height: 1em;
	padding-bottom: .3rem;
	text-shadow: 0 .02rem .03rem rgba(0,0,0,.2)
}

.product-show {
	max-width: 10.95rem;
	position: relative
}

.product-show .btn {
	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;
	width: 2.33rem;
	height: .54rem;
	background: url(../images/more2.svg) center no-repeat;
	background-size: 100% 100%;
	font-size: .16rem;
	color: #06c;
	position: absolute;
	top: .46rem;
	right: 0;
	z-index: 5
}

.product-show .btn:hover {
	color: #fff;
	background-image: url(../images/more2on.svg)
}

.product-show .list {
	padding: .45rem 0 .05rem 0;
	width: 8.04rem
}

.product-show .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-show .list li {
	width: 33.333%;
	padding-bottom: .45rem
}

.product-show .list li .name {
	position: relative;
	color: #06c;
	font-size: .16rem;
	padding-bottom: .2rem
}

.product-show .list li .name:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: .1rem;
	width: .32rem;
	height: 1px;
	background: #666
}

.product-show .list li span {
	font-size: .36rem;
	color: #ccc;
	display: block;
	line-height: 1em
}

.product-show .content {
	font-size: .16rem;
	line-height: .36rem;
	text-align: justify;
	color: #ccc;overflow:hidden;
}
.product-show .content p {
            text-indent:0.3rem;
        }

.product-show .imgs {
	padding-bottom: .48rem
}

.product-show .imgs li {
	padding-top: .3rem
}

.product-show .share {
	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: #06c;
	font-size: .16rem;
	padding: .28rem 0 .85rem 0;
	border-top: #414141 solid 1px
}

.product-show .share a {
	display: block;
	width: .6rem;
	margin: 0 .18rem
}

.product-foot {
	max-width: 12.4rem;
	padding: 0 .24rem .68rem .24rem;
	position: relative
}

.product-foot .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative
}

.product-foot li {
	padding: 0 .41rem 0 .56rem;
	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: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.product-foot li .zoomImg {
	width: 4.69rem
}

.product-foot li .col {
	width: 5.86rem
}

.product-foot li .col .name a {
	display: block;
	background: url(../images/img683.png) center no-repeat;
	background-size: 100% 100%;
	width: 6.83rem;
	height: .68rem;
	line-height: .68rem;
	font-size: .28rem;
	padding-left: .8rem;
	position: relative;
	left: -0.8rem
}

.product-foot li .col .content {
	font-size: .16rem;
	line-height: .36rem;
	color: #ccc;
	text-align: justify;
	min-height: 2.29rem;
	padding: .25rem 0
}

.product-foot li .col .p-more {
	padding: 0
}

.product-foot li .col .p-more a {
	margin-left: 0
}

.product-foot .arrow 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;
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: .68rem;
	font-family: "iconfont";
	font-size: .36rem
}

.product-foot .arrow a:hover {
	color: red
}

.product-foot .arrow a.prev {
	left: 0
}

.product-foot .arrow a.next {
	right: 0
}

.p-more2 {
	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;
	position: relative;
	width: 1.65rem;
	height: .38rem;
	color: #06c;
	font-size: .14rem
}

.p-more2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #06c solid 1px;
	-webkit-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg)
}

.p-more2 em {
	display: block;
	position: relative;
	z-index: 2
}

.p-more2:hover {
	color: #fff
}

.p-more2:hover:before {
	background: #06c
}

.news .head {
	padding-top: .6rem;
	margin-left: -0.23rem
}

.news .head .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative
}

.news .head li {
	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: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.news .head li .img {
	width: 6.04rem;
	height: 4.43rem;
	background: url(../images/img604_3.svg) left bottom no-repeat;
	background-size: 100%;
	padding: .2rem .25rem 0 .23rem
}

.news .head li .col {
	width: 5.82rem;
	font-size: .16rem
}

.news .head li .col .name {
	font-size: .28rem;
	line-height: .42rem;
	padding: .25rem 0 .35rem 0
}

.news .head li .col .time {
	color: #06c
}

.news .head li .col .content {
	line-height: .36rem;
	text-align: justify;
	min-height: 2rem;
	padding: .35rem 0;
	text-indent: 2em
}

.news .head .dots {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .29rem 0 .22rem 0
}

.news .head .dots span {
	width: .27rem;
	height: .17rem;
	background: url(../images/dot27.png) center no-repeat;
	background-size: 100% 100%
}

.news .head .dots span.swiper-pagination-bullet-active {
	background-image: url(../images/dot27on.png)
}

.news .list li {
	padding: .38rem 0;
	border-bottom: #3a3a3a solid 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.news .list li .zoomImg {
	width: 3.61rem
}

.news .list li .col {
	width: 7.87rem;
	font-size: .16rem
}

.news .list li .col .name {
	font-size: .24rem;
	line-height: .42rem
}

.news .list li .col .time {
	color: #666;
	padding-top: .2rem
}

.news .list li .col .content {
	color: #999;
	line-height: .36rem;
	text-align: justify;
	padding: .2rem 0;
	min-height: 1.05rem
}

.news .list li .col .p-more2 {
	margin-left: auto;
	left: -0.1rem
}

.news .list li:hover .col .name a {
	color: #06c
}

.p-num {
	padding: .84rem 0 .87rem 0;
	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
}

.p-num a {
	margin: 0 .08rem;
	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;
	width: .47rem;
	height: .43rem;
	border: #616161 solid 1px;
	font-size: .19rem;
	color: #616161
}

.p-num a:hover,.p-num a.on {
	background: #06c;
	border-color: #06c;
	color: #fff
}

.p-num a.arrow {
	font-family: "iconfont";
	width: .9rem
}

.news-banner-wrapper {
	height: 6.5rem;
	overflow: hidden;
	position: relative
}

.news-banner {
	background: center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	position: relative
}

.news-banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover
}

.news-banner .wal {
	height: 6.5rem;
	text-align: center;
	max-width: 14rem
}

.news-banner h2 {
	font-size: .5rem;
	padding: 4rem 0 .35rem 0
}

.news-banner .time {
	color: #06c;
	font-size: .18rem
}

.news-show {
	max-width: 10.98rem
}

.news-show .content {
	color: #ccc;
	text-align: justify;
	padding: .45rem 0;
	font-size: .16rem;
	line-height: .36rem; overflow:hidden;
}
    .news-show .content p {
        text-indent:0.3rem;
    }


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

.news-show .share {
	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: #06c;
	font-size: .16rem;
	padding-bottom: .36rem
}

.news-show .share a {
	display: block;
	width: .6rem;
	margin: 0 .18rem
}

.p-num2 {
	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-bottom: .53rem;
	margin-left: -0.15rem;
	position: relative
}

.p-num2 .menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1.56rem;
	height: .78rem;
	background: url(../images/img156.png) center bottom no-repeat;
	background-size: 100%;
	margin-left: -0.78rem
}

.p-num2 .arrow {
	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-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(../images/img483.png) center no-repeat;
	background-size: 100% 100%;
	width: 4.83rem;
	height: .78rem;
	padding: .1rem .3rem 0 .55rem;
	font-size: .16rem;
	line-height: 1.7em
}

.p-num2 .arrow p {
	height: 1.7em
}

.job {
	padding: .75rem 0 2rem 0;
	font-size: .16rem
}

.job .head,.job .hd {
	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-right: .35rem
}

.job .head .col:nth-child(1),.job .hd .col:nth-child(1) {
	width: 2.9rem;
	padding-left: .55rem
}

.job .head .col:nth-child(2),.job .hd .col:nth-child(2) {
	width: .75rem;
	text-align: center
}

.job .head .col:nth-child(3),.job .hd .col:nth-child(3) {
	width: 2.5rem;
	padding-left: 1.15rem
}

.job .head .col:nth-child(4),.job .head .col:nth-child(5),.job .hd .col:nth-child(4),.job .hd .col:nth-child(5) {
	width: 1.7rem;
	text-align: center
}

.job .head .col:nth-child(6),.job .hd .col:nth-child(6) {
	width: .75rem;
	text-align: center
}

.job .head {
	padding-bottom: .2rem;
	color: #999
}

.job li {
	margin-bottom: .06rem;
	background: #4f4f4f
}

.job li .hd {
	height: .74rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.job li .hd .btn {
	font-family: "iconfont";
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.job li .bd {
	display: none;
	line-height: .28rem;
	padding: .2rem .55rem
}

.job li.on .hd {
	background: #06c
}

.job li.on .hd .btn {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.contact-1 {
	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-1 .map {
	width: 50%;
	height: 6rem
}

.contact-1 .col {
	width: 50%;
	padding-left: 7.8vw;
	position: relative
}

.contact-1 .col .title {
	background: url(../images/index-title.svg) left bottom no-repeat;
	background-size: .59rem;
	padding-bottom: .2rem;
	font-size: .38rem;
	line-height: 1em
}

.contact-1 .col .list {
	font-size: .16rem;
	line-height: .52rem;
	padding-top: .25rem
}

.contact-1 .col .ewm {
	position: absolute;
	left: 4.9rem;
	margin-left: 7.8vw;
	bottom: 0;
	width: 1.08rem;
	text-align: center
}

.contact-1 .col .ewm .name {
	font-size: .14rem;
	padding-top: .1rem
}

.contact-2 {
	min-height: 8.02rem;
	background: #003466 url(../images/contact-bg.jpg) center bottom no-repeat;
	background-size: 100%
}

.contact-2 .index-title {
	padding: .85rem 0
}

.contact-2 .form {
	max-width: 10rem;
	margin: 0 auto
}

.contact-2 .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
}

.contact-2 .form li {
	width: 2.8rem;
	position: relative;
	padding-bottom: .42rem
}

.contact-2 .form li .name {
	position: absolute;
	left: .2rem;
	top: 0;
	line-height: .6rem;
	font-size: .16rem
}

.contact-2 .form li .name em {
	color: red;
	padding-right: .6em;
	display: inline-block;
	position: relative;
	top: .03rem
}

.contact-2 .form li .input {
	border: #ccc solid 1px;
	min-height: .6rem;
	position: relative
}

.contact-2 .form li .input input,.contact-2 .form li .input textarea {
	width: 100%;
	height: .58rem;
	line-height: .58rem;
	color: #fff;
	font-size: .16rem;
	padding: 0 .2rem
}

.contact-2 .form li .input textarea {
	height: 2.6rem;
	line-height: .28rem;
	padding: .15rem .2rem
}

.contact-2 .form li .lzm {
	width: .86rem;
	position: absolute;
	top: .14rem;
	right: .14rem
}

.contact-2 .form li .submit {
	background: #06c;
	height: .6rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.contact-2 .form li .submit input {
	width: 100%;
	height: .6rem;
	cursor: pointer;
	font-size: .18rem;
	color: #f1f1f1
}

.contact-2 .form li .submit:hover {
	background: red
}

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

.contact-2 .form li.li_02 {
	width: 4.7rem
}

.contact-2 .form li.on .name {
	opacity: 0;
	visibility: hidden
}

.contact-layer {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	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;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.contact-layer.show {
	opacity: 1;
	visibility: visible
}

.contact-layer .container {
	background: #fff;
	width: 5.84rem;
	height: 4.15rem;
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.contact-layer .container .bg-1 {
	position: absolute;
	left: -0.22rem;
	top: -0.2rem;
	background: url(../images/img161.png) center no-repeat;
	background-size: 100% 100%;
	width: 1.61rem;
	height: 1.57rem
}

.contact-layer .container .bg-2 {
	position: absolute;
	right: -0.23rem;
	bottom: -0.26rem;
	background: url(../images/img437.png) center no-repeat;
	background-size: 100% 100%;
	width: 4.37rem;
	height: 3.29rem
}

.contact-layer .container .close {
	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;
	position: absolute;
	top: .22rem;
	right: .22rem;
	font-family: "iconfont";
	width: .7rem;
	height: .7rem;
	font-size: .3rem;
	color: #666;
	z-index: 5
}

.contact-layer .container .close:hover {
	color: #06c;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.contact-layer .container .ico {
	width: 1.54rem
}

.contact-layer .container h5 {
	font-size: .3rem;
	color: #06c;
	padding: .25rem 0
}

.contact-layer .container p {
	font-size: .16rem;
	color: #333
}

.business-layer {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	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;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.business-layer.show {
	opacity: 1;
	visibility: visible
}

.business-layer .container {
	background: #fff;
	width: 8.94rem;
	min-height: 4.15rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding: .55rem .45rem
}

.business-layer .container .bg-1 {
	position: absolute;
	left: -0.22rem;
	top: -0.2rem;
	background: url(../images/img161.png) center no-repeat;
	background-size: 100% 100%;
	width: 1.61rem;
	height: 1.57rem
}

.business-layer .container .bg-2 {
	position: absolute;
	right: -0.23rem;
	bottom: -0.26rem;
	background: url(../images/img437.png) center no-repeat;
	background-size: 100% 100%;
	width: 4.37rem;
	height: 3.29rem
}

.business-layer .container .close {
	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;
	position: absolute;
	top: .22rem;
	right: .22rem;
	font-family: "iconfont";
	width: .7rem;
	height: .7rem;
	font-size: .3rem;
	color: #666;
	z-index: 6
}

.business-layer .container .close:hover {
	color: #06c;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.business-layer .container .zoomImg {
	width: 3.63rem;
	z-index: 5
}

.business-layer .container .col {
	width: 4.05rem;
	position: relative;
	z-index: 5;
	color: #333
}

.business-layer .container .col h3 {
	font-size: .26rem;
	padding-bottom: .2rem
}

.business-layer .container .col .content {
	font-size: .16rem;
	line-height: 2em;
	text-align: justify
}

@media screen and (max-width: 800px) {
	.index-flash li .wal {
		height: 9.6rem
	}

	.index-flash li .wal p {
		font-size: .28rem
	}

	.index-flash li .wal .more {
		width: 2rem;
		height: .6rem;
		font-size: .28rem
	}

	.index-flash .ico {
		right: 50%;
		margin-right: -0.175rem;
		top: 100%;
		margin-top: -2rem
	}

	.index-title h2 {
		font-size: .5rem;
		padding-bottom: .3rem
	}

	.index-title h2:before {
		height: .06rem
	}

	.index-about .wal {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 1.35rem 0 1.65rem 0
	}

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

	.index-about .container .index-title {
		text-align: left
	}

	.index-about .container .index-title h2:before {
		width: 1rem;
		background-size: 100% 100%
	}

	.index-about .container .content {
		font-size: .3rem
	}

	.index-about .container .more {
		width: 2rem;
		height: .6rem;
		font-size: .28rem;
		margin-bottom: 1.32rem
	}

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

	.index-about .img .bg-2:after {
		left: 2.5rem
	}

	.index-about .img .zoomImg {
		width: 100%
	}

	.index-business .wal {
		padding: 1.3rem 0 0 0
	}

	.index-business .msg {
		font-size: .3rem
	}

	.index-business .list li {
		width: 100%;
		padding-bottom: 1.3rem
	}

	.index-business .list li .head .zoomImg img {
		width: 100%
	}

	.index-business .list li .head .name {
		font-size: .5rem;
		padding: .44rem 0 .4rem 0
	}

	.index-business .list li dd a {
		font-size: .3rem;
		height: .62rem;
		line-height: .62rem
	}

	.index-partner .index-title {
		padding: 1.15rem 0 .68rem 0
	}

	.index-partner .list li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.index-partner .list li .img {
		width: 100%
	}

	.index-partner .list li .col {
		width: 100%;
		padding: 1.2rem .6rem 1.5rem .6rem
	}

	.index-partner .list li .col .name h5 {
		font-size: .5rem;
		line-height: .7rem
	}

	.index-partner .list li .col .name div {
		font-size: .36rem;
		line-height: .7rem;
		background-size: 1rem .06rem;
		padding-bottom: .2rem
	}

	.index-partner .list li .col .content {
		font-size: .3rem;
		padding: .4rem 0 0 .5rem
	}

	.index-partner .list li a.more {
		left: auto;
		top: 5.52rem;
		bottom: auto;
		opacity: 1;
		right: .5rem
	}

	.index-partner .list li a.more .more-rect {
		width: 3.26rem;
		height: 1rem;
		line-height: 1rem
	}

	.index-partner .list li a.more .more-rect em {
		font-size: .3rem
	}

	.index-partner .list li a.more .more-rect .rect:before {
		width: 10%
	}

	.index-partner .list li a.more .more-rect .rect:after {
		width: 0
	}

	.index-partner .list li:nth-child(even) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.index-case .head {
		padding: 1.2rem 0 .7rem 0
	}

	.index-case .head p {
		font-size: .3rem;
		padding-left: .5rem;
		padding-right: .5rem
	}

	.index-case .list {
		padding: 0 .5rem 1.2rem .5rem
	}

	.index-case .list li a .name {
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: .3rem
	}

	.index-case .list .arrow a {
		bottom: 1.2rem;
		width: .65rem;
		font-size: .5rem
	}

	.index-news {
		padding: 0 .2rem 1.2rem .2rem
	}

	.index-news .index-title {
		padding: 1.2rem 0 .65rem 0
	}

	.index-news .imgs {
		width: 100%;
		padding-top: .3rem
	}

	.index-news .imgs .bg-1 {
		width: 7.6rem
	}

	.index-news .imgs .bg-2 {
		content: "";
		display: block;
		position: absolute;
		left: -0.35rem;
		width: 7.8rem;
		height: 5.8rem
	}

	.index-news .imgs .list-wrapper li a .name {
		height: .95rem;
		line-height: .95rem;
		font-size: .3rem;
		padding: 0 1rem 0 .2rem
	}

	.index-news .imgs .num {
		line-height: .95rem;
		font-size: .3rem
	}

	.index-news .list {
		width: 100%;
		padding-top: 1.2rem
	}

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

	.index-news .list li:last-child {
		padding-bottom: 0
	}

	.index-news .list li a {
		font-size: .26rem;
		line-height: .5rem;
		padding-left: .2rem
	}

	.index-news .list li a:before {
		top: .22rem;
		width: .06rem;
		height: .06rem
	}

	.index-news .list li a .name {
		font-size: .3rem;
		height: .5rem
	}

	.index-contact .wal {
		height: 6.3rem
	}

	.index-contact .wal .index-title {
		text-align: left
	}

	.index-contact .wal .index-title h2:before {
		width: 1rem;
		background-size: 100% 100%
	}

	.index-contact .wal .content {
		font-size: .3rem
	}

	.index-contact .wal .more {
		width: 2rem;
		height: .6rem;
		font-size: .28rem
	}

	.p-banner-wrapper {
		height: 8rem
	}

	.p-banner .wal {
		height: 8rem
	}

	.p-banner .wal h3 {
		font-size: .5rem
	}

	.p-banner .wal p {
		font-size: .3rem;
		line-height: 1.8em
	}

	.p-banner .ico {
		width: .5rem;
		bottom: .8rem
	}

	.p-banner .ico .name {
		font-size: .24rem;
		padding-top: .2rem;
		margin-left: -0.4rem;
		margin-right: -0.4rem
	}

	.p-nav {
		height: auto;
		padding: .2rem 0
	}

	.p-nav ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.p-nav a {
		height: .9rem;
		line-height: .9rem;
		font-size: .32rem
	}

	.p-nav a:before {
		top: .8rem;
		height: .06rem
	}

	.about {
		padding-top: 1rem
	}

	.about .row {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.about .side {
		width: 100%;
		padding-bottom: .4rem
	}

	.about .side .title {
		font-size: .36rem;
		width: 3.06rem;
		height: 1.1rem
	}

	.about .side .zoomImg {
		width: 3.8rem;
		margin: .7rem auto 0 auto
	}

	.about .container {
		width: 100%
	}

	.about .container .content {
		font-size: .3rem;
		line-height: 1.8em
	}

	.about .container .list li {
		padding: 0 .3rem
	}

	.about .container .list li .num {
		font-size: .28rem
	}

	.about .container .list li .num em {
		font-size: .68rem
	}

	.about .container .list li .name {
		font-size: .28rem
	}

	.about .container .list2 li h5 {
		font-size: .32rem
	}

	.about .container .list3 li h5 {
		font-size: .32rem
	}

	.business-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.business-1 .zoomImg {
		width: 100%
	}

	.business-1 .col {
		width: 100%;
		padding: .5rem .7rem .7rem
	}

	.business-1 .index-title h2:before {
		width: 1rem
	}

	.business-1 .content {
		font-size: .3rem;
		line-height: 1.8em;
		padding-top: .2rem
	}

	.business-1 dl dd {
		font-size: .3rem;
		line-height: 2em
	}

	.business-1-odd {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.business-2 {
		padding-bottom: .5rem
	}

	.business-2 .wal {
		min-height: 7.2rem;
		max-width: 13.15rem;
		position: relative;
		margin: 0
	}

	.business-2 .index-title {
		padding: 1.12rem 0 .7rem 0
	}

	.business-2 .list li {
		width: 33.333%
	}

	.business-2 .list li .name {
		font-size: .28rem;
		padding: .24rem 0 .75rem 0
	}

	.product {
		padding-top: 1.2rem
	}

	.product li {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.product li .zoomImg {
		width: 100%
	}

	.product li .col {
		width: 100%;
		padding: 0 .3rem
	}

	.product li .col .name a {
		width: 8rem;
		height: 1rem;
		line-height: 1rem;
		left: -0.27rem;
		font-size: .32rem
	}

	.product li .col .address {
		font-size: .28rem;
		line-height: 1rem
	}

	.product li .col .content {
		font-size: .3rem
	}

	.product li .col .more {
		font-size: .28rem
	}

	.product li .col .more:after {
		display: block;
		content: "";
		background: url(../images/arrow40.png) center no-repeat;
		background-size: 100%;
		width: .4rem;
		height: .13rem;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		margin-left: .1rem
	}

	.product li .col .more:hover:after {
		margin-left: .2rem
	}

	.product li:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.product li:nth-child(even) .col {
		padding: 0 .3rem
	}

	.product li:nth-child(even) .col .name a {
		left: -0.27rem;
		padding-left: 1.05rem
	}

	.p-more a {
		width: 3.2rem;
		height: .8rem;
		font-size: .3rem
	}

	.product-banner .wal {
		font-size: .28rem
	}

	.product-show .btn {
		width: 2.8rem;
		height: .8rem;
		font-size: .28rem
	}

	.product-show .list {
		padding: .45rem 0 .05rem 0;
		width: 70%
	}

	.product-show .list li {
		width: 50%
	}

	.product-show .list li .name {
		font-size: .3rem;
		padding-bottom: .3rem;
		margin-bottom: .2rem
	}

	.product-show .list li span {
		font-size: .5rem
	}

	.product-show .content {
		font-size: .3rem;
		line-height: 2em
	}

        .product-show .content p {
            text-indent:0.3rem;
        }

	.product-show .share {
		font-size: .28rem
	}

	.product-foot {
		padding: 0 .24rem .68rem .24rem
	}

	.product-foot li {
		padding: 0 .2rem;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.product-foot li .zoomImg {
		width: 100%
	}

	.product-foot li .col {
		width: 100%
	}

	.product-foot li .col .name a {
		width: 6.8rem;
		height: .9rem;
		line-height: .9rem;
		font-size: .32rem;
		left: -0.2rem
	}

	.product-foot li .col .content {
		font-size: .28rem;
		line-height: 1.8em
	}

	.product-foot .arrow a {
		font-size: .48rem
	}

	.product-foot .arrow a.prev {
		left: -0.3rem
	}

	.product-foot .arrow a.next {
		right: -0.3rem
	}

	.p-more2 {
		width: 2.1rem;
		height: .66rem;
		font-size: .28rem
	}

	.news .head {
		padding-top: .6rem;
		margin-left: -0.23rem
	}

	.news .head li {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.news .head li .img {
		width: 100%;
		height: 5.65rem
	}

	.news .head li .img img {
		width: 100%
	}

	.news .head li .col {
		width: 100%;
		font-size: .3rem;
		padding: .2rem .1rem 0 .3rem
	}

	.news .head li .col .name {
		font-size: .32rem;
		line-height: .52rem
	}

	.news .head li .col .content {
		line-height: .5rem
	}

	.news .head li .col .p-more2 {
		margin-left: auto;
		left: -0.1rem
	}

	.news .head .dots {
		padding: .3rem 0 .3rem 0
	}

	.news .list li {
		padding: .38rem 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.news .list li .zoomImg {
		width: 100%
	}

	.news .list li .zoomImg img {
		width: 100%
	}

	.news .list li .col {
		width: 100%;
		font-size: .3rem;
		padding-top: .35rem
	}

	.news .list li .col .name {
		font-size: .32rem;
		line-height: .52rem
	}

	.news .list li .col .content {
		line-height: .5rem
	}

	.p-num a {
		margin: 0 .12rem;
		width: .7rem;
		height: .7rem;
		font-size: .32rem
	}

	.news-banner h2 {
		font-size: .5rem;
		padding: 3.2rem 0 .35rem 0
	}

	.news-banner .time {
		font-size: .3rem
	}

	.news-show .content {
		font-size: .3rem;
		line-height: 2em;overflow:hidden;
	}

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

	.news-show .share {
		font-size: .26rem
	}

	.p-num2 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.p-num2 .menu {
		display: none
	}

	.p-num2 .arrow {
		width: 7.9rem;
		height: 1.25rem;
		padding: .15rem .3rem 0 .65rem;
		font-size: .28rem;
		margin-bottom: .3rem
	}

	.job {
		font-size: .3rem
	}

	.job .head,.job .hd {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-right: 0;
		position: relative;
		font-size: .28rem
	}

	.job .head .col:nth-child(1),.job .hd .col:nth-child(1) {
		width: 80%;
		font-size: .32rem
	}

	.job .head .col:nth-child(2),.job .hd .col:nth-child(2) {
		width: 20%;
		text-align: right;
		padding-right: .8rem
	}

	.job .head .col:nth-child(3),.job .hd .col:nth-child(3) {
		width: 30%;
		padding-left: .55rem
	}

	.job .head .col:nth-child(4),.job .head .col:nth-child(5),.job .hd .col:nth-child(4),.job .hd .col:nth-child(5) {
		width: 35%
	}

	.job .head .col:nth-child(5),.job .hd .col:nth-child(5) {
		text-align: right;
		padding-right: .8rem
	}

	.job .head .col:nth-child(6),.job .hd .col:nth-child(6) {
		width: .8rem;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		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
	}

	.job .head {
		display: none
	}

	.job li {
		margin-bottom: .12rem
	}

	.job li .hd {
		height: 1.6rem;
		padding: .25rem 0
	}

	.job li .hd .btn {
		font-family: "iconfont";
		cursor: pointer;
		-webkit-transition: all .5s ease;
		transition: all .5s ease
	}

	.job li .bd {
		line-height: 1.8em;
		padding: .5rem .55rem
	}

	.contact-1 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.contact-1 .map {
		width: 100%;
		height: 4.6rem
	}

	.contact-1 .col {
		width: 100%;
		padding: .9rem .5rem
	}

	.contact-1 .col .title {
		background-size: 1rem;
		padding-bottom: .32rem;
		font-size: .42rem
	}

	.contact-1 .col .list {
		font-size: .3rem;
		line-height: 2em
	}

	.contact-1 .col .list li {
		padding-bottom: .15rem
	}

	.contact-1 .col .ewm {
		left: auto;
		margin-left: 0;
		bottom: .9rem;
		width: 1.3rem;
		right: .5rem
	}

	.contact-1 .col .ewm .name {
		font-size: .28rem;
		padding-top: .2rem
	}

	.contact-2 {
		padding-bottom: 1rem
	}

	.contact-2 .form li {
		width: 47%
	}

	.contact-2 .form li .name {
		line-height: .8rem;
		font-size: .3rem
	}

	.contact-2 .form li .input input,.contact-2 .form li .input textarea {
		height: .78rem;
		line-height: .78rem;
		font-size: .3rem
	}

	.contact-2 .form li .input textarea {
		line-height: .38rem;
		padding: .2rem .2rem;
		height: 3rem
	}

	.contact-2 .form li .lzm {
		width: 1.2rem;
		top: .2rem;
		right: .2rem
	}

	.contact-2 .form li .submit {
		height: .8rem
	}

	.contact-2 .form li .submit input {
		height: .8rem;
		font-size: .32rem
	}

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

	.contact-2 .form li.li_02 {
		width: 47%
	}

	.contact-layer .container h5 {
		font-size: .38rem
	}

	.contact-layer .container p {
		font-size: .28rem;
		text-align: center;
		padding: 0 1rem
	}

	.business-layer .container {
		width: 7rem;
		padding-top: 1rem;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.business-layer .container .zoomImg {
		width: 100%
	}

	.business-layer .container .col {
		width: 100%;
		padding-top: .35rem
	}

	.business-layer .container .col h3 {
		font-size: .36rem
	}

	.business-layer .container .col .content {
		font-size: .3rem
	}
}

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