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

a.p-more,a.p-more-gray {
	color: #fff;
	width: 1.56rem;
	height: .5rem;
	position: relative;
	border-radius: .02rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	font-size: .16rem;
	padding-left: .19rem;
	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;
	border: rgba(0,0,0,0) solid 1px
}

a.p-more:after,a.p-more-gray:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: .5rem;
	content: "";
	font-family: "iconfont";
	border-left: rgba(255,255,255,.14) 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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .12rem
}

a.p-more:hover,a.p-more-gray:hover {
	background: #fff;
	border-color: #e8e8e8;
	color: #333
}

a.p-more:hover:after,a.p-more-gray:hover:after {
	border-left-color: #e8e8e8
}

a.p-more-gray {
	background: none;
	border-color: #e8e8e8;
	color: #999
}

a.p-more-gray:after {
	border-color: rgba(204,204,204,.27)
}

a.p-more-gray:hover {
	border-color: rgba(0,0,0,0);
	color: #fff;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

a.p-more-gray:hover:after {
	border-color: rgba(255,255,255,.14)
}

@media screen and (max-width: 800px) {
	a.p-more,a.p-more-gray {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	a.p-more:after,a.p-more-gray:after {
		width: .6rem;
		font-size: .18rem
	}
}

.p-arrow {
	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-arrow a {
	border-radius: 50%;
	margin: 0 .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;
	border: rgba(0,0,0,.34) solid 1px;
	width: .5rem;
	height: .5rem;
	font-family: "iconfont";
	font-size: .16rem
}

.p-arrow a:hover {
	border-color: rgba(0,0,0,0);
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	color: #fff
}

a,.transition,.g-head .wal,:before,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)
}

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

li: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: .14rem;
	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: #0f61a1;
	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: 12.8rem;
	margin: 0 auto
}

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

.iconfont {
	font-family: "iconfont"
}

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

@font-face {
	font-family:"DINPRO-LIGHT";src:url(../image/DINPRO-LIGHT.otf) format("truetype");font-weight:normal;font-style:normal
}

.g-head-d {
	height: 1rem
}

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

.g-head .wal {
	height: 1rem;
	position: relative;
	max-width: 17.2rem
}

.g-head a.logo {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2rem;
	background: url(../image/logo.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 .side {
	position: absolute;
	top: .1rem;
	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
}

.g-head .side .name {
	height: .33rem;
	border-radius: .5rem;
	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: .14rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1em
}

.g-head .side .name:after {
	content: "";
	display: block;
	font-family: "iconfont";
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.g-head .side .name em {
	padding: 0 .06rem
}

.g-head .side .list {
	position: absolute;
	z-index: 20;
	top: -100vh;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	padding-top: .21rem
}

.g-head .side .list dl {
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .03rem .13rem 0 rgba(102,102,102,.08);
	padding: 0 .2rem;
	position: relative
}

.g-head .side .list dl:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -0.05rem;
	width: .2rem;
	height: .2rem;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -0.1rem
}

.g-head .side .list.on {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	top: 100%
}

.g-head .side .link {
	width: 1.64rem;
	margin-right: .13rem;
	position: relative
}

.g-head .side .link .name {
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8);
	color: #fff
}

.g-head .side .link .name:before {
	content: "";
	display: block;
	font-family: "iconfont"
}

.g-head .side .link .list a {
	display: block;
	line-height: .5rem;
	border-bottom: rgba(153,153,153,.16) solid 1px;
	position: relative;
	padding-left: .12rem;
	font-size: .14rem
}

.g-head .side .link .list a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: .03rem;
	height: .03rem;
	background: #999;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.g-head .side .link .list a:hover {
	color: #166aab;
	border-color: #166aab
}

.g-head .side .link .list a:hover:before {
	background: #0f61a1
}

.g-head .side .link .list dd:last-child a {
	border: 0
}

.g-head .side .language {
	position: relative
}

.g-head .side .language .name {
	background: #fff;
	min-width: .88rem;
	padding: 0 .1rem 0 .04rem;
	border: rgba(0,0,0,0) solid 1px
}

.g-head .side .language .name img {
	width: .26rem;
	height: .26rem;
	border-radius: 50%
}

.g-head .side .language .list dl {
	padding: 0 .04rem
}

.g-head .side .language .list a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: .5rem;
	border-bottom: rgba(153,153,153,.16) solid 1px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .14rem
}

.g-head .side .language .list a img {
	width: .26rem;
	height: .26rem;
	border-radius: 50%;
	margin-right: .06rem
}

.g-head .side .language .list a:hover {
	color: #166aab;
	border-color: #166aab
}

.g-head .side .language .list a:hover:before {
	background: #0f61a1
}

.g-head .side .language .list dd:last-child a {
	border: 0
}

.g-head .g-nav {
	position: absolute;
	top: .1rem;
	left: 50%;
	margin-left: -4.35rem
}

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

.g-head .g-nav li {
	margin-right: .6rem
}

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

.g-head .g-nav a.name.on {
	color: #fff
}

.g-head.g-head-white .head {
	background: #fff;
	border-color: #eee
}

.g-head.g-head-white a.logo {
	background-image: url(../image/logo2.png)
}

.g-head.g-head-white .side .language .name {
	border-color: #e9e9e9
}

.g-head.g-head-white .side .list {
	padding-top: .41rem
}

.g-head.g-head-white .g-nav a.name {
	color: #4e4e4e
}

.g-head.g-head-white .g-nav a.name:hover,.g-head.g-head-white .g-nav a.name.on {
	color: #0f61a1
}

@media screen and (min-width: 800px) {
	.g-head .g-nav li {
		position: relative
	}

	.g-head .g-nav li .list {
		position: absolute;
		z-index: 20;
		top: -100vh;
		left: 50%;
		margin-left: -1.2rem;
		width: 2.4rem;
		opacity: 0;
		visibility: hidden;
		padding-top: .11rem
	}

	.g-head .g-nav li .list dl {
		background: #fff;
		border-radius: .1rem;
		box-shadow: 0 .03rem .13rem 0 rgba(102,102,102,.2);
		padding: 0 .2rem;
		position: relative
	}

	.g-head .g-nav li .list dl:after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: -0.05rem;
		width: .2rem;
		height: .2rem;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: -0.1rem
	}

	.g-head .g-nav li .list a {
		display: block;
		line-height: .6rem;
		border-bottom: rgba(153,153,153,.16) solid 1px;
		font-size: .16rem;
		position: relative;
		padding-left: .12rem
	}

	.g-head .g-nav li .list a:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: .03rem;
		height: .03rem;
		background: #999;
		border-radius: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.g-head .g-nav li .list a:hover {
		color: #0f61a1;
		border-color: #166aab
	}

	.g-head .g-nav li .list a:hover:before {
		background: #0f61a1
	}

	.g-head .g-nav li .list dd:last-child a {
		border: 0
	}

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

	.g-head .g-nav li:hover .list {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
		top: 100%;
		margin-top: -0.2rem
	}

	.g-head.g-head-white .g-nav li:hover .list {
		margin-top: 0
	}
}

.g-foot {
	background: #383838;
	padding: 0 1rem;
	position: relative;
	font-size: .14rem;
	color: #f3f3f3
}

.g-foot:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: .78rem;
	height: 1px;
	background: rgba(251,251,251,.12)
}

.g-foot .wal {
	max-width: 17.2rem;
	min-height: 4.31rem;
	position: relative
}

.g-foot .logo {
	width: 2rem;
	padding-top: .6rem
}

.g-foot .list {
	font-size: .16rem;
	line-height: .32rem;
	padding: .2rem 0 .35rem 0
}

.g-foot .share dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.g-foot .share dd {
	margin-right: .19rem
}

.g-foot .share a {
	display: block;
	border: rgba(255,255,255,.3) solid 1px;
	border-radius: 50%;
	width: .38rem;
	height: .38rem
}

.g-foot .share a img {
	opacity: .6
}

.g-foot .share a:hover img {
	opacity: 1
}

.g-foot .nav {
	position: absolute;
	top: .75rem;
	right: 0;
	width: 50%;
	min-width: 7rem
}

.g-foot .nav 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
}

.g-foot .nav li a.name {
	display: block;
	font-size: .16rem;
	padding-bottom: .1rem;
	color: #fff
}

.g-foot .nav li dd a {
	display: block;
	font-size: .14rem;
	line-height: .3rem;
	color: #d8d8d8
}

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

.g-foot .msg {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: .78rem;
	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
}

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

	body {
		font-size: .24rem
	}

	.wal {
		margin: 0 .6rem
	}

	body.navShow {
		overflow: hidden
	}

	body.navShow .g-head .head {
		background: #fff
	}

	body.navShow .g-head a.logo {
		background-image: url(../image/logo2.png)
	}

	body.navShow .g-head a.navA {
		color: #333
	}

	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
	}

	.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 .side {
		top: 0;
		right: .7rem
	}

	.g-head .side .name {
		height: .52rem;
		font-size: .22rem
	}

	.g-head .side .name em {
		padding: 0 .08rem
	}

	.g-head .side .link {
		width: 2.4rem
	}

	.g-head .side .link .list dl {
		padding: .06rem .2rem
	}

	.g-head .side .link .list a {
		line-height: .62rem;
		padding-left: .12rem;
		font-size: .24rem
	}

	.g-head .side .link .list a:before {
		width: .04rem;
		height: .04rem
	}

	.g-head .side .language .name img {
		width: .32rem;
		height: .32rem
	}

	.g-head .side .language .list dl {
		padding: .1rem .04rem
	}

	.g-head .side .language .list a {
		height: .62rem;
		font-size: .24rem
	}

	.g-head .side .language .list a img {
		width: .32rem;
		height: .32rem
	}

	.g-head .g-nav {
		position: fixed;
		bottom: 0;
		right: -100%;
		left: 100%;
		margin-left: 0;
		top: 1rem;
		overflow-y: auto;
		background: #fff;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		border-top: #eee 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: #eee solid 1px
	}

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

	.g-head .g-nav li.s-nav-li a.name:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: .5rem;
		font-family: "iconfont"
	}

	.g-head .g-nav li.s-nav-li.open a.name:after {
		content: ""
	}

	.g-head .g-nav .list {
		border-top: #f5f5f5 solid 1px;
		padding: .2rem 0 .2rem .5rem;
		display: none
	}

	.g-head .g-nav .list dl {
		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
	}

	.g-head .g-nav .list dd {
		min-width: 25%;
		padding-left: .3rem
	}

	.g-head .g-nav .list a {
		display: block;
		color: #666;
		line-height: .6rem;
		font-size: .24rem
	}

	.g-head-white .navA {
		color: #333
	}

	.g-foot {
		padding: 0;
		font-size: .24rem
	}

	.g-foot:after {
		display: none
	}

	.g-foot .logo {
		margin: 0 auto
	}

	.g-foot .list {
		font-size: .24rem;
		line-height: .48rem;
		text-align: center
	}

	.g-foot .share {
		padding-bottom: .35rem
	}

	.g-foot .share dl {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.g-foot .share dd {
		margin: 0 .15rem
	}

	.g-foot .share a {
		width: .5rem;
		height: .5rem
	}

	.g-foot .nav {
		display: none
	}

	.g-foot .msg {
		position: static;
		border-top: rgba(251,251,251,.12) solid 1px;
		line-height: .4rem;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: .25rem 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		font-size: .2rem
	}

	.video-layer .container {
		width: 6.9rem
	}

	.video-layer .container .close {
		width: .6rem;
		height: .6rem;
		font-size: .24rem
	}
}

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

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

a.p-more,a.p-more-gray {
	color: #fff;
	width: 1.56rem;
	height: .5rem;
	position: relative;
	border-radius: .02rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	font-size: .16rem;
	padding-left: .19rem;
	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;
	border: rgba(0,0,0,0) solid 1px
}

a.p-more:after,a.p-more-gray:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: .5rem;
	content: "";
	font-family: "iconfont";
	border-left: rgba(255,255,255,.14) 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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .12rem
}

a.p-more:hover,a.p-more-gray:hover {
	background: #fff;
	border-color: #e8e8e8;
	color: #333
}

a.p-more:hover:after,a.p-more-gray:hover:after {
	border-left-color: #e8e8e8
}

a.p-more-gray {
	background: none;
	border-color: #e8e8e8;
	color: #999
}

a.p-more-gray:after {
	border-color: rgba(204,204,204,.27)
}

a.p-more-gray:hover {
	border-color: rgba(0,0,0,0);
	color: #fff;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

a.p-more-gray:hover:after {
	border-color: rgba(255,255,255,.14)
}

@media screen and (max-width: 800px) {
	a.p-more,a.p-more-gray {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	a.p-more:after,a.p-more-gray:after {
		width: .6rem;
		font-size: .18rem
	}
}

.p-arrow {
	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-arrow a {
	border-radius: 50%;
	margin: 0 .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;
	border: rgba(0,0,0,.34) solid 1px;
	width: .5rem;
	height: .5rem;
	font-family: "iconfont";
	font-size: .16rem
}

.p-arrow a:hover {
	border-color: rgba(0,0,0,0);
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	color: #fff
}

#index {
	height: 100vh;
	overflow: hidden;
	position: relative
}

.index-slide {
	height: 100vh;
	position: relative;
	background: center no-repeat;
	background-size: cover;
	overflow: hidden
}

.index-slide .wal {
	max-width: 100%
}

.index-slide.index-foot {
	height: 4.31rem
}

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

.index-flash .list li {
	background: center no-repeat;
	background-size: cover;
	padding: 0 1rem
}

.index-flash .list 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-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	max-width: 17.2rem
}

.index-flash .list li .title {
	opacity: 0;
	position: relative;
	padding-top: .34rem
}

.index-flash .list li .title img {
	height: .66rem;
	position: absolute;
	left: 0;
	top: 0
}

.index-flash .list li .title div {
	font-size: .35rem;
	line-height: 1em;
	color: #fff;
	background: -webkit-linear-gradient(top, #B6B6B6 0%, #FFFFFF 49.51171875%, #AAAAAA 100%);
	background: linear-gradient(180deg, #B6B6B6 0%, #FFFFFF 49.51171875%, #AAAAAA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.index-flash .list li .title h5 {
	font-size: .43rem;
	line-height: 1em;
	padding: .18rem 0 .3rem 0;
	position: relative;
	background: -webkit-linear-gradient(top, #3DA5FC 0%, #0788CA 100%);
	background: linear-gradient(180deg, #3DA5FC 0%, #0788CA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.index-flash .list li .title h5:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .6rem;
	height: 1px;
	background: #fff
}

.index-flash .list li .title p {
	font-size: .16rem;
	line-height: .28rem;
	width: 4.96rem;
	padding-top: .25rem
}

.index-flash .dots {
	position: absolute;
	z-index: 5;
	left: 1rem;
	bottom: 1.2rem;
	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-flash .dots span {
	width: .08rem;
	height: .08rem;
	margin-right: .18rem;
	position: relative
}

.index-flash .dots span:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background: -webkit-linear-gradient(top, #0082CE, #1A68A6);
	background: linear-gradient(180deg, #0082CE, #1A68A6);
	width: .18rem;
	height: .18rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	border-radius: 50%
}

.index-flash .dots span:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	width: .08rem;
	height: .08rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.index-flash .dots span.swiper-pagination-bullet-active:before {
	opacity: 1
}

.index-flash .arrow {
	position: absolute;
	z-index: 5;
	right: 1rem;
	bottom: 1rem
}

.index-flash .arrow a {
	margin: 0 0 0 .16rem;
	color: #fff;
	border-color: #fff
}

.index-flash .ico {
	width: .25rem;
	position: absolute;
	z-index: 5;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: .7rem
}

.index-title .en {
	height: .3rem
}

.index-title .en img {
	height: .46rem
}

.index-title h2 {
	font-size: .4rem;
	line-height: 1em
}

.index-title h2 em {
	color: #0f61a1
}

.index-product {
	padding: 0 1rem
}

.index-product .wal {
	height: 100vh;
	max-width: 17.2rem;
	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;
	padding-top: 1rem
}

.index-product .nav {
	min-height: 2.84rem;
	padding: .45rem 0
}

.index-product .nav a {
	display: block;
	font-size: .16rem;
	color: #666;
	line-height: .51rem
}

.index-product .nav a:hover,.index-product .nav a.on {
	color: #0f61a1
}

.index-product .nav a.on {
	font-size: .2rem;
	line-height: .61rem
}

.index-product .list {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2.3rem;
	width: 14rem;
	overflow: hidden
}

.index-product .list .btns {
	position: absolute;
	z-index: 5;
	right: 0;
	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;
	width: 3.35rem;
	top: .39rem
}

.index-product .list .btns .arrow a {
	margin: 0 0 0 .24rem
}

.index-product .list .btns .num {
	font-family: "DINPro-Bold";
	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;
	line-height: 1em;
	font-size: .2rem;
	color: #666
}

.index-product .list .btns .num .num-curr {
	font-size: .44rem;
	color: #0f61a1;
	position: relative;
	top: -0.08rem;
	padding-right: .06rem
}

.index-product .list .list-wrapper {
	width: 19.24rem
}

.index-product .list li {
	height: 5.31rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-left: rgba(0,0,0,.1) solid 1px
}

.index-product .list li .box {
	position: absolute;
	left: .7rem;
	right: .7rem;
	bottom: 0;
	width: 3.67rem;
	-webkit-transition: width .5s ease;
	transition: width .5s ease;
	cursor: pointer
}

.index-product .list li .box:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: url(../image/img822.png) center no-repeat;
	background-size: 100% 100%;
	opacity: 0
}

.index-product .list li .box:hover .zoomImg:before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

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

.index-product .list li .zoomImg img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .7;
	width: 100%;
	height: 2.7rem
}

.index-product .list li .layer {
	position: absolute;
	left: 0;
	bottom: 2.2rem;
	right: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	color: #666;
	z-index: 5
}

.index-product .list li .layer h5 {
	font-size: .28rem;
	font-weight: 400;
	padding-bottom: .15rem
}

.index-product .list li .layer p {
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font-size: .16rem;
	line-height: .28rem
}

.index-product .list li .layer .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;
	right: .1rem;
	top: .2rem;
	height: .4rem;
	width: .7rem;
	border-left: rgba(255,255,255,.2) solid 1px;
	font-family: "iconfont";
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.index-product .list li.swiper-slide-active {
	border-color: rgba(0,0,0,0)
}

.index-product .list li.swiper-slide-active .box {
	width: 8.22rem
}

.index-product .list li.swiper-slide-active .box:before {
	opacity: 1
}

.index-product .list li.swiper-slide-active .zoomImg img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	height: 5.31rem
}

.index-product .list li.swiper-slide-active .layer {
	left: .4rem;
	bottom: .4rem;
	color: #fff
}

.index-product .list li.swiper-slide-active .layer p {
	opacity: 1
}

.index-product .list li.swiper-slide-active .layer .more {
	opacity: 1
}

.index-product .list li.swiper-slide-active a {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

@media screen and (max-width: 1800px) {
	.index-product .list {
		width: 13rem
	}

	.index-product .list .btns {
		width: 2.75rem
	}
}

.index-about {
	background: url(../image/index-about.jpg) center no-repeat;
	background-size: cover;
	padding: 0 1rem;
	color: #fff
}

.index-about .wal {
	height: 100vh;
	max-width: 17.2rem;
	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-about .index-title {
	position: relative
}

.index-about .index-title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .8rem;
	height: 1px;
	background: #fff
}

.index-about .index-title p {
	padding: .19rem 0 .3rem 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;
	font-size: .16rem
}

.index-about .index-title p:after {
	content: "";
	display: block;
	background: url(../image/img20.svg) center no-repeat;
	background-size: 100%;
	height: .2rem;
	width: .2rem;
	margin-left: .06rem
}

.index-about .content {
	font-size: .16rem;
	line-height: .28rem;
	width: 5.33rem;
	text-align: justify;
	padding: .25rem 0 .55rem 0
}

.index-news {
	background-size: cover;
	padding: .5rem 1rem 0 1rem
}

.index-news .wal {
	height: 100vh;
	max-width: 17.2rem;
	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-news .hd {
	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-news .hd .btns dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.index-news .hd .btns dd {
	margin-left: .6rem;
	cursor: pointer;
	font-size: .16rem;
	color: #666;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: .22rem
}

.index-news .hd .btns dd:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.31rem;
	width: 1px;
	height: .12rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(0,0,0,.1)
}

.index-news .hd .btns dd:first-child:before {
	display: none
}

.index-news .hd .btns dd:hover,.index-news .hd .btns dd.on {
	color: #0f61a1
}

.index-news .hd .btns dd.on {
	font-size: .2rem
}

.index-news .list {
	margin-left: -0.29rem;
	margin-right: -0.29rem
}

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

.index-news .list li {
	padding: .37rem .07rem .52rem .07rem
}

.index-news .list li a {
	display: block;
	padding: 0 .22rem;
	position: relative
}

.index-news .list li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #0f61a1
}

.index-news .list li a .time {
	height: .55rem;
	padding-top: .05rem;
	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;
	color: #0f61a1
}

.index-news .list li a .time span {
	display: block;
	position: relative;
	color: #999;
	padding-left: .3rem
}

.index-news .list li a .time span:before {
	content: "";
	display: block;
	position: absolute;
	left: .15rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: .1rem;
	background: #e1e1e1
}

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

.index-news .list li a .name {
	font-size: .16rem;
	line-height: .3rem;
	height: .6rem;
	overflow: hidden;
	margin-top: .2rem
}

.index-news .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;
	height: .86rem;
	padding-bottom: .08rem;
	color: #999;
	line-height: 1em;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.index-news .list li a .more:after {
	display: block;
	font-family: "iconfont";
	content: "";
	margin-left: .1rem;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.index-news .list li a:hover {
	background: #fff;
	box-shadow: 0 0 .32rem 0 rgba(44,50,52,.15)
}

.index-news .list li a:hover:before {
	width: 100%
}

.index-news .list li a:hover .name {
	font-weight: 600
}

.index-news .list li a:hover .more {
	color: #0f61a1
}

@media screen and (max-width: 800px) {
	.index-slide.index-foot {
		height: 5.2rem
	}

	.index-flash .list li {
		padding: 0
	}

	.index-flash .list li .title p {
		font-size: .24rem;
		line-height: 1.5em
	}

	.index-flash .dots {
		left: .3rem
	}

	.index-flash .arrow {
		right: .3rem
	}

	.index-product {
		padding: 0
	}

	.index-product .side {
		position: relative
	}

	.index-product .nav {
		min-height: 1rem
	}

	.index-product .nav ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.index-product .nav a {
		font-size: .28rem;
		line-height: .61rem;
		margin-right: .3rem
	}

	.index-product .nav a.on {
		font-size: .32rem;
		line-height: .61rem
	}

	.index-product .side-more {
		position: absolute;
		right: 0;
		bottom: .45rem
	}

	.index-product .list {
		position: relative;
		right: .3rem;
		top: 0;
		margin-top: 0;
		width: 14rem;
		padding-top: .3rem
	}

	.index-product .list .btns {
		position: relative;
		width: 6.3rem;
		top: 0;
		padding: .7rem 0 0 .3rem
	}

	.index-product .list .btns .num {
		font-size: .26rem
	}

	.index-product .list .btns .num .num-curr {
		font-size: .5rem
	}

	.index-product .list .list-wrapper {
		width: 13.2rem
	}

	.index-product .list li {
		height: 4.6rem
	}

	.index-product .list li .box {
		left: .3rem;
		right: .3rem;
		bottom: 0;
		width: 4.47rem
	}

	.index-product .list li .zoomImg img {
		height: 2.7rem
	}

	.index-product .list li .layer {
		bottom: 2.5rem
	}

	.index-product .list li .layer p {
		font-size: .22rem;
		height: .28rem;
		overflow: hidden;
		padding-right: 1rem
	}

	.index-product .list li.swiper-slide-active {
		border-color: rgba(0,0,0,0)
	}

	.index-product .list li.swiper-slide-active .box {
		width: 6rem
	}

	.index-product .list li.swiper-slide-active .box:before {
		opacity: 1
	}

	.index-product .list li.swiper-slide-active .zoomImg img {
		height: 4.6rem
	}

	.index-about {
		padding: 0
	}

	.index-about .index-title p {
		font-size: .24rem;
		line-height: 1.5em
	}

	.index-about .content {
		font-size: .26rem;
		line-height: 1.8em;
		width: 5.33rem
	}

	.index-news {
		padding: 1rem 0 0 0
	}

	.index-news .hd .btns dd {
		font-size: .24rem
	}

	.index-news .hd .btns dd.on {
		font-size: .28rem
	}

	.index-news .list {
		margin-left: -0.15rem;
		margin-right: -0.15rem;
		padding-top: .3rem
	}

	.index-news .list li {
		padding: .37rem 0 .52rem 0
	}

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

	.index-news .list li a:before {
		display: none
	}

	.index-news .list li a .time {
		height: .8rem
	}

	.index-news .list li a .time span:before {
		height: .2rem
	}

	.index-news .list li a .name {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem
	}

	.index-news .list li a:hover {
		background: #fff;
		box-shadow: 0 0 0 0 rgba(44,50,52,.15)
	}
}

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

a.p-more,a.p-more-gray {
	color: #fff;
	width: 1.56rem;
	height: .5rem;
	position: relative;
	border-radius: .02rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	font-size: .16rem;
	padding-left: .19rem;
	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;
	border: rgba(0,0,0,0) solid 1px
}

a.p-more:after,a.p-more-gray:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: .5rem;
	content: "";
	font-family: "iconfont";
	border-left: rgba(255,255,255,.14) 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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .12rem
}

a.p-more:hover,a.p-more-gray:hover {
	background: #fff;
	border-color: #e8e8e8;
	color: #333
}

a.p-more:hover:after,a.p-more-gray:hover:after {
	border-left-color: #e8e8e8
}

a.p-more-gray {
	background: none;
	border-color: #e8e8e8;
	color: #999
}

a.p-more-gray:after {
	border-color: rgba(204,204,204,.27)
}

a.p-more-gray:hover {
	border-color: rgba(0,0,0,0);
	color: #fff;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

a.p-more-gray:hover:after {
	border-color: rgba(255,255,255,.14)
}

@media screen and (max-width: 800px) {
	a.p-more,a.p-more-gray {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	a.p-more:after,a.p-more-gray:after {
		width: .6rem;
		font-size: .18rem
	}
}

.p-arrow {
	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-arrow a {
	border-radius: 50%;
	margin: 0 .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;
	border: rgba(0,0,0,.34) solid 1px;
	width: .5rem;
	height: .5rem;
	font-family: "iconfont";
	font-size: .16rem
}

.p-arrow a:hover {
	border-color: rgba(0,0,0,0);
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	color: #fff
}

.p-banner {
	background: center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 21
}

.p-banner .wal {
	height: 8rem;
	position: relative
}

.p-banner .title {
	position: absolute;
	left: 0;
	bottom: .55rem;
	right: 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: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	height: .59rem
}

.p-banner .title h2 {
	font-size: .4rem;
	line-height: 1em;
	padding-right: .24rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-weight: 400
}

.p-banner .title .line {
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	height: 1px;
	background: #fff
}

.p-banner .title .nav {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 1.74rem;
	position: relative
}

.p-banner .title .nav .name {
	height: .59rem;
	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-left: .17rem;
	font-size: .2rem
}

.p-banner .title .nav .name:after {
	content: "";
	display: block;
	font-family: "iconfont";
	font-size: .12rem;
	margin-left: .1rem
}

.p-banner .title .nav .list {
	position: absolute;
	z-index: 20;
	top: 100%;
	right: 0;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .03rem .38rem 0 rgba(6,49,82,.16);
	width: 2.4rem;
	padding: 0 .2rem;
	opacity: 0;
	visibility: hidden
}

.p-banner .title .nav .list:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -0.05rem;
	width: .2rem;
	height: .2rem;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -0.1rem
}

.p-banner .title .nav .list a {
	display: block;
	line-height: .6rem;
	border-bottom: rgba(153,153,153,.16) solid 1px;
	font-size: .16rem;
	position: relative;
	padding-left: .12rem
}

.p-banner .title .nav .list a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: .03rem;
	height: .03rem;
	background: #999;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.p-banner .title .nav .list a:hover {
	color: #166aab;
	border-color: #166aab
}

.p-banner .title .nav .list a:hover:before {
	background: #0f61a1
}

.p-banner .title .nav .list dd:last-child a {
	border: 0
}

.p-banner .title .nav:hover .list {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.contact {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: .47rem
}

.contact .index-title {
	padding: .8rem 0 .6rem 0
}

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

.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: 13.92rem
}

.contact .list li {
	width: 33.333%;
	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: .45rem
}

.contact .list li .ico {
	width: .44rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.contact .list li .col {
	padding-left: .16rem
}

.contact .list li .col h5 {
	font-weight: 600;
	font-size: .16rem
}

.contact .list li .col p {
	font-size: .16rem;
	color: #666;
	padding-top: .08rem
}

.contact #map {
	height: 4.6rem
}

.contact-form {
	background: url(../image/contact-form.png) center bottom no-repeat;
	background-size: auto 100%;
	height: 7.12rem;
	padding-top: .53rem
}

.contact-form .wal {
	padding: .6rem 1.2rem 0 1.2rem
}

.contact-form .msg {
	font-size: .16rem;
	color: #666;
	line-height: 1.5em;
	padding: .25rem 0 .1rem 0
}

.contact-form .msg em {
	color: red
}

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

.contact-form .form li {
	width: 4.9rem;
	border-bottom: rgba(0,0,0,.1) 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;
	padding-top: .15rem
}

.contact-form .form li .name {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	padding: 0 .06rem 0 .8em;
	font-size: .16rem;
	color: #999;
	line-height: .5rem
}

.contact-form .form li .name em {
	position: absolute;
	left: 0;
	top: .03rem;
	color: red
}

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

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

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

.contact-form .form li.li_01 {
	width: 100%;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.contact-form .btns {
	padding-top: .5rem;
	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
}

.contact-form .btns div {
	margin: 0 .2rem;
	border-radius: .5rem;
	width: 1.43rem;
	height: .45rem;
	border: #999 solid 1px
}

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

.contact-form .btns div.btn-1 {
	border-color: rgba(0,0,0,0);
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

.contact-form .btns div.btn-1 input {
	color: #fff
}

.job .search {
	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;
	position: relative;
	padding: .8rem 0 .4rem 0;
	z-index: 10
}

.job .search .select {
	margin-right: .3rem;
	position: relative;
	border: #cacaca solid 1px;
	border-radius: .1rem;
	width: 2.1rem;
	height: .5rem
}

.job .search .select .name {
	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: .48rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: .16rem;
	padding: 0 .16rem
}

.job .search .select .name:after {
	content: "";
	display: block;
	font-family: "iconfont";
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.job .search .select dl {
	position: absolute;
	left: -1px;
	top: 100%;
	margin-top: -1px;
	right: -1px;
	border: #cacaca solid 1px;
	background: #fff;
	padding: .06rem .16rem;
	display: none;
	border-radius: .1rem
}

.job .search .select dl dd {
	border-bottom: #eee solid 1px
}

.job .search .select dl dd:last-child {
	border: 0
}

.job .search .select dl a {
	display: block;
	line-height: 1.5em;
	padding: .1rem 0;
	font-size: .14rem
}

.job .search .select.on dl {
	display: block
}

.job .search .select-2 {
	width: 3.4rem
}

.job .search .form {
	position: absolute;
	top: .8rem;
	right: 0;
	border: #cacaca solid 1px;
	border-radius: .1rem;
	width: 3.03rem;
	height: .5rem
}

.job .search .form .input {
	width: 100%
}

.job .search .form .input input::-webkit-input-placeholder {
	color: #b3b3b3
}

.job .search .form .input input::-moz-placeholder {
	color: #b3b3b3
}

.job .search .form .input input:-moz-placeholder {
	color: #b3b3b3
}

.job .search .form .input input:-ms-input-placeholder {
	color: #b3b3b3
}

.job .search .form .input textarea::-webkit-input-placeholder {
	color: #b3b3b3
}

.job .search .form .input textarea::-moz-placeholder {
	color: #b3b3b3
}

.job .search .form .input textarea:-moz-placeholder {
	color: #b3b3b3
}

.job .search .form .input textarea:-ms-input-placeholder {
	color: #b3b3b3
}

.job .search .form .input input {
	width: 100%;
	height: .48rem;
	line-height: .48rem;
	font-size: .16rem;
	padding: 0 .19rem
}

.job .search .form .submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: .6rem;
	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-family: "iconfont";
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .18rem
}

.job .search .form .submit input {
	width: 100%;
	height: .48rem;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0
}

.job .list li {
	position: relative;
	border-radius: .1rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding-bottom: .2rem;
	width: 100%;
	overflow: hidden
}

.job .list li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: .1rem;
	right: 0;
	height: 1px;
	background: rgba(0,0,0,.1)
}

.job .list li:last-child:before {
	display: none
}

.job .list li .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;
	position: relative;
	height: .8rem;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.job .list li .hd:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8);
	opacity: 0
}

.job .list li .hd h5 {
	width: 5.58rem;
	padding: 0 .5rem;
	font-size: .24rem;
	position: relative
}

.job .list li .hd dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.job .list li .hd dd {
	font-size: .16rem;
	padding: 0 1rem 0 .41rem;
	line-height: .3rem;
	height: .3rem;
	background: left center no-repeat;
	background-size: .3rem
}

.job .list li .hd dd.dd_1 {
	background-image: url(../image/img30_1.png)
}

.job .list li .hd dd.dd_2 {
	background-image: url(../image/img30_2.png)
}

.job .list li .hd dd.dd_3 {
	background-image: url(../image/img30_3.png)
}

.job .list li .hd:after {
	content: "";
	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: .44rem;
	height: .44rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: .5rem;
	margin-top: -0.22rem;
	border: #0f61a1 solid 1px;
	font-family: "iconfont";
	cursor: pointer;
	color: #0f61a1;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font-size: .16rem
}

.job .list li .box {
	display: none;
	padding: .35rem .65rem 0 .65rem
}

.job .list li .box h5 {
	color: #0f61a1;
	font-size: .2rem;
	position: relative
}

.job .list li .box h5:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.15rem;
	top: 50%;
	width: .06rem;
	height: .06rem;
	background: #0f61a1;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.job .list li .box .content {
	padding: .1rem 0 .35rem 0;
	font-size: .14rem;
	line-height: 2em;
	color: #666
}

.job .list li .box .bd {
	border-top: rgba(34,123,192,.2) solid 1px;
	margin-left: -0.1rem;
	margin-right: -0.1rem;
	padding: 0 .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;
	height: .86rem
}

.job .list li .box .bd p {
	color: #0f61a1;
	padding-right: .15rem
}

.job .list li .box .bd .file,.job .list li .box .bd .submit {
	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.2rem;
	height: .34rem;
	border-radius: .5rem;
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8)
}

.job .list li .box .bd .file {
	color: #fff;
	margin-right: .5rem
}

.job .list li .box .bd .file input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.job .list li .box .bd .submit input {
	width: 100%;
	height: .34rem;
	font-size: .14rem;
	color: #fff;
	cursor: pointer
}

.job .list li .box .bd .img {
	width: .87rem
}

.job .list li .box .bd .input {
	width: 1.26rem
}

.job .list li .box .bd .input input::-webkit-input-placeholder {
	color: #999
}

.job .list li .box .bd .input input::-moz-placeholder {
	color: #999
}

.job .list li .box .bd .input input:-moz-placeholder {
	color: #999
}

.job .list li .box .bd .input input:-ms-input-placeholder {
	color: #999
}

.job .list li .box .bd .input textarea::-webkit-input-placeholder {
	color: #999
}

.job .list li .box .bd .input textarea::-moz-placeholder {
	color: #999
}

.job .list li .box .bd .input textarea:-moz-placeholder {
	color: #999
}

.job .list li .box .bd .input textarea:-ms-input-placeholder {
	color: #999
}

.job .list li .box .bd .input input {
	width: 100%;
	height: .3rem;
	line-height: .3rem;
	padding: 0 .15rem;
	font-size: .12rem
}

.job .list li.on {
	box-shadow: 0 0 .19rem 0 rgba(1,33,57,.2);
	padding-bottom: 0
}

.job .list li.on:before {
	opacity: 0;
	visibility: hidden
}

.job .list li.on .hd {
	color: #fff
}

.job .list li.on .hd:before {
	opacity: 1
}

.job .list li.on .hd dd.dd_1 {
	background-image: url(../image/img30_1on.png)
}

.job .list li.on .hd dd.dd_2 {
	background-image: url(../image/img30_2on.png)
}

.job .list li.on .hd dd.dd_3 {
	background-image: url(../image/img30_3on.png)
}

.job .list li.on .hd:after {
	border-color: #fff;
	background: #fff;
	color: #0f61a1;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.join-process {
	padding: .7rem 0 1rem 0
}

.join-process .list {
	padding-top: .55rem;
	position: relative
}

.join-process .list:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 2.55rem;
	width: 10.95rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: .33rem;
	background: url(../image/line1095.png) center no-repeat;
	background-size: 100%
}

.join-process .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
}

.join-process .list li {
	height: 2.28rem;
	width: 1.8rem;
	text-align: center;
	position: relative
}

.join-process .list li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../image/img207.png) center no-repeat;
	background-size: 100%;
	width: 2.07rem;
	height: 1.74rem
}

.join-process .list li .ico {
	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;
	height: .81rem;
	padding-top: .26rem;
	position: relative
}

.join-process .list li .ico img {
	width: .42rem
}

.join-process .list li .name {
	position: relative;
	font-size: .15rem;
	line-height: .24rem;
	text-align: center;
	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;
	height: .7rem;
	margin-right: -0.3rem;
	margin-left: -0.3rem
}

.join-process .list li .num {
	position: absolute;
	left: 50%;
	top: 1.95rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../image/img33.png) center no-repeat;
	background-size: 100% 100%;
	width: .33rem;
	height: .33rem;
	line-height: .33rem;
	text-align: center;
	font-size: .16rem;
	color: #fff;
	z-index: 2
}

.join-process .list li:last-child:before {
	width: 100%;
	background-image: url(../image/img180.png)
}

.network {
	padding: .8rem 0 1.2rem 0
}

.network .content {
	font-size: .16rem;
	line-height: 2em;
	color: #666;
	padding: .2rem 0 .4rem 0
}

.network .container {
	position: relative
}

.network .map {
	width: 9.14rem;
	position: relative
}

.network .map li {
	position: absolute;
	width: .08rem;
	height: .08rem;
	margin-left: -0.04rem;
	margin-top: -0.04rem;
	cursor: pointer
}

.network .map li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	border: #0f61a1 solid 1px;
	border-radius: 50%;
	width: .36rem;
	height: .36rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.network .map li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #227bc0;
	border-radius: 50%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.network .map li .yuan {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.network .map li .yuan i {
	display: block;
	width: 1rem;
	height: 1rem;
	background: #0f61a1;
	opacity: .5;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.5rem;
	margin-top: -0.5rem
}

.network .map li .name {
	position: absolute;
	font-size: .18rem;
	left: -1rem;
	right: -1rem;
	text-align: center;
	top: .28rem
}

.network .map li:hover:before,.network .map li.on:before {
	background: #0f61a1;
	opacity: .5
}

.network .map li:hover:after,.network .map li.on:after {
	background: #fff
}

.network .map li:hover .yuan,.network .map li.on .yuan {
	opacity: 1
}

.network .list li {
	position: absolute;
	top: .6rem;
	right: 0;
	width: 4.76rem;
	background: #fff;
	box-shadow: 0 0 .28rem 0 rgba(1,22,45,.2);
	overflow: hidden;
	border-radius: .1rem;
	padding: 0 .3rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.network .list li .img {
	margin-left: -0.3rem;
	margin-right: -0.3rem
}

.network .list li .img img {
	width: 100%;
	height: 2.54rem
}

.network .list li .name {
	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;
	padding: .2rem 0;
	border-bottom: #d6d6d6 solid 1px;
	font-size: .2rem;
	line-height: 1em
}

.network .list li .name img {
	width: .42rem;
	margin-right: .06rem
}

.network .list li .name em {
	color: #0f61a1
}

.network .list li .msg {
	line-height: .37rem;
	font-size: .16rem;
	color: #666;
	padding: .11rem 0 .21rem 0
}

.network .list li.on {
	opacity: 1;
	visibility: visible
}

.service {
	padding: .8rem 0 0 0;
	position: relative
}

.service .index-title p {
	position: relative;
	font-size: .22rem;
	padding: .18rem 0 .32rem 0;
	line-height: 1em
}

.service .index-title p:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .4rem;
	height: 1px;
	background: #0f61a1
}

.service .content {
	font-size: .16rem;
	line-height: 2em;
	text-align: justify;
	color: #666;
	width: 5.8rem;
	padding-top: .25rem
}

.service .img {
	width: 6.34rem;
	position: absolute;
	top: .8rem;
	right: 0
}

.service .img:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../image/img634.png) center no-repeat;
	background-size: 100% 100%;
	margin-right: -0.24rem;
	margin-top: .24rem
}

.service-list {
	padding-bottom: 1rem
}

.service-list div.title {
	padding: .82rem 0 .4rem 0
}

.service-list div.title h2 {
	font-size: .24rem;
	line-height: 1em;
	color: #0f61a1;
	padding-left: .16rem;
	position: relative
}

.service-list div.title h2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: .04rem;
	height: .28rem;
	top: 50%;
	margin-top: -0.14rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	border-radius: .05rem
}

.service-list div.title p {
	font-size: .16rem;
	color: #666;
	padding-top: .26rem
}

.service-list h3.title {
	font-size: .2rem;
	line-height: 1em;
	padding-bottom: .25rem
}

.service-list .line {
	height: .5rem
}

.service-list .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.12rem;
	margin-bottom: -0.12rem
}

.service-list .list li {
	width: 25%;
	padding: 0 0 .12rem .12rem
}

.service-list .list li .box {
	border-radius: 0 .48rem 0 0;
	border: rgba(0,0,0,.1) solid 1px;
	height: 3.48rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.service-list .list li .box:before {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 0 .48rem 0 0;
	opacity: 0;
	background: url(../image/img311.png) center no-repeat;
	background-size: 100% 100%
}

.service-list .list li .box .hd {
	padding: .27rem 0 0 .28rem;
	height: 1.31rem;
	position: relative
}

.service-list .list li .box .hd:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #fff;
	opacity: 0
}

.service-list .list li .box .hd .ico {
	position: relative
}

.service-list .list li .box .hd .ico img {
	height: .5rem
}

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

.service-list .list li .box .hd h5 {
	font-size: .22rem;
	line-height: 1em;
	padding-top: .15rem
}

.service-list .list li .box dl {
	padding: .12rem 0 .2rem .4rem
}

.service-list .list li .box dl dd {
	font-size: .16rem;
	line-height: .32rem;
	color: #666;
	position: relative;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.service-list .list li .box dl dd:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.17rem;
	top: .13rem;
	width: .06rem;
	height: .06rem;
	border-radius: 50%;
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8)
}

.service-list .list li .box:hover {
	border-color: rgba(0,0,0,0);
	color: #fff
}

.service-list .list li .box:hover:before {
	opacity: 1
}

.service-list .list li .box:hover .hd:before {
	opacity: .2
}

.service-list .list li .box:hover .hd .ico img:nth-child(1) {
	opacity: 0
}

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

.service-list .list li .box:hover dl dd {
	color: #fff
}

.service-list .list li .box:hover dl dd:before {
	background: #fff
}

.service-list .list li.li_381 {
	width: 3.81rem
}

.news {
	padding: .8rem 0 0 0
}

.news li {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.news li .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;
	padding: .3rem 0;
	position: relative
}

.news li .time {
	width: 1.12rem;
	font-family: "DINPro-Bold";
	font-size: .16rem;
	color: #666;
	height: 2.3rem
}

.news li .time h5 {
	font-size: .54rem;
	color: #0f61a1;
	line-height: 1em
}

.news li .zoomImg {
	width: 4.13rem;
	border-radius: .08rem
}

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

.news li .col {
	width: 6.91rem;
	padding-left: .6rem
}

.news li .col h5 {
	font-size: .18rem;
	line-height: .32rem;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.news li .col p {
	font-size: .16rem;
	line-height: .28rem;
	color: #666;
	padding: .2rem 0 .25rem 0
}

.news li a.btn-details {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.news li:hover {
	box-shadow: 0 .02rem .4rem 0 rgba(111,111,111,.1)
}

.news li:hover .col h5 {
	color: #0f61a1
}

.news li:hover .col a.p-more-gray {
	border-color: rgba(0,0,0,0);
	color: #fff;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

.news li:hover .col a.p-more-gray:after {
	border-color: rgba(255,255,255,.14)
}

.p-num {
	padding: .4rem 0 .9rem 0;
	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-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.p-num 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;
	height: .38rem;
	padding: 0 .16rem;
	font-size: .16rem;
	color: #5c6166;
	line-height: 1em
}

.p-num a:hover,.p-num a.on {
	color: #0f61a1
}

.p-num a .iconfont {
	font-size: .12rem;
	padding: 0 .04rem
}

.news-show .hd {
	position: relative;
	padding: .9rem 1rem .2rem 0;
	border-bottom: rgba(0,0,0,.1) solid 1px
}

.news-show .hd h2 {
	font-size: .3rem;
	font-weight: 400
}

.news-show .hd .time {
	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-top: .2rem;
	font-size: .16rem;
	line-height: 1em;
	color: #666
}

.news-show .hd .time:before {
	content: "";
	display: block;
	font-family: "iconfont";
	font-size: .12rem;
	margin-right: .08rem
}

.news-show .hd a.back {
	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: .6rem;
	height: .6rem;
	border: rgba(7,0,2,.2) solid 1px;
	border-radius: 50%;
	position: absolute;
	top: .8rem;
	right: 0;
	font-size: .22rem;
	color: #0f61a1
}

.news-show .hd a.back:hover {
	background: #0f61a1;
	color: #fff
}

.news-show .content {
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify;
	color: #666;
	padding: .5rem 0 .15rem 0
}

.news-show .content p {
	padding-bottom: .3rem
}

.news-show .content .img-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;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.news-show .content .img-list li {
	width: 6.2rem;
	padding-bottom: .3rem
}

.news-show .content .img-list li .name {
	text-align: center;
	padding-top: .12rem;
	color: #333
}

.p-num2 {
	border-top: rgba(0,0,0,.1) solid 1px;
	padding: .4rem 0 1rem 0;
	color: #666
}

.p-num2 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
}

.p-num2 a {
	font-size: .16rem;
	color: #666
}

.p-num2 a:hover {
	color: #333
}

.project {
	padding: .8rem 0 1rem 0
}

.project .content {
	padding: .25rem 0 .55rem 0;
	font-size: .16rem;
	line-height: 2em;
	text-align: justify
}

.project .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.32rem
}

.project .list li {
	width: 50%;
	padding: 0 0 .6rem .32rem
}

.project .list a {
	display: block
}

.project .list a .name {
	font-size: .24rem;
	padding: .3rem 0 .2rem 0
}

.project .list a .tag {
	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;
	color: #0f61a1
}

.project .list a .tag:before {
	display: block;
	content: "";
	background: #0f61a1;
	width: .6rem;
	height: 1px;
	margin-right: .12rem
}

.project .list a:hover .tag:before {
	width: 1rem
}

.project .more {
	padding-top: .2rem
}

.project .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;
	margin: 0 auto;
	width: 2.24rem;
	height: .6rem;
	border: rgba(0,0,0,.1) solid 1px;
	font-size: .16rem;
	line-height: 1em
}

.project .more a em {
	padding-right: .25rem
}

.project .more a:after {
	content: "";
	font-family: "iconfont";
	color: #0f61a1;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.project .more a:hover {
	background: #0f61a1;
	color: #fff
}

.project .more a:hover:after {
	color: #fff
}

.project-show {
	padding: .8rem 0 .6rem 0;
	position: relative
}

.project-show .list {
	width: 100%;
	overflow: hidden;
	position: relative
}

.project-show .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
}

.project-show .list li .zoomImg {
	width: 8.6rem
}

.project-show .list li .col {
	width: 3.37rem;
	padding-bottom: 1rem
}

.project-show .list li .col .hd {
	border-bottom: rgba(0,0,0,.1) solid 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: .22rem;
	margin-bottom: .05rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.project-show .list li .col .hd h5 {
	font-size: .26rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-right: .2rem
}

.project-show .list li .col .hd a.back {
	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: .43rem;
	height: .43rem;
	border: rgba(7,0,2,.2) solid 1px;
	border-radius: 50%;
	font-size: .18rem;
	color: #0f61a1;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-family: "iconfont"
}

.project-show .list li .col .hd a.back:hover {
	background: #0f61a1;
	color: #fff
}

.project-show .list li .col h5.title {
	padding: .25rem 0 .15rem 0;
	font-size: .16rem;
	font-weight: 400;
	color: #212121
}

.project-show .list li .col .content {
	font-size: .16rem;
	line-height: .3rem;
	color: #666
}

.project-show .list li .col .content dd {
	position: relative;
	padding-left: .14rem
}

.project-show .list li .col .content dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .12rem;
	width: .06rem;
	height: .06rem;
	background: #0f61a1;
	border-radius: 50%
}

.project-show .small-list {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: .84rem;
	width: 8.6rem
}

.project-show .small-list dl {
	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
}

.project-show .small-list dd {
	width: 1.61rem;
	position: relative;
	padding: .03rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0 .1rem;
	cursor: pointer
}

.project-show .small-list dd img {
	width: 100%;
	height: 1rem
}

.project-show .small-list dd.on {
	background: #0f61a1;
	box-shadow: 0 .03rem .12rem rgba(0,0,0,.1)
}

.project-show .arrow {
	position: absolute;
	z-index: 5;
	bottom: 1rem;
	right: 0;
	width: 3.37rem;
	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
}

.project-show .arrow .p-arrow a {
	width: .6rem;
	height: .6rem;
	font-size: .2rem;
	margin: 0 0 0 .24rem
}

.project-show .arrow .num {
	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;
	font-size: .2rem;
	line-height: 1em;
	color: #666;
	font-family: "DINPro-Bold"
}

.project-show .arrow .num b {
	color: #0f61a1;
	font-size: .44rem;
	padding-right: .06rem;
	position: relative;
	top: -0.08rem
}

.product {
	padding: .8rem 0 .6rem 0
}

.product 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.4rem
}

.product li {
	width: 33.333%;
	padding: 0 0 .4rem .4rem
}

.product li .box,.product li a {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	border: rgba(0,0,0,.1) solid 1px;
	border-radius: .08rem;
	text-align: center
}

.product li .box:before,.product li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: .03rem;
	background: #0f61a1;
	opacity: 0
}

.product li .box .name,.product li a .name {
	padding: .18rem 0 .4rem 0;
	font-size: .22rem;
	line-height: 1em
}

.product li .box:hover,.product li a:hover {
	box-shadow: 0 .02rem .24rem 0 rgba(0,0,0,.16);
	color: #0f61a1
}

.product li .box:hover:before,.product li a:hover:before {
	opacity: 1
}

.product .li_01 .box {
	height: 3.95rem;
	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-show {
	padding: .8rem 0 .72rem 0;
	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
}

.product-show .img-container {
	width: 6.7rem
}

.product-show .img-container .big-img {
	border: rgba(0,0,0,.1) solid 1px
}

.product-show .img-container .small-img {
	position: relative;
	padding: 0 .67rem
}

.product-show .img-container .small-img .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;
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	font-family: "iconfont";
	color: #0f61a1;
	font-size: .24rem
}

.product-show .img-container .small-img .arrow a.prev {
	left: .25rem
}

.product-show .img-container .small-img .arrow a.next {
	right: .25rem
}

.product-show .img-container .small-img .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative
}

.product-show .img-container .small-img .list-wrapper li {
	padding: .42rem .09rem
}

.product-show .img-container .small-img .list-wrapper li div {
	position: relative;
	padding: .02rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer
}

.product-show .img-container .small-img .list-wrapper li div img {
	width: 100%;
	height: .75rem
}

.product-show .img-container .small-img .list-wrapper li.swiper-slide-active div {
	background: #0f61a1;
	box-shadow: 0 .02rem .15rem 0 rgba(0,0,0,.2)
}

.product-show .container {
	width: 5.5rem;
	padding-top: .2rem
}

.product-show .container .title {
	position: relative;
	padding-bottom: .3rem
}

.product-show .container .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .6rem;
	height: .02rem;
	background: #0f61a1
}

.product-show .container .title h2 {
	font-size: .3rem;
	line-height: 1em;
	color: #0f61a1
}

.product-show .container .title p {
	padding-top: .1rem;
	font-size: .16rem;
	color: #999
}

.product-show .container .content {
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify;
	color: #666;
	min-height: 2.54rem;
	padding: .25rem 0;
	border-bottom: rgba(0,0,0,.1) solid 1px
}

.product-show .container dl.list {
	padding-top: .2rem;
	margin-right: -0.2rem
}

.product-show .container dl.list dd {
	font-size: .16rem;
	line-height: .36rem;
	position: relative;
	padding-left: .18rem
}

.product-show .container dl.list dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .15rem;
	width: .06rem;
	height: .06rem;
	background: #0f61a1;
	border-radius: 50%
}

.product-show .container dl.list dd b {
	font-size: .16rem;
	color: #333
}

.about-1 {
	padding: .8rem 0 1.4rem 0
}

.about-1 .wal {
	padding: .28rem;
	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
}

.about-1 .zoomImg {
	width: 5.9rem
}

.about-1 .container {
	width: 5.92rem
}

.about-1 .container .title {
	position: relative;
	margin-bottom: .25rem
}

.about-1 .container .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .6rem;
	height: 1px;
	background: #0f61a1
}

.about-1 .container .title h2 {
	color: #0f61a1;
	font-size: .3rem;
	line-height: 1em
}

.about-1 .container .title .en {
	padding: .1rem 0 .3rem 0;
	font-size: .16rem;
	line-height: 1em;
	color: #999
}

.about-1 .container .content {
	font-size: .16rem;
	line-height: .3rem;
	color: #666;
	text-align: justify;
	padding: 0 .6rem 0 0;
	margin-right: -0.28rem;
	height: 3.55rem;
	overflow-y: auto
}

.about-1 .container .content::-webkit-scrollbar {
	width: 2px
}

.about-1 .container .content::-webkit-scrollbar-thumb {
	background: #0f61a1
}

.about-1 .container .content::-webkit-scrollbar-track {
	background: rgba(0,0,0,0)
}

.about-2 {
	background: url(../image/about-2.jpg) center bottom no-repeat;
	background-size: cover;
	height: 9.44rem;
	padding: .8rem 0;
	color: #fff;
	overflow: hidden;
	position: relative;
	width: 100%
}

.about-2 .index-title {
	padding-bottom: .8rem
}

.about-2 .list {
	position: relative;
	left: .4rem
}

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

.about-2 .list li {
	height: 6.36rem;
	position: relative;
	width: 1.15rem;
	text-align: center;
	left: .6rem
}

.about-2 .list li .ico {
	width: 2.45rem;
	position: absolute;
	left: 50%;
	top: 1.14rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.about-2 .list li .layer {
	position: absolute;
	left: -1rem;
	top: 0;
	right: -1rem
}

.about-2 .list li .layer h5 {
	font-size: .22rem;
	line-height: 1em
}

.about-2 .list li .layer p {
	font-size: .2rem;
	line-height: .32rem;
	padding-top: .2rem
}

.about-2 .list li:nth-child(odd) .ico {
	top: 2.6rem
}

.about-2 .list li:nth-child(odd) .layer {
	top: auto;
	bottom: 0
}

.about-2 .list .img {
	position: absolute;
	left: 8.01rem;
	top: .82rem;
	width: 3.06rem
}

.about-3 {
	min-height: 7.95rem;
	padding: .8rem 0 .7rem 0
}

.about-3 .index-title {
	padding-bottom: .77rem
}

.about-3 .list {
	position: relative;
	min-height: 4rem;
	padding-bottom: 1rem
}

.about-3 .list .arrow a {
	margin: 0;
	position: absolute;
	top: 1.1rem;
	width: .6rem;
	height: .6rem;
	font-size: .2rem;
	z-index: 5
}

.about-3 .list .arrow a.prev {
	left: 0
}

.about-3 .list .arrow a.next {
	right: 0
}

.about-3 .list .year-big {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: -0.4rem;
	right: 0;
	font-size: 2rem;
	font-family: "DINPRO-LIGHT";
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: 1em;
	text-align: center;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.02));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.about-3 .list .year-big.on {
	opacity: 1;
	visibility: visible
}

.about-3 .list ul {
	display: none;
	max-width: 9.05rem;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding-top: .65rem
}

.about-3 .list ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: .16rem;
	line-height: .26rem;
	color: #666;
	padding-bottom: .16rem
}

.about-3 .list ul li h5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: right;
	color: #333;
	padding-right: .25rem;
	width: 1rem;
	font-size: .16rem
}

.about-3 .years {
	height: 1rem;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}

.about-3 .years:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	height: .02rem;
	margin-top: -0.01rem;
	background: rgba(0,0,0,.2)
}

.about-3 .years li {
	height: 1rem;
	position: relative;
	cursor: pointer
}

.about-3 .years li .dot {
	position: absolute;
	left: 50%;
	top: 50%;
	width: .1rem;
	height: .1rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #0f61a1;
	border-radius: 50%
}

.about-3 .years li .dot:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.06rem;
	top: -0.06rem;
	right: -0.06rem;
	bottom: -0.06rem;
	border-radius: 50%;
	background: #0f61a1;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.about-3 .years li .dot:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: #0f61a1 solid 1px;
	width: .18rem;
	height: .18rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.about-3 .years li .yuan {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: .84rem;
	height: .84rem;
	background: url(../image/img84.png) center no-repeat;
	background-size: 100% 100%;
	margin-left: -0.42rem;
	margin-top: -0.42rem;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.about-3 .years li .yuan div {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1rem;
	height: 1rem;
	background: url(../image/img100_1.png) center no-repeat;
	background-size: 100% 100%;
	margin-left: -0.5rem;
	margin-top: -0.5rem
}

.about-3 .years li .yuan div:nth-child(2) {
	background-image: url(../image/img100_2.png)
}

.about-3 .years li .year {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 50%;
	right: 0;
	font-size: .22rem;
	line-height: .5rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font-family: "DINPro-Bold";
	color: #666
}

.about-3 .years li:hover .dot:before {
	opacity: .2;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.about-3 .years li:hover .dot:after {
	opacity: 0
}

.about-3 .years li.swiper-slide-active {
	cursor: default
}

.about-3 .years li.swiper-slide-active:after {
	opacity: 1
}

.about-3 .years li.swiper-slide-active .yuan {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.about-3 .years li.swiper-slide-active .year-big {
	opacity: 1;
	visibility: visible
}

.about-3 .years li.swiper-slide-active .year {
	line-height: 1rem;
	top: 0;
	font-size: .28rem;
	font-weight: bold;
	color: #fff
}

.about-4 {
	background: url(../image/about-4.jpg) center bottom no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	position: relative
}

.about-4 .wal {
	min-height: 7.58rem;
	padding: .95rem 0;
	position: relative
}

.about-4 .btns {
	position: absolute;
	top: .7rem;
	right: 0
}

.about-4 .btns ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.about-4 .btns li {
	padding-right: .69rem;
	margin-left: 1.14rem;
	color: #666;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
	position: relative;
	cursor: pointer
}

.about-4 .btns li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: .02rem;
	width: 0;
	background: #0f61a1
}

.about-4 .btns li .num {
	font-size: .16rem;
	color: #999;
	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;
	line-height: 1em;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.about-4 .btns li .num em {
	font-size: .46rem;
	font-family: "DINPro-Bold";
	line-height: 1em;
	position: relative;
	top: .03rem
}

.about-4 .btns li h5 {
	font-size: .24rem;
	line-height: .65rem;
	font-weight: 400
}

.about-4 .btns li:last-child {
	padding-right: 0
}

.about-4 .btns li.on,.about-4 .btns li:hover {
	color: #0f61a1
}

.about-4 .btns li.on:before,.about-4 .btns li:hover:before {
	width: 100%
}

.about-4 .btns li.on .num,.about-4 .btns li:hover .num {
	color: #0f61a1
}

.about-4 .btns li.on h5 {
	font-weight: 600
}

.about-4 .list {
	position: absolute;
	left: 0;
	top: 1.62rem;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.about-4 .list.on {
	opacity: 1;
	z-index: 5
}

.about-4 .list .list-wrapper {
	width: 15.75rem;
	position: relative;
	left: 50%;
	margin-left: -7.875rem;
	overflow: hidden;
	position: relative
}

.about-4 .list li {
	padding: 1rem .1rem 0 .1rem
}

.about-4 .list li .img img {
	width: 100%;
	height: 3.43rem;
	box-shadow: 0 0 .1rem rgba(0,0,0,.1);
	opacity: 0
}

.about-4 .list li .name {
	text-align: center;
	font-size: .22rem;
	padding-top: .32rem;
	line-height: 1em;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.about-4 .list li.swiper-slide-active .img img,.about-4 .list li.swiper-slide-prev .img img,.about-4 .list li.swiper-slide-next .img img {
	opacity: 1
}

.about-4 .list li.swiper-slide-active .img img {
	box-shadow: 0 0 .3rem rgba(0,0,0,.3)
}

.about-4 .list li.swiper-slide-active .name {
	opacity: 1
}

@media screen and (max-width: 800px) {
	.p-banner .wal {
		height: 5rem
	}

	.p-banner .title {
		bottom: .4rem
	}

	.p-banner .title h2 {
		font-size: .32rem
	}

	.p-banner .title .nav .name {
		font-size: .24rem
	}

	.p-banner .title .nav .name:after {
		font-size: .2rem
	}

	.p-banner .title .nav .list {
		width: 2.4rem
	}

	.p-banner .title .nav .list a {
		line-height: .7rem;
		font-size: .24rem
	}

	.contact .list ul {
		width: 100%
	}

	.contact .list li {
		width: 100%
	}

	.contact .list li .col {
		padding-left: .2rem
	}

	.contact .list li .col h5 {
		font-size: .26rem
	}

	.contact .list li .col p {
		font-size: .22rem;
		color: #666;
		padding-top: .08rem
	}

	.contact-form {
		background: none;
		height: auto;
		padding: .53rem 0;
		border-top: #eee solid 1px
	}

	.contact-form .wal {
		padding: .3rem 0 0 0
	}

	.contact-form .msg {
		font-size: .24rem
	}

	.contact-form .form li {
		width: 3.3rem;
		padding-top: .2rem
	}

	.contact-form .form li .name {
		padding: 0 .06rem 0 .8em;
		font-size: .24rem;
		line-height: .7rem
	}

	.contact-form .form li .input input,.contact-form .form li .input textarea {
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem
	}

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

	.contact-form .btns div {
		width: 2rem;
		height: .6rem
	}

	.contact-form .btns div input {
		height: .58rem;
		font-size: .26rem
	}

	.job .search {
		-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
	}

	.job .search .select {
		width: 2.7rem;
		height: .7rem;
		margin-right: 0;
		position: relative;
		z-index: 5
	}

	.job .search .select .name {
		height: .68rem;
		font-size: .24rem;
		padding: 0 .2rem
	}

	.job .search .select dl {
		padding: .1rem .2rem
	}

	.job .search .select dl a {
		display: block;
		line-height: 1.5em;
		padding: .1rem 0;
		font-size: .24rem
	}

	.job .search .select-2 {
		width: 4rem
	}

	.job .search .form {
		position: relative;
		top: 0;
		width: 100%;
		height: .7rem;
		margin-top: .2rem
	}

	.job .search .form .input input {
		height: .68rem;
		line-height: .68rem;
		font-size: .24rem;
		padding: 0 .2rem
	}

	.job .search .form .submit {
		width: .8rem;
		font-size: .28rem
	}

	.job .search .form .submit input {
		height: .68rem
	}

	.job .list li .hd {
		height: 1.3rem;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: .15rem .35rem
	}

	.job .list li .hd h5 {
		width: 100%;
		padding: 0;
		font-size: .28rem
	}

	.job .list li .hd dd {
		font-size: .22rem;
		padding: 0 .3rem 0 .41rem
	}

	.job .list li .hd:after {
		right: .35rem
	}

	.job .list li .box {
		padding: .35rem .35rem 0 .35rem
	}

	.job .list li .box h5 {
		font-size: .26rem
	}

	.job .list li .box .content {
		font-size: .24rem;
		line-height: 1.8em
	}

	.job .list li .box .bd {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 1.8rem;
		padding: .2rem 0
	}

	.job .list li .box .bd .file,.job .list li .box .bd .submit {
		width: 1.5rem;
		height: .5rem
	}

	.job .list li .box .bd .submit input {
		height: .5rem;
		font-size: .24rem
	}

	.job .list li .box .bd .input {
		width: 3.1rem
	}

	.job .list li .box .bd .input input {
		height: .5rem;
		line-height: .5rem;
		font-size: .22rem
	}

	.job .list li.on {
		margin-bottom: .2rem
	}

	.join-process .list:before {
		display: none
	}

	.join-process .list ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.join-process .list li {
		height: 2.8rem;
		width: 2.1rem
	}

	.join-process .list li:before {
		width: 100%;
		background-image: url(../image/img180.png);
		height: 1.9rem
	}

	.join-process .list li .name {
		font-size: .2rem;
		line-height: .3rem;
		height: 1rem
	}

	.join-process .list li .num {
		top: 2rem;
		width: .4rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .24rem
	}

	.network .content {
		font-size: .24rem
	}

	.network .map {
		left: -2rem
	}

	.network .map li .name {
		font-size: .24rem
	}

	.network .list {
		position: relative;
		height: 6rem
	}

	.network .list li {
		top: .3rem;
		right: auto;
		left: 0;
		width: 6rem
	}

	.network .list li .img img {
		height: 2.8rem
	}

	.network .list li .name {
		font-size: .26rem
	}

	.network .list li .msg {
		line-height: .5rem;
		font-size: .24rem;
		padding: .21rem 0
	}

	.service {
		padding-bottom: .5rem
	}

	.service .content {
		font-size: .24rem;
		width: 100%;
		padding: .25rem 0 .4rem 0
	}

	.service .img {
		position: relative;
		top: 0
	}

	.service-list div.title h2 {
		font-size: .3rem
	}

	.service-list div.title p {
		font-size: .22rem
	}

	.service-list h3.title {
		font-size: .26rem
	}

	.service-list .list li {
		width: 50%
	}

	.service-list .list li .box {
		height: 4.5rem
	}

	.service-list .list li .box .hd {
		height: 1.5rem
	}

	.service-list .list li .box .hd h5 {
		font-size: .26rem
	}

	.service-list .list li .box dl {
		padding: .2rem .2rem .2rem .4rem
	}

	.service-list .list li .box dl dd {
		font-size: .22rem;
		line-height: .4rem
	}

	.service-list .list li .box dl dd:before {
		top: .17rem
	}

	.service-list .list li.li_381 {
		width: 100%
	}

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

	.news li .time {
		font-size: .24rem;
		height: 2.7rem
	}

	.news li .zoomImg {
		width: 5.5rem
	}

	.news li .zoomImg img {
		height: 2.8rem
	}

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

	.news li .col h5 {
		font-size: .26rem;
		line-height: .44rem
	}

	.news li .col p {
		font-size: .22rem;
		line-height: .34rem
	}

	.p-num a {
		height: .5rem;
		padding: 0 .2rem;
		font-size: .26rem
	}

	.p-num a .iconfont {
		font-size: .2rem
	}

	.news-show .hd .time {
		font-size: .22rem
	}

	.news-show .hd .time:before {
		font-size: .2rem
	}

	.news-show .content {
		font-size: .24rem;
		line-height: .44rem
	}

	.news-show .content .img-list li {
		width: 100%
	}

	.news-show .content .img-list li img {
		width: 100%
	}

	.p-num2 li {
		padding-bottom: .15rem;
		line-height: 1.5em
	}

	.p-num2 a {
		font-size: .26rem
	}

	.project .content {
		font-size: .24rem
	}

	.project .list ul {
		margin-left: -0.3rem
	}

	.project .list li {
		padding: 0 0 .6rem .3rem
	}

	.project .list a .tag {
		font-size: .22rem
	}

	.project .more a {
		width: 2.5rem;
		height: .7rem;
		font-size: .24rem
	}

	.project-show .list li {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.project-show .list li .zoomImg {
		width: 100%
	}

	.project-show .list li .col {
		width: 100%;
		padding: .3rem 0 .5rem 0
	}

	.project-show .list li .col .hd h5 {
		font-size: .3rem
	}

	.project-show .list li .col .hd a.back {
		width: .5rem;
		height: .5rem;
		font-size: .24rem
	}

	.project-show .list li .col h5.title {
		padding: .25rem 0 .15rem 0;
		font-size: .26rem
	}

	.project-show .list li .col .content {
		font-size: .24rem;
		line-height: .44rem
	}

	.project-show .list li .col .content dd:before {
		top: .19rem
	}

	.project-show .small-list {
		position: relative;
		bottom: 0;
		width: 100%
	}

	.project-show .small-list dl {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.project-show .small-list dd {
		margin: 0
	}

	.project-show .arrow {
		position: absolute;
		z-index: 5;
		bottom: 1rem;
		right: 0;
		width: 3.37rem;
		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;
		display: none
	}

	.project-show .arrow .p-arrow a {
		width: .6rem;
		height: .6rem;
		font-size: .2rem;
		margin: 0 0 0 .24rem
	}

	.project-show .arrow .num {
		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;
		font-size: .2rem;
		line-height: 1em;
		color: #666;
		font-family: "DINPro-Bold"
	}

	.project-show .arrow .num b {
		color: #0f61a1;
		font-size: .44rem;
		padding-right: .06rem;
		position: relative;
		top: -0.08rem
	}

	.product ul {
		margin-left: -0.3rem
	}

	.product li {
		width: 50%;
		padding: 0 0 .4rem .3rem
	}

	.product li .box .name,.product li a .name {
		font-size: .24rem
	}

	.product .li_01 .box {
		height: 3.3rem
	}

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

	.product-show .img-container {
		width: 100%
	}

	.product-show .img-container .small-img {
		padding: 0 .4rem
	}

	.product-show .img-container .small-img .arrow a {
		font-size: .24rem
	}

	.product-show .img-container .small-img .arrow a.prev {
		left: 0
	}

	.product-show .img-container .small-img .arrow a.next {
		right: 0
	}

	.product-show .img-container .small-img .list-wrapper li div img {
		height: 1rem
	}

	.product-show .container {
		width: 100%
	}

	.product-show .container .title p {
		font-size: .24rem
	}

	.product-show .container .content {
		font-size: .24rem;
		line-height: .44rem
	}

	.product-show .container dl.list {
		margin-right: 0
	}

	.product-show .container dl.list dd {
		font-size: .24rem;
		line-height: .46rem
	}

	.product-show .container dl.list dd:before {
		top: .2rem
	}

	.product-show .container dl.list dd b {
		font-size: .24rem
	}

	.about-1 .wal {
		padding: 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

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

	.about-1 .container {
		width: 100%;
		padding-top: .35rem
	}

	.about-1 .container .title .en {
		font-size: .24rem
	}

	.about-1 .container .content {
		font-size: .24rem;
		line-height: .44rem;
		padding: 0 .4rem 0 0;
		margin-right: -0.08rem;
		height: 3.55rem
	}

	.about-2 .list {
		width: 12.8rem;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		left: -0.4rem
	}

	.about-3 .list {
		padding: 0 .6rem .4rem .6rem
	}

	.about-3 .list .arrow a.prev {
		left: -0.2rem
	}

	.about-3 .list .arrow a.next {
		right: -0.2rem
	}

	.about-3 .list ul li {
		font-size: .24rem;
		line-height: .4rem;
		padding-bottom: .16rem
	}

	.about-3 .list ul li h5 {
		padding-right: .15rem;
		width: 1.3rem;
		font-size: .24rem
	}

	.about-4 .btns li {
		padding-right: .4rem;
		margin-left: .8rem
	}

	.about-4 .btns li .num {
		font-size: .22rem
	}

	.about-4 .list li {
		padding: 1rem 0 0 0
	}

	.about-4 .list li .name {
		font-size: .24rem
	}
}
@media screen and (max-width: 800px){
   .p-curr .select {
    width: 40% !important;
	}
}