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

.p-arrow a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: .48rem;
	width: .48rem;
	-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-radius: 50%;
	color: #00a0ff;
	font-size: .16rem;
	font-family: "iconfont";
	background: #fff;
	margin-right: .12rem;
	line-height: 1em
}

.p-arrow a:hover {
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #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;
	scroll-behavior: smooth
}

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

body.show {
	opacity: 1
}

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

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

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

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

a:hover {
	text-decoration: none;
	color: #00a0ff;
	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-Bold.woff2) format("woff2"),url(../image/DINPro-Bold.woff) format("woff"),url(../image/DINPro-Bold.ttf) format("truetype"),url(../image/DINPro-Bold.eot) format("embedded-opentype"),url(../image/DINPro-Bold.svg) format("svg");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,.06) 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: 1.69rem;
	background: url(../image/logo3.png) center no-repeat;
	background-size: 100%
}

.g-head .stock_code {
	position: absolute;
	left: 1.9rem;
	top: .42rem;
	height: .32rem;
	line-height: .32rem;
	border-left: rgba(255,255,255,.2) solid 1px;
	font-size: .16rem;
	padding-left: .2rem;
	color: #fff;
	white-space: nowrap
}

.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: #00a0ff
}

.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: #00a0ff
}

.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;
	font-size: .16rem;
	color: #dedede;
	position: relative
}

.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: #00a0ff
}

@media screen and (max-width: 1680px) {
	.g-head .g-nav {
		margin-left: -2.45rem
	}

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

@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,.08);
		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: #166aab;
		border-color: #166aab
	}

	.g-head .g-nav li .list a:hover:before {
		background: #00a0ff
	}

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

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

	.g-head .g-nav li:hover a.name:before {
		left: -0.05rem;
		right: -0.05rem;
		opacity: 1
	}

	.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: #fff
}

.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: 1.29rem;
	padding-top: .6rem
}

.g-foot .list {
	font-size: .18rem;
	line-height: .36rem;
	color: #f3f3f3;
	padding: .2rem 0 .35rem 0
}

.g-foot .list em {
	font-size: .2rem
}

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

.video-layer {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background: rgba(0,0,0,.5)
}

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

.video-layer .container {
	width: 12.8rem;
	position: relative;
	background: #fff;
	border-radius: .03rem;
	padding: .1rem
}

.video-layer .container .close {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: .46rem;
	height: .46rem;
	position: absolute;
	z-index: 5;
	top: .1rem;
	right: .1rem;
	background: rgba(0,0,0,.6);
	color: #fff;
	font-size: .18rem
}

.video-layer .container .close:hover {
	background: #00a0ff
}

.video-layer .container video {
	width: 100%;
	display: block
}

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

	.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 .stock_code {
		display: none
	}

	.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 {
		width: 1.29rem;
		margin: 0 auto
	}

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

	.g-foot .list em {
		font-size: .28rem
	}

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

	.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,.index-about .more a,.index-business .container .box .more a,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,.index-about .more a:after,.index-business .container .box .more a: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,.index-about .more a:hover,.index-business .container .box .more a:hover,a.p-more-gray:hover {
	background: #fff;
	border-color: #e8e8e8;
	color: #333
}

a.p-more:hover:after,.index-about .more a:hover:after,.index-business .container .box .more a: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,.index-about .more a,.index-business .container .box .more a,a.p-more-gray {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	a.p-more:after,.index-about .more a:after,.index-business .container .box .more a:after,a.p-more-gray:after {
		width: .6rem;
		font-size: .18rem
	}
}

.p-arrow,.index-business .arrow,.index-flash .arrow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.p-arrow a,.index-business .arrow a,.index-flash .arrow a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: .48rem;
	width: .48rem;
	-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-radius: 50%;
	color: #00a0ff;
	font-size: .16rem;
	font-family: "iconfont";
	background: #fff;
	margin-right: .12rem;
	line-height: 1em
}

.p-arrow a:hover,.index-business .arrow a:hover,.index-flash .arrow a:hover {
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #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 {
	padding: 0 1rem;
	height: 100vh;
	overflow: hidden;
	position: relative
}

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

.index-flash .list li .video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

.index-flash .list li .video video {
	display: block;
	min-height: 100vh;
	min-width: 100vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.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;
	z-index: 5
}

.index-flash .list li .title {
	opacity: 0
}

.index-flash .list li .title .en {
	font-size: .24rem;
	text-transform: uppercase;
	line-height: 1em
}

.index-flash .list li .title h5 {
	font-weight: 400;
	font-size: .56rem;
	line-height: 1em;
	padding: .1rem 0 .15rem 0;
	background: -webkit-linear-gradient(top, #eee, #ddd, #fff, #ddd, #eee);
	background: linear-gradient(to bottom, #eee, #ddd, #fff, #ddd, #eee);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.index-flash .list li .title p {
	font-size: .24rem;
	line-height: 1em;
	position: relative;
	padding-bottom: .24rem
}

.index-flash .list li .title p:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: .9rem;
	background: #00a0ff;
	display: none
}

.index-flash .btns {
	position: absolute;
	z-index: 5;
	bottom: .65rem;
	right: 2.2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.index-flash .btns a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: .7rem;
	margin-left: .78rem;
	color: #fff
}

.index-flash .btns a .img {
	height: .7rem;
	position: relative;
	background: #fff;
	border-radius: 50%
}

.index-flash .btns a .img:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: -webkit-linear-gradient(left, #1768a8 0%, #0082ce 100%);
	background: linear-gradient(90deg, #1768a8 0%, #0082ce 100%);
	opacity: 0
}

.index-flash .btns a .img img {
	position: relative;
	z-index: 2
}

.index-flash .btns a .img img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 3
}

.index-flash .btns a .img .yuan {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: -0.6rem;
	margin-top: -0.6rem;
	border-radius: 50%;
	opacity: 0
}

.index-flash .btns a .name {
	font-size: .2rem;
	padding-top: .24rem;
	line-height: 1em;
	white-space: nowrap
}

.index-flash .btns a:hover .img:before {
	opacity: 1
}

.index-flash .btns a:hover .img img:nth-child(1) {
	opacity: 0
}

.index-flash .btns a:hover .img img:nth-child(2) {
	opacity: 1
}

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

.index-flash .dots span:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8);
	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: .1rem;
	height: .1rem;
	-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;
	top: 50%;
	margin-top: 1.9rem;
	left: 1rem
}

.index-flash .ico {
	width: .22rem;
	position: absolute;
	z-index: 5;
	right: 1rem;
	bottom: .7rem
}

.index-flash .ico:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 1px;
	bottom: 0;
	width: 1px;
	background: rgba(255,255,255,.5)
}

.index-flash .ico div {
	position: relative
}

.index-flash .ico i {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: .19rem;
	background: #fff;
	border-radius: 1px
}

.index-title img,.index-news .side .title img,.index-about .title img,.index-business .title img {
	height: .43rem
}

.index-title h2,.index-news .side .title h2,.index-about .title h2,.index-business .title h2 {
	font-size: .3rem;
	line-height: 1em;
	padding-top: .1rem
}

.index-business {
	color: #fff;
	padding: 0 1rem;
	background-color: #000
}

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

.index-business .wal {
	max-width: 17.2rem;
	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;
	position: relative
}

.index-business .container {
	height: 5.9rem;
	position: relative
}

.index-business .container .box {
	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;
	width: 4.35rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.index-business .container .box .ico {
	width: .6rem
}

.index-business .container .box .name {
	position: relative;
	padding: .15rem 0 .25rem 0
}

.index-business .container .box .name:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .92rem;
	height: 1px;
	background: #0181cd
}

.index-business .container .box .name h5 {
	font-weight: 400;
	font-size: .24rem;
	line-height: 1em
}

.index-business .container .box .name .en {
	font-size: .14rem;
	line-height: 1em;
	color: #e7e7e7;
	padding-top: .06rem
}

.index-business .container .box p {
	font-size: .16rem;
	line-height: .3rem;
	color: #ebecec;
	text-align: justify;
	padding: .2rem 0 .45rem 0
}

.index-business .container .box.on {
	visibility: visible;
	opacity: 1
}

.index-business .list {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	margin-left: -0.37rem;
	right: -1rem;
	margin-top: -3.2rem;
	overflow: hidden
}

.index-business .list .list-wrapper {
	width: 13.92rem
}

.index-business .list li .box {
	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-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 6.7rem;
	padding: 0 .15rem .4rem .15rem;
	width: 3.98rem;
	position: relative;
	left: -0.65rem;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.index-business .list li .box .name {
	padding-bottom: .15rem
}

.index-business .list li .box .name h5 {
	font-weight: 400;
	font-size: .18rem;
	line-height: 1em;
	color: #fff
}

.index-business .list li .box .name .en {
	font-size: .14rem;
	line-height: 1em;
	color: #e7e7e7;
	padding-top: .06rem
}

.index-business .list li .box .bd {
	position: relative
}

.index-business .list li .box .bd .ico {
	width: .47rem;
	position: absolute;
	top: .2rem;
	right: .2rem;
	z-index: 3
}

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

.index-business .list li .box .bd .img {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: .1rem
}

.index-business .list li .box .bd .img img {
	width: 100%;
	height: 4.78rem
}

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

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

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

.index-business .list li.swiper-slide-next .box {
	left: 0
}

.index-business .list li.swiper-slide-active .box {
	width: 4.64rem;
	left: 0
}

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

.index-business .list li.swiper-slide-active .box .name h5 {
	font-size: .2rem
}

.index-business .list li.swiper-slide-active .box .bd .ico img:nth-child(1) {
	opacity: 0
}

.index-business .list li.swiper-slide-active .box .bd .ico img:nth-child(2) {
	opacity: 1
}

.index-business .list li.swiper-slide-active .box .bd .img img {
	height: 5.71rem;
	box-shadow: 0 .04rem .15rem rgba(0,0,0,.47)
}

.index-business .num {
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: 3.5rem;
	left: 1rem;
	font-family: "DINPro-Bold";
	font-size: .24rem;
	line-height: .24rem
}

.index-business .num span {
	font-size: .16rem;
	padding: 0 .04rem
}

.index-business .num .num-curr {
	font-size: .3rem;
	color: #00a0ff
}

.index-business .arrow {
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: 3.5rem;
	left: 50%;
	margin-left: -0.22rem
}

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

.index-about .wal {
	height: calc(100vh - 1rem);
	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
}

.index-about .title h2 {
	color: #3359a2
}

.index-about .name {
	position: relative;
	padding: .8rem 0 .25rem 0;
	color: #3359a2
}

.index-about .name:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .92rem;
	height: 1px;
	background: #3359a2
}

.index-about .name h5 {
	font-weight: 400;
	font-size: .24rem;
	line-height: 1em
}

.index-about .name .en {
	font-size: .18rem;
	line-height: 1em;
	padding-top: .06rem
}

.index-about .content {
	min-height: 2.6rem;
	width: 6.88rem;
	text-align: justify;
	font-size: .16rem;
	line-height: .3rem;
	padding: .15rem 0;
	position: relative;
	z-index: 5
}

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

.index-about .more {
	padding-bottom: 1.05rem
}

.index-about .list {
	width: 4.77rem
}

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

.index-about .list li {
	width: .83rem;
	height: .83rem;
	border: #ececec solid 1px;
	border-radius: .06rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-about .list li .ico {
	width: .43rem
}

.index-about .list li span {
	font-size: .14rem;
	color: #666;
	line-height: 1em;
	padding-top: .05rem;
	display: block
}

.index-about .video {
	width: 11.3rem;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.index-about .video .video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2rem;
	height: 2rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../image/btn107.png) center no-repeat;
	background-size: .75rem;
	cursor: pointer
}

.index-about .video .video-btn div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #00a0ff solid 1px;
	border-radius: 50%;
	opacity: 0
}

.index-news {
	padding: 0 1rem
}

.index-news .wal {
	height: 100vh;
	max-width: 17.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;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 1rem;
	position: relative
}

.index-news .wal:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(236,236,236,.59);
	margin-left: -4.45rem
}

.index-news .side {
	width: 3.5rem
}

.index-news .side .title {
	padding-bottom: .17rem;
	position: relative
}

.index-news .side .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .48rem;
	height: .02rem;
	background: #0181cd
}

.index-news .side .title img {
	height: .45rem
}

.index-news .side .title h2 {
	color: #3359a2
}

.index-news .side .nav {
	min-height: 2.94rem;
	padding: .3rem 0
}

.index-news .side .nav a {
	display: block;
	font-size: .16rem;
	line-height: .6rem;
	color: #414141
}

.index-news .side .nav a:hover,.index-news .side .nav a.on {
	color: #3359a2
}

.index-news .side .p-arrow,.index-news .side .index-flash .arrow,.index-flash .index-news .side .arrow,.index-news .side .index-business .arrow,.index-business .index-news .side .arrow {
	padding-top: 1.15rem
}

.index-news .side .p-arrow a,.index-news .side .index-flash .arrow a,.index-flash .index-news .side .arrow a,.index-news .side .index-business .arrow a,.index-business .index-news .side .arrow a {
	border: #ececec solid 1px
}

.index-news .list {
	width: 12.43rem;
	overflow: hidden;
	position: relative
}

.index-news .list .hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 4.2rem;
	background: #f6f6f6;
	padding-right: .35rem;
	position: relative
}

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

.index-news .list .hd .img {
	width: 6.2rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	position: relative
}

.index-news .list .hd .img img {
	width: 100%;
	height: 4.2rem
}

.index-news .list .hd .col {
	max-width: 5.45rem;
	width: 100%;
	padding-left: .2rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.index-news .list .hd .col .time {
	font-family: "DINPro-Bold";
	font-size: .16rem;
	padding-bottom: .16rem;
	color: #057dc6
}

.index-news .list .hd .col .time em {
	padding-left: .28rem
}

.index-news .list .hd .col .time span {
	padding-left: .12rem
}

.index-news .list .hd .col h5 {
	font-size: .24rem;
	line-height: .36rem;
	font-weight: 400;
	color: #1669a9
}

.index-news .list .hd .col p {
	min-height: 1.55rem;
	padding: .25rem 0;
	font-size: .14rem;
	line-height: .3rem;
	text-align: justify
}

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

.index-news .list .hd:hover .p-more,.index-news .list .hd:hover a.p-more-gray,.index-news .list .hd:hover .index-business .container .box .more a,.index-business .container .box .more .index-news .list .hd:hover a,.index-news .list .hd:hover .index-about .more a,.index-about .more .index-news .list .hd:hover a {
	background: #fff;
	border-color: #e8e8e8;
	color: #333
}

.index-news .list .hd:hover .p-more:after,.index-news .list .hd:hover a.p-more-gray:after,.index-news .list .hd:hover .index-business .container .box .more a:after,.index-business .container .box .more .index-news .list .hd:hover a:after,.index-news .list .hd:hover .index-about .more a:after,.index-about .more .index-news .list .hd:hover a:after {
	border-left-color: #e8e8e8
}

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

.index-news .list .dl-list dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -0.58rem
}

.index-news .list .dl-list dd {
	width: 33.333%;
	padding: .7rem .3rem 0 .58rem;
	position: relative
}

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

.index-news .list .dl-list dd .time {
	font-family: "DINPro-Bold";
	font-size: .16rem;
	color: #057dc6;
	line-height: 1em
}

.index-news .list .dl-list dd .time em {
	padding-left: .28rem
}

.index-news .list .dl-list dd h5 {
	font-size: .2rem;
	line-height: .33rem;
	font-weight: 600;
	height: 1.5rem;
	padding: .1rem 0
}

.index-news .list .dl-list dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 2.17rem;
	background: rgba(206,206,206,.3)
}

.index-news .list .dl-list dd:hover h5 a {
	color: #00a0ff
}

.index-news .list .dl-list dd:hover 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)
}

.index-news .list .dl-list dd:hover a.p-more-gray:after {
	border-color: rgba(255,255,255,.14)
}

@media screen and (min-width: 800px) {
	.index-news .list {
		height: calc(100vh - 1rem)
	}

	.index-news .list .list-wrapper {
		height: calc(100vh - 1rem)
	}

	.index-news .list li {
		height: calc(100vh - 1rem);
		overflow: hidden;
		position: relative
	}
}

@media screen and (max-height: 710px)and (min-width: 800px) {
	.index-news .list .dl-list dd {
		padding: .4rem .3rem 0 .58rem
	}

	.index-news .list .dl-list dd h5 {
		height: .66rem;
		overflow: hidden;
		position: relative;
		padding: 0;
		margin-top: .1rem;
		margin-bottom: .2rem
	}
}

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

	.index-flash .list li {
		padding: 0 .3rem;
		position: relative
	}

	.index-flash .list li:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.3)
	}

	.index-flash .list li .wal {
		position: relative
	}

	.index-flash .list li .title .en {
		font-size: .24rem
	}

	.index-flash .list li .title h5 {
		font-weight: bold
	}

	.index-flash .list li .title p {
		font-size: .26rem
	}

	.index-flash .btns {
		bottom: .65rem;
		right: 1rem
	}

	.index-flash .btns a {
		margin-left: .5rem
	}

	.index-flash .btns a .name {
		font-size: .24rem;
		margin-left: -0.3rem;
		margin-right: -0.3rem
	}

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

	.index-flash .arrow {
		left: .6rem
	}

	.index-flash .ico {
		right: .3rem;
		bottom: 1rem
	}

	.index-business {
		padding: 0
	}

	.index-business .container {
		height: 7rem
	}

	.index-business .container .box {
		width: 3rem
	}

	.index-business .container .box .name h5 {
		font-size: .28rem
	}

	.index-business .container .box .name .en {
		font-size: .22rem
	}

	.index-business .container .box p {
		font-size: .22rem;
		line-height: .36rem
	}

	.index-business .container .box .more a {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	.index-business .container .box .more a:after {
		width: .6rem;
		font-size: .18rem
	}

	.index-business .list .list-wrapper {
		width: 12rem
	}

	.index-business .list li.swiper-slide-active .box {
		width: 4rem
	}

	.index-business .list li.swiper-slide-active .box .name {
		padding-top: .1rem
	}

	.index-business .list li.swiper-slide-active .box .name h5 {
		font-size: .26rem
	}

	.index-business .list li.swiper-slide-active .box .name .en {
		font-size: .22rem
	}

	.index-business .num {
		margin-top: 3.5rem;
		left: .3rem;
		font-size: .28rem;
		line-height: .28rem
	}

	.index-business .num span {
		font-size: .22rem
	}

	.index-business .num .num-curr {
		font-size: .4rem
	}

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

	.index-about .name {
		padding: .4rem 0 .25rem 0;
		margin-bottom: .25rem
	}

	.index-about .name h5 {
		font-size: .28rem
	}

	.index-about .name .en {
		font-size: .22rem
	}

	.index-about .content {
		min-height: 1rem;
		width: 100%;
		font-size: .24rem;
		line-height: 1.5em;
		padding: 0
	}

	.index-about .content p {
		display: none
	}

	.index-about .content p:nth-child(1) {
		display: block
	}

	.index-about .more {
		padding: .3rem 0
	}

	.index-about .more a {
		width: 2rem;
		height: .62rem;
		font-size: .24rem
	}

	.index-about .more a:after {
		width: .6rem;
		font-size: .18rem
	}

	.index-about .list {
		width: 100%;
		padding-bottom: .5rem
	}

	.index-about .list li {
		width: 1.2rem;
		height: 1.2rem
	}

	.index-about .list li .ico {
		width: .6rem
	}

	.index-about .list li span {
		font-size: .22rem
	}

	.index-about .video {
		width: 80%;
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin: 0 auto
	}

	.index-news {
		padding: 0
	}

	.index-news .wal {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.index-news .wal:after {
		display: none
	}

	.index-news .side {
		width: 100%;
		position: relative
	}

	.index-news .side .nav {
		min-height: 1rem;
		padding: .3rem 0
	}

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

	.index-news .side .nav li {
		margin-right: .3rem
	}

	.index-news .side .nav a {
		line-height: .6rem;
		font-size: .28rem
	}

	.index-news .side .more {
		position: absolute;
		top: .4rem;
		right: 0
	}

	.index-news .side .p-arrow,.index-news .side .index-flash .arrow,.index-flash .index-news .side .arrow,.index-news .side .index-business .arrow,.index-business .index-news .side .arrow {
		padding-top: 0;
		position: absolute;
		top: 1.35rem;
		right: -0.2rem
	}

	.index-news .list {
		width: 100%
	}

	.index-news .list .hd {
		height: 2.6rem;
		padding-right: .25rem
	}

	.index-news .list .hd .img {
		width: 3.5rem
	}

	.index-news .list .hd .img img {
		height: 2.6rem
	}

	.index-news .list .hd .col .time {
		font-size: .24rem
	}

	.index-news .list .hd .col h5 {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
		overflow: hidden;
		margin-bottom: .2rem
	}

	.index-news .list .hd .col p {
		display: none
	}

	.index-news .list .dl-list dl {
		margin-left: -0.35rem
	}

	.index-news .list .dl-list dd {
		width: 50%;
		padding: .7rem .3rem 0 .35rem
	}

	.index-news .list .dl-list dd .time {
		font-size: .24rem
	}

	.index-news .list .dl-list dd h5 {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
		padding: 0;
		overflow: hidden;
		margin-top: .1rem;
		margin-bottom: .2rem
	}

	.index-news .list .dl-list dd:nth-child(3) {
		display: none
	}
}

.ellipsis,.news li .col h5,.video-list li .name p,.video-list li .name h5,.honor li .name,.p-banner .title .nav .list a {
	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
}

.p-arrow a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: .48rem;
	width: .48rem;
	-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-radius: 50%;
	color: #00a0ff;
	font-size: .16rem;
	font-family: "iconfont";
	background: #fff;
	margin-right: .12rem;
	line-height: 1em
}

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

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

.p-banner .wal {
	height: 7rem;
	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: .09rem;
	overflow: hidden;
	position: relative;
	top: .1rem
}

.p-banner .title .line div {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0
}

.p-banner .title .line div:nth-child(1) {
	left: 0;
	background: url(../image/line9-l.png) right center no-repeat;
	background-size: auto 100%
}

.p-banner .title .line div:nth-child(2) {
	right: 0;
	background: url(../image/line9-r.png) left center no-repeat;
	background-size: auto 100%
}

.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: .3rem;
	font-size: .28rem
}

.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: 50%;
	margin-right: -1rem;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .03rem .13rem 0 rgba(102,102,102,.08);
	width: 2rem;
	padding: .12rem 0;
	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: .48rem;
	height: .48rem;
	font-size: .16rem;
	text-align: center;
	padding: 0 .1rem;
	position: relative;
	z-index: 2
}

.p-banner .title .nav .list a:hover {
	color: #fff;
	background: #00a0ff
}

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

.about-1 {
	background: #fbfbfb;
	padding: .58rem 0 .68rem
}

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

.about-1 .video {
	width: 7.47rem;
	padding-top: .53rem;
	position: relative
}

.about-1 .video .title {
	width: 4.55rem;
	position: absolute;
	left: 0;
	top: 0
}

.about-1 .video .img {
	position: relative
}

.about-1 .video .img .video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2rem;
	height: 2rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../image/btn107.png) center no-repeat;
	background-size: .75rem;
	cursor: pointer
}

.about-1 .video .img .video-btn div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #00a0ff solid 1px;
	border-radius: 50%;
	opacity: 0
}

.about-1 .container {
	width: 5.33rem;
	background: #fff;
	border-top: #1c3c89 solid .03rem;
	padding: .45rem .42rem .3rem .42rem
}

.about-1 .container .title {
	position: relative
}

.about-1 .container .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .6rem;
	height: .03rem;
	background: #1c3c89;
	border-radius: .02rem
}

.about-1 .container .title h2 {
	font-size: .26rem;
	line-height: .36rem;
	font-weight: 400
}

.about-1 .container .title h2 em {
	color: #047cc6
}

.about-1 .container .title div {
	font-size: .16rem;
	line-height: .26rem;
	color: #ccc;
	padding: .2rem 0 .34rem 0
}

.about-1 .container .content {
	min-height: 3.31rem;
	padding: .3rem 0;
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify;
	color: #494949
}

.about-1 .container .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
}

.about-1 .container .list li {
	width: .83rem;
	height: .83rem;
	border: #ececec solid 1px;
	border-radius: .06rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about-1 .container .list li .ico {
	width: .43rem
}

.about-1 .container .list li span {
	font-size: .14rem;
	color: #666;
	line-height: 1em;
	padding-top: .05rem;
	display: block
}

.about-2 {
	padding: .45rem 0 1.16rem 0
}

.about-2 h2 {
	font-size: .2rem;
	line-height: 1em;
	color: #1768a8
}

.about-2 .content {
	font-size: .14rem;
	line-height: .26rem;
	color: #484848;
	padding: .13rem 0 .16rem 0
}

.about-2 .list {
	padding-top: .21rem
}

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

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

.about-2 .list li .img img {
	width: 100%;
	height: 2.82rem
}

.about-2 .list li .bd {
	min-height: 1.28rem;
	padding: .24rem .4rem .18rem .24rem;
	border: #eee solid 1px;
	border-top: 0
}

.about-2 .list li .bd h5 {
	font-size: .2rem;
	padding-bottom: .1rem;
	font-weight: 600;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.about-2 .list li .bd .msg {
	font-size: .14rem;
	line-height: .26rem;
	color: #484848;
	height: 0;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.about-2 .list li .bd .msg b {
	color: #1768a8;
	font-weight: 400
}

.about-2 .list li .bd .msg-1 {
	height: .52rem
}

.about-2 .list li:hover .img img {
	height: 2.1rem
}

.about-2 .list li:hover .bd h5 {
	color: #1768a8
}

.about-2 .list li:hover .bd .msg-1 {
	height: 0
}

.about-2 .list li:hover .bd .msg-2 {
	height: 1.3rem
}

.history {
	background: #f6f9fb;
	position: relative;
	width: 100%;
	overflow: hidden
}

.history .history-bg {
	background: url(../image/history.png) center bottom no-repeat;
	background-size: 100%;
	position: absolute;
	left: -1rem;
	top: 0;
	right: -1rem;
	bottom: 0
}

.history .wal {
	position: relative;
	z-index: 2;
	min-height: 5rem
}

.history .head-years {
	height: 2rem;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url(../image/line1280.png) center 1.3rem no-repeat;
	background-size: 100%;
	text-align: center;
	padding-top: .87rem
}

.history .head-years li {
	height: .9rem;
	position: relative;
	cursor: pointer
}

.history .head-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: url(../image/img10.png) center no-repeat;
	background-size: 100% 100%
}

.history .head-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: #00a0ff;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.history .head-years li .yuan {
	position: absolute;
	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
}

.history .head-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
}

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

.history .head-years li .year-big {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -2rem;
	top: -0.87rem;
	right: -2rem;
	font-size: 2rem;
	font-family: "DINPro-Bold";
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: 1em;
	height: 1.3rem;
	overflow: hidden;
	background: -webkit-linear-gradient(top, #eceff1 30%, #f6f9fb 150%);
	background: linear-gradient(180deg, #eceff1 30%, #f6f9fb 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.history .head-years li .year {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	right: 0;
	font-size: .16rem;
	line-height: .45rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

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

.history .head-years li:nth-child(odd) .year {
	top: .45rem
}

.history .head-years li.swiper-slide-active {
	cursor: default
}

.history .head-years li.swiper-slide-active:after {
	opacity: 1
}

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

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

.history .head-years li.swiper-slide-active .year {
	line-height: .9rem;
	top: 0;
	font-size: .24rem;
	font-weight: bold;
	color: #fff
}

.history .list {
	max-width: 9.43rem;
	margin: 0 auto
}

.history .list li {
	font-size: .16rem;
	line-height: .3rem;
	color: #454545;
	position: relative;
	padding-left: 1.9rem
}

.history .list li .time {
	position: absolute;
	left: 0;
	top: 0
}

.history .list li .name {
	padding-bottom: .1rem
}

.history .foot-years {
	position: relative;
	padding: .4rem .5rem .74rem .5rem
}

.history .foot-years .list-wrapper {
	max-width: 9.43rem;
	margin: 0 auto;
	text-align: center
}

.history .foot-years .list-wrapper 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
}

.history .foot-years .list-wrapper li {
	line-height: .48rem;
	color: #8b8b8b;
	font-size: .16rem;
	position: relative;
	cursor: pointer
}

.history .foot-years .list-wrapper li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: .38rem;
	width: .47rem;
	height: .03rem;
	border-radius: .1rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8);
	opacity: 0
}

.history .foot-years .list-wrapper li.on {
	color: #146cae
}

.history .foot-years .list-wrapper li.on:before {
	opacity: 1
}

.history .foot-years .p-arrow a {
	position: absolute;
	margin: 0;
	top: .4rem
}

.history .foot-years .p-arrow a.prev {
	left: 0
}

.history .foot-years .p-arrow a.next {
	right: 0
}

.group {
	background: #f6f9fb;
	position: relative;
	width: 100%;
	overflow: hidden
}

.group .history-bg {
	background: url(../image/history.png) center bottom no-repeat;
	background-size: 100%;
	position: absolute;
	left: -1rem;
	top: 0;
	right: -1rem;
	bottom: 0
}

.group .wal {
	min-height: 5rem;
	position: relative;
	padding: .61rem 0 .91rem 0
}

.group .title {
	position: absolute;
	left: 0;
	top: .58rem
}

.group .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .5rem;
	height: .02rem;
	background: #136daf
}

.group .title h2 {
	font-weight: 400;
	font-size: .24rem;
	line-height: 1
}

.group .title .en {
	font-size: .14rem;
	line-height: 1em;
	color: #999;
	padding: .07rem 0 .2rem 0
}

.honor {
	padding: .6rem 0 0 0
}

.honor 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.22rem;
	margin-bottom: -0.2rem
}

.honor li {
	width: 33.333%;
	padding: 0 0 .2rem .22rem
}

.honor li .img {
	border: #f3f3f3 solid 1px;
	padding: .13rem
}

.honor li .img img {
	width: 100%;
	height: 4.8rem
}

.honor li .name {
	border: #f3f3f3 solid 1px;
	border-top: 0;
	height: .62rem;
	line-height: .62rem;
	text-align: center;
	color: #666;
	font-size: .16rem;
	padding: 0 .2rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.honor li:hover .name {
	color: #156aaa
}

.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;
	width: .38rem;
	height: .38rem;
	margin: 0 .045rem;
	border: rgba(204,204,204,.5) solid 1px;
	border-radius: .02rem;
	font-size: .16rem;
	color: #999
}

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

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

.business {
	padding: .6rem 0 .75rem 0;
	min-height: 5rem;
	position: relative
}

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

.business .list .list-wrapper {
	margin-right: -0.3rem
}

.business .list li {
	padding-right: .3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

.business .list li .zoomImg {
	width: 8.58rem
}

.business .list li .zoomImg img {
	width: 100%;
	height: 6.7rem
}

.business .list li .col {
	width: 4.22rem;
	color: #fff;
	padding: .5rem .44rem 0 .44rem;
	background: url(../image/img384.png) left bottom no-repeat;
	background-size: 3.84rem
}

.business .list li .col .ico {
	width: .6rem
}

.business .list li .col .name {
	margin-right: -0.44rem;
	margin-left: -0.44rem;
	padding: .2rem .44rem .3rem .44rem;
	border-bottom: rgba(250,250,250,.1) solid 1px
}

.business .list li .col .name h5 {
	font-size: .24rem;
	line-height: 1em
}

.business .list li .col .name .en {
	font-size: .14rem;
	line-height: 1em;
	padding: .1rem 0 0 0
}

.business .list li .col .content {
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify;
	padding: .3rem 0
}

.business .num {
	position: absolute;
	z-index: 5;
	bottom: 1.28rem;
	left: 9.02rem;
	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;
	width: 1rem;
	border-bottom: rgba(255,255,255,.36) solid .02rem;
	padding-bottom: .12rem;
	color: #fff;
	font-size: .16rem;
	line-height: 1em
}

.business .num .line {
	position: absolute;
	left: 0;
	bottom: -0.02rem;
	width: .34rem;
	height: .02rem;
	background: #fff
}

.business .num .num-curr {
	font-size: .24rem;
	line-height: 1em;
	position: relative;
	top: .02rem
}

.business .num span {
	padding: 0 .03rem
}

.business .small-img {
	position: absolute;
	z-index: 5;
	bottom: 1.16rem;
	left: .48rem;
	width: 7.54rem
}

.business .small-img dl {
	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
}

.business .small-img dd {
	position: relative;
	width: 1.7rem;
	cursor: pointer
}

.business .small-img dd:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #0a77bd solid .02rem;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.business .small-img dd img {
	width: 100%;
	height: 1rem
}

.business .small-img dd.on:after {
	opacity: 1;
	visibility: visible
}

.video-list {
	padding-top: .6rem
}

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

.video-list li {
	width: 33.333%;
	padding: 0 0 .2rem .2rem
}

.video-list li .box {
	padding: .1rem .1rem 0 .1rem;
	border: #eee solid 1px;
	border-radius: .02rem
}

.video-list li .video {
	position: relative
}

.video-list li .video img {
	width: 100%;
	height: 2.7rem
}

.video-list li .video video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	visibility: hidden
}

.video-list li .video:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	background: url(../image/btn55.png) center no-repeat;
	background-size: .55rem;
	cursor: pointer
}

.video-list li .name {
	height: .8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.video-list li .name h5 {
	font-size: .16rem;
	height: .24rem;
	line-height: .24rem
}

.video-list li .name p {
	font-size: .14rem;
	height: .24rem;
	line-height: .24rem;
	color: #424242
}

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

.video-list li.on .video img {
	opacity: 0
}

.video-list li.on .video:after {
	background-image: url(../image/btn55on.png);
	opacity: 0
}

.video-list li.on .name h5 {
	color: #1669a9
}

.video-list li.on:hover .video:after {
	opacity: 1
}

.news {
	padding-top: .7rem
}

.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: .2rem 0;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.news li .zoomImg {
	width: 4.5rem;
	border-radius: .02rem
}

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

.news li .col {
	width: 7.75rem
}

.news li .col .time {
	font-size: .16rem;
	color: #1768a8
}

.news li .col h5 {
	font-size: .2rem;
	height: .48rem;
	line-height: .48rem
}

.news li .col p {
	padding: .1rem 0;
	min-height: .91rem;
	font-size: .16rem;
	line-height: .3rem;
	color: #3d3d3d
}

.news li:hover {
	background: #f8f8f8
}

.news li:hover .col h5 a {
	color: #1669a9
}

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

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

.p-num2 {
	border-top: #f1f1f1 solid 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: .3rem
}

.p-num2 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;
	line-height: 1em;
	font-size: .14rem;
	color: #666;
	width: 1.2rem;
	height: .4rem;
	border-radius: .02rem
}

.p-num2 a span {
	font-size: .12rem
}

.p-num2 a span,.p-num2 a em {
	padding: 0 .03rem
}

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

.news-show {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .55rem 0 1.07rem 0
}

.news-show .container {
	width: 8.54rem
}

.news-show .container .hd {
	border-bottom: #f1f1f1 solid 1px
}

.news-show .container .hd h2 {
	font-size: .2rem;
	line-height: 1.8em
}

.news-show .container .hd dl.info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: .1rem 0 .2rem 0
}

.news-show .container .hd dl.info dd {
	margin-right: .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;
	font-size: .14rem;
	color: #999
}

.news-show .container .hd dl.info dd img {
	width: .16rem;
	margin-right: .06rem
}

.news-show .container .content {
	font-size: .14rem;
	line-height: .3rem;
	text-align: justify;
	color: #3b3b3b;
	padding: .2rem 0
}

.news-show .container .content p,.news-show .container .content .img {
	padding-bottom: .2rem
}

.news-show .side {
	width: 3.76rem
}

.news-show .side .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	padding-left: .1rem;
	height: .43rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8)
}

.news-show .side .title img {
	width: .19rem;
	margin-right: .06rem
}

.news-show .side .title h2 {
	font-size: .2rem;
	line-height: 1em;
	font-weight: 400
}

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

.news-show .side .list a {
	display: block;
	background: #f8f8f8;
	font-size: .14rem;
	border-radius: .02rem
}

.news-show .side .list a .zoomImg {
	border-radius: .02rem
}

.news-show .side .list a .zoomImg img {
	width: 100%;
	height: 2.45rem
}

.news-show .side .list a .bd {
	padding: .15rem
}

.news-show .side .list a .bd .time {
	color: #1768a8
}

.news-show .side .list a .bd h5 {
	font-weight: 400;
	font-size: .18rem;
	line-height: .36rem;
	padding: .04rem 0 .02rem 0
}

.news-show .side .list a .bd p {
	line-height: .26rem;
	color: #666;
	padding-bottom: .06rem
}

.news-show .side .list a:hover .bd h5 {
	color: #1768a8
}

.system-1 {
	background: #f6f9fb;
	padding: .6rem 0 .74rem 0;
	width: 100%;
	overflow: hidden;
	position: relative
}

.system-1 .wal {
	background: #fff;
	min-height: 4.07rem;
	position: relative;
	padding-left: .32rem;
	max-width: 13.12rem
}

.system-1 .container {
	width: 4.48rem;
	min-height: 3.27rem;
	padding-top: .5rem;
	display: none
}

.system-1 .container .ico {
	width: .42rem
}

.system-1 .container .title {
	position: relative;
	padding-bottom: .18rem
}

.system-1 .container .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .94rem;
	height: .02rem;
	background: #116fb2
}

.system-1 .container .title h2 {
	font-size: .24rem;
	line-height: 1em;
	color: #116fb2;
	padding: .15rem 0 .12rem 0
}

.system-1 .container .title p {
	font-size: .16rem;
	line-height: 1em;
	color: #666
}

.system-1 .container .content {
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify;
	color: #666;
	padding: .15rem 0
}

.system-1 .p-arrow a {
	border: #efefef solid 1px
}

.system-1 .list {
	position: absolute;
	z-index: 2;
	left: 5.13rem;
	top: 0;
	width: 16.28rem;
	overflow: hidden
}

.system-1 .list li {
	padding-right: .17rem;
	position: relative
}

.system-1 .list li .img img {
	width: 100%;
	height: 4.07rem
}

.system-1 .list li .layer {
	position: absolute;
	left: 0;
	bottom: 0;
	right: .17rem;
	background: rgba(0,0,0,.5);
	top: 0;
	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: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #fff;
	padding: .25rem .4rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font-size: .16rem
}

.system-1 .list li .layer h5 {
	font-size: .24rem;
	padding-bottom: .05rem;
	font-weight: 400
}

.system-1 .list li.swiper-slide-active .layer {
	opacity: 0
}

.system-2 {
	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: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .55rem 0 1rem 0;
	max-width: 13.12rem
}

.system-2 .zoomImg {
	width: 5.12rem
}

.system-2 .list {
	width: 7.55rem
}

.system-2 .list .title h2 {
	font-size: .24rem;
	font-weight: 400;
	line-height: 1em;
	color: #116fb2
}

.system-2 .list .title p {
	font-size: .16rem;
	color: #666;
	padding: .1rem 0 .25rem 0;
	border-bottom: #eaeaea solid 1px
}

.system-2 .list li {
	border-bottom: #eaeaea solid 1px;
	padding: .35rem 0 .3rem .72rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.system-2 .list li:last-child {
	border: 0;
	padding-bottom: 0
}

.system-2 .list li .ico {
	width: .44rem;
	position: absolute;
	left: 0;
	top: .37rem
}

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

.system-2 .list li h5 {
	font-size: .18rem;
	line-height: .3rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.system-2 .list li .content {
	font-size: .16rem;
	line-height: .3rem;
	color: #666
}

.system-2 .list li:hover {
	border-color: #327bb8
}

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

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

.system-2 .list li:hover h5 {
	color: #00a0ff
}

.yobo-people {
	background: #f5f9fc;
	padding: .6rem 0 1.15rem
}

.yobo-people li {
	margin-bottom: .2rem;
	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: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: .41rem;
	background: #fff
}

.yobo-people li .zoomImg {
	width: 4.51rem
}

.yobo-people li .col {
	width: 7.34rem
}

.yobo-people li .col h5 {
	font-size: .2rem;
	color: #1669a9;
	line-height: 1em;
	font-weight: 400;
	border-bottom: #ededed solid 1px;
	padding-bottom: .15rem;
	margin-bottom: .1rem
}

.yobo-people li .col .content {
	font-size: .16rem;
	line-height: .3rem;
	text-align: justify
}

.join {
	background: #f5f9fc;
	padding: .6rem 0 .65rem 0
}

.join .search {
	padding-bottom: .21rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 20
}

.join .search .select {
	width: 1.8rem;
	height: .51rem;
	position: relative;
	z-index: 5;
	border: #e9e9e9 solid 1px;
	margin-right: .24rem;
	background: #fff
}

.join .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;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .49rem;
	font-size: .16rem;
	padding: 0 .2rem
}

.join .search .select .name:after {
	content: "";
	display: block;
	font-family: "iconfont";
	font-size: .14rem;
	color: #ccc
}

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

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

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

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

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

.join .search .select-2 {
	width: 3.07rem
}

.join .search .form {
	width: 3.82rem;
	height: .51rem;
	border: #e9e9e9 solid 1px;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.join .search .form .select {
	border: 0;
	height: .49rem;
	width: 1.12rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0
}

.join .search .form .select .name {
	padding: 0 0 0 .15rem
}

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

.join .search .form .input input::-webkit-input-placeholder {
	color: #ccc
}

.join .search .form .input input::-moz-placeholder {
	color: #ccc
}

.join .search .form .input input:-moz-placeholder {
	color: #ccc
}

.join .search .form .input input:-ms-input-placeholder {
	color: #ccc
}

.join .search .form .input textarea::-webkit-input-placeholder {
	color: #ccc
}

.join .search .form .input textarea::-moz-placeholder {
	color: #ccc
}

.join .search .form .input textarea:-moz-placeholder {
	color: #ccc
}

.join .search .form .input textarea:-ms-input-placeholder {
	color: #ccc
}

.join .search .form .input input {
	height: .46rem;
	line-height: .46rem;
	font-size: .16rem;
	color: #333;
	padding: 0 0 0 .35rem;
	width: 100%
}

.join .search .form .submit {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: .51rem;
	height: .49rem;
	font-family: "iconfont";
	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: .18rem;
	color: #666
}

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

.join .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	box-shadow: 0 0 .18rem 0 rgba(0,0,0,.04);
	padding-right: .39rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.join .list {
	width: 4.49rem;
	height: 6.9rem;
	overflow-y: auto
}

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

.join .list::-webkit-scrollbar-thumb {
	background: #00a0ff;
	border-radius: .06rem
}

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

.join .list li {
	height: 1.15rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 0 .4rem;
	cursor: pointer
}

.join .list li h5 {
	font-size: .18rem;
	font-weight: 400
}

.join .list li .en {
	font-size: .15rem;
	color: #888;
	padding-top: .08rem
}

.join .list li .tag {
	position: absolute;
	right: .4rem;
	top: 50%;
	border-radius: .5rem;
	width: .8rem;
	line-height: .3rem;
	text-align: center;
	font-size: .14rem;
	color: #fff;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	margin-top: -0.15rem
}

.join .list li:nth-child(even) {
	background: #fafafa
}

.join .list li:hover,.join .list li.on {
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	color: #f1fbff
}

.join .list li:hover .en,.join .list li.on .en {
	color: #c1dcf1
}

.join .list li:hover .tag,.join .list li.on .tag {
	background: #fff;
	color: #11346e
}

.join .container {
	width: 7.29rem;
	font-size: .16rem
}

.join .container dl.info-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .35rem 0 .15rem 0
}

.join .container dl.info-list dd {
	width: 27%;
	line-height: .34rem
}

.join .container dl.info-list dd:nth-child(3n+1) {
	width: 46%
}

.join .container h5 {
	font-size: .16rem;
	line-height: .34rem;
	border-top: #eee solid 1px;
	padding-top: .15rem
}

.join .container .content {
	line-height: .3rem;
	color: #3f3e3e;
	padding-bottom: .15rem
}

.join .container .btn {
	padding-top: .25rem
}

.join .container .btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: .02rem;
	width: 1.8rem;
	height: .5rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	color: #fff;
	line-height: 1em
}

.induction-process {
	padding: .7rem 0 .83rem 0
}

.induction-process .title h2 {
	font-size: .24rem;
	line-height: 1em;
	font-weight: 400;
	color: #156aac
}

.induction-process .title .en {
	font-size: .2rem;
	padding-top: .08rem;
	color: #666
}

.induction-process .canvas canvas {
	width: 100%
}

.contact {
	background: #f5f9fc
}

.contact .wal {
	padding: .6rem 0 .92rem
}

.contact .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.14);
	background: #fff
}

.contact .container {
	width: 6.37rem;
	min-height: 5.8rem;
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8);
	padding: .5rem .42rem .42rem;
	color: #fff
}

.contact .container .title h2 {
	font-size: .24rem;
	font-weight: 400;
	line-height: 1em
}

.contact .container .title .en {
	font-size: .14rem;
	color: #f5f5f5;
	line-height: 1em;
	padding: .1rem 0 .45rem 0
}

.contact .container .list {
	min-height: 3.5rem
}

.contact .container .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;
	padding-bottom: .3rem
}

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

.contact .container .list li .col {
	line-height: .26rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.contact .container .list li .col .name {
	font-size: .16rem;
	width: 100%
}

.contact .container .list li .col p {
	font-size: .18rem;
	padding-right: .5rem
}

.contact .container .list li .col p em {
	font-size: .16rem
}

.contact .container .btn a {
	display: block;
	width: 1.8rem;
	line-height: .5rem;
	text-align: center;
	background: #fff;
	border-radius: .03rem;
	font-size: .16rem;
	color: #136cae
}

.contact .container .btn a:hover {
	background: #136cae;
	color: #fff
}

.contact .form {
	width: 6.43rem;
	padding: .5rem .4rem .4rem .45rem
}

.contact .form .title {
	font-size: .24rem;
	line-height: 1em
}

.contact .form .content {
	font-size: .14rem;
	line-height: .26rem;
	color: #666;
	padding: .06rem 0 .22rem 0;
	position: relative
}

.contact .form .content:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: .9rem;
	height: .02rem;
	background: #1768a8
}

.contact .form .content em {
	color: red
}

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

.contact .form ul li {
	width: 2.56rem;
	border-bottom: #eee solid 1px
}

.contact .form ul li .name {
	padding: .27rem 0 .1rem 0;
	font-size: .14rem;
	line-height: 1em;
	color: #999;
	font-weight: 600
}

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

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

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

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

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

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

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

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

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

.contact .form ul li .input input,.contact .form ul li .input textarea {
	height: .35rem;
	line-height: .35rem;
	font-size: .14rem;
	color: #666;
	width: 100%
}

.contact .form ul li .input textarea {
	height: .82rem
}

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

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

.contact .form .btns .submit {
	border: #156aac solid 1px;
	border-radius: .03rem;
	background: -webkit-linear-gradient(top, #0082CE, #1768A8);
	background: linear-gradient(180deg, #0082CE, #1768A8);
	width: 1.78rem;
	height: .5rem
}

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

.contact .form .btns .submit:hover {
	background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
	background: linear-gradient(0deg, #0082CE, #1768A8)
}

.contact .form .btns img {
	width: 1.59rem;
	margin-right: .26rem;
	margin-left: .18rem
}

.contact .form .btns .input {
	width: 1.78rem;
	height: .5rem;
	border: #e5e5e5 solid 1px;
	border-radius: .03rem
}

.contact .form .btns .input input {
	width: 100%;
	height: .48rem;
	line-height: .48rem;
	text-align: center;
	font-size: .14rem
}

.contact .map {
	height: 6.7rem
}

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

.culture .wal {
	min-height: 9.32rem;
	position: relative
}

.culture .title {
	color: #fff;
	position: absolute;
	left: 0;
	top: .58rem
}

.culture .title h2 {
	font-size: .24rem;
	font-weight: 400
}

.culture .title .en {
	font-size: .2rem;
	padding-top: .06rem
}

.culture .list {
	height: 375px;
	position: relative;
	top: 2.54rem;
	width: 1280px;
	left: 50%;
	margin-left: -640px
}

.culture .list svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.culture .list .logo {
	width: 244px;
	position: absolute;
	left: 50%;
	top: 84px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.culture .list .pic-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.culture .list .pic-item .pic {
	position: absolute;
	left: -80px;
	top: -80px;
	width: 160px;
	cursor: pointer
}

.culture .list .pic-item .pic .box {
	height: 160px;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.culture .list .pic-item .pic .box .img {
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	z-index: 3
}

.culture .list .pic-item .pic .box .img img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.culture .list .pic-item .pic .box .name {
	color: #333;
	position: absolute;
	left: -25px;
	top: 25px
}

.culture .list .pic-item .pic .box .name .en {
	font-size: 16px;
	white-space: nowrap;
	line-height: 1em
}

.culture .list .pic-item .pic .box .name h5 {
	font-size: 12px;
	font-weight: 400;
	color: #666;
	line-height: 1em;
	padding-top: 6px
}

.culture .list .pic-item .pic .box .content {
	position: absolute;
	left: -25px;
	top: 80px;
	width: 100px;
	color: #fff;
	z-index: 5;
	font-size: 12px;
	line-height: 1.5em;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.culture .list .pic-item .pic.m3 .box {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9)
}

.culture .list .pic-item .pic.n2 .box,.culture .list .pic-item .pic.m1 .box {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.culture .list .pic-item .pic.n1 .box {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5)
}

.culture .list .pic-item .pic.on .box {
	-webkit-transform: scale(1.6);
	-ms-transform: scale(1.6);
	transform: scale(1.6)
}

.culture .list .pic-item .pic.on .box .img {
	cursor: default
}

.culture .list .pic-item .pic.on .box .img img:nth-child(1) {
	opacity: 0
}

.culture .list .pic-item .pic.on .box .img img:nth-child(2) {
	opacity: 1
}

.culture .list .pic-item .pic.on .box .name {
	color: #fff
}

.culture .list .pic-item .pic.on .box .name h5 {
	color: #fff;
	z-index: 5;
	position: relative
}

.culture .list .pic-item .pic.on .box .content {
	opacity: 1
}

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

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

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

	.p-banner .title .line {
		height: .04rem;
		top: .07rem
	}

	.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;
		height: .7rem;
		font-size: .24rem
	}

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

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

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

	.about-1 .container .title h2 {
		font-size: .32rem;
		line-height: .48rem
	}

	.about-1 .container .title div {
		font-size: .24rem;
		line-height: .4rem
	}

	.about-1 .container .content {
		font-size: .24rem;
		line-height: 1.7em
	}

	.about-1 .container .list li {
		width: 1.2rem;
		height: 1.2rem
	}

	.about-1 .container .list li .ico {
		width: .6rem
	}

	.about-1 .container .list li span {
		font-size: .22rem
	}

	.about-2 h2 {
		font-size: .26rem
	}

	.about-2 .content {
		font-size: .24rem;
		line-height: 1.7em
	}

	.about-2 .list li .img img {
		height: 2rem
	}

	.about-2 .list li .bd {
		padding: .24rem .2rem .18rem .2rem
	}

	.about-2 .list li .bd h5 {
		font-size: .26rem
	}

	.about-2 .list li .bd .msg {
		font-size: .22rem;
		line-height: .36rem
	}

	.about-2 .list li .bd .msg-1 {
		height: 2.16rem
	}

	.about-2 .list li:hover .img img {
		height: 2rem
	}

	.about-2 .list li:hover .bd .msg-2 {
		height: 5.04rem
	}

	.history .head-years li .year {
		font-size: .24rem
	}

	.history .head-years li.swiper-slide-active .year {
		font-size: .28rem
	}

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

	.history .list li {
		font-size: .24rem;
		line-height: .44rem
	}

	.history .foot-years {
		position: relative;
		padding: .4rem .5rem .74rem .5rem;
		display: none
	}

	.history .foot-years .list-wrapper {
		max-width: 9.43rem;
		margin: 0 auto;
		text-align: center
	}

	.history .foot-years .list-wrapper 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
	}

	.history .foot-years .list-wrapper li {
		line-height: .48rem;
		color: #8b8b8b;
		font-size: .16rem;
		position: relative;
		cursor: pointer
	}

	.history .foot-years .list-wrapper li:before {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: .38rem;
		width: .47rem;
		height: .03rem;
		border-radius: .1rem;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);
		background: linear-gradient(0deg, #0082CE, #1768A8);
		opacity: 0
	}

	.history .foot-years .list-wrapper li.on {
		color: #146cae
	}

	.history .foot-years .list-wrapper li.on:before {
		opacity: 1
	}

	.history .foot-years .p-arrow a {
		position: absolute;
		margin: 0;
		top: .4rem
	}

	.history .foot-years .p-arrow a.prev {
		left: 0
	}

	.history .foot-years .p-arrow a.next {
		right: 0
	}

	.group .wal {
		padding: 1.61rem 0 .91rem 0
	}

	.group .title h2 {
		font-size: .28rem
	}

	.group .title .en {
		font-size: .22rem
	}

	.honor li {
		width: 50%
	}

	.honor li .img img {
		height: 3.6rem
	}

	.honor li .name {
		height: .9rem;
		line-height: .9rem;
		font-size: .24rem
	}

	.p-num a {
		width: .6rem;
		height: .6rem;
		margin: 0 .05rem;
		font-size: .26rem
	}

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

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

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

	.business .list li .zoomImg img {
		height: 6rem
	}

	.business .list li .col {
		width: 100%
	}

	.business .list li .col .name h5 {
		font-size: .28rem
	}

	.business .list li .col .name .en {
		font-size: .22rem
	}

	.business .list li .col .content {
		font-size: .24rem;
		line-height: 1.75em
	}

	.business .num {
		display: none
	}

	.business .small-img {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		padding-top: .3rem
	}

	.business .small-img dd {
		width: 1.6rem
	}

	.video-list li {
		width: 50%
	}

	.video-list li .video img {
		height: 2.2rem
	}

	.video-list li .name {
		height: 1rem
	}

	.video-list li .name h5 {
		font-size: .24rem;
		height: .34rem;
		line-height: .34rem
	}

	.video-list li .name p {
		font-size: .22rem;
		height: .34rem;
		line-height: .34rem
	}

	.news li .wal {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: .3rem 0
	}

	.news li .zoomImg {
		width: 100%
	}

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

	.news li .col {
		width: 100%;
		padding-top: .25rem
	}

	.news li .col .time {
		font-size: .26rem
	}

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

	.news li .col p {
		padding: 0 0 .25rem 0;
		font-size: .24rem;
		line-height: .44rem
	}

	.news li:hover {
		background: #f8f8f8
	}

	.news li:hover .col h5 a {
		color: #1669a9
	}

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

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

	.p-num2 a {
		font-size: .24rem;
		width: 1.8rem;
		height: .62rem
	}

	.p-num2 a span {
		font-size: .2rem
	}

	.p-num2 a span,.p-num2 a em {
		padding: 0 .05rem
	}

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

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

	.news-show .container .hd h2 {
		font-size: .28rem
	}

	.news-show .container .hd dl.info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: .1rem 0 .3rem 0
	}

	.news-show .container .hd dl.info dd {
		font-size: .24rem
	}

	.news-show .container .hd dl.info dd img {
		width: .2rem;
		margin-right: .1rem
	}

	.news-show .container .content {
		font-size: .24rem;
		line-height: 1.75em;
		padding: .3rem 0
	}

	.news-show .side {
		width: 100%;
		padding-top: .5rem
	}

	.news-show .side .title {
		padding-left: .2rem;
		height: .62rem
	}

	.news-show .side .title img {
		width: .22rem;
		margin-right: .1rem
	}

	.news-show .side .title h2 {
		font-size: .28rem
	}

	.news-show .side .list {
		padding-top: .2rem
	}

	.news-show .side .list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -0.2rem
	}

	.news-show .side .list li {
		padding-left: .2rem;
		width: 50%
	}

	.news-show .side .list li:nth-child(3) {
		display: none
	}

	.news-show .side .list a .bd {
		font-size: .24rem
	}

	.news-show .side .list a .bd h5 {
		font-size: .26rem;
		line-height: .44rem
	}

	.news-show .side .list a .bd p {
		line-height: .38rem;
		font-size: .22rem
	}

	.system-1 .container {
		width: 100%
	}

	.system-1 .container .title h2 {
		font-size: .28rem
	}

	.system-1 .container .title p {
		font-size: .22rem
	}

	.system-1 .container .content {
		font-size: .24rem;
		line-height: 1.7em;
		padding: .2rem 0
	}

	.system-1 .list {
		position: relative;
		left: 0;
		width: 12.5rem;
		padding: .3rem 0
	}

	.system-2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.system-2 .zoomImg {
		width: 5.12rem
	}

	.system-2 .list {
		width: 100%;
		padding-top: .4rem
	}

	.system-2 .list .title h2 {
		font-size: .28rem
	}

	.system-2 .list .title p {
		font-size: .22rem
	}

	.system-2 .list li h5 {
		font-size: .26rem;
		line-height: .42rem
	}

	.system-2 .list li .content {
		font-size: .22rem;
		line-height: 1.7em
	}

	.yobo-people li {
		margin-bottom: .3rem;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-right: 0
	}

	.yobo-people li .zoomImg {
		width: 100%
	}

	.yobo-people li .col {
		width: 100%;
		padding: .3rem
	}

	.yobo-people li .col h5 {
		font-size: .28rem
	}

	.yobo-people li .col .content {
		font-size: .24rem;
		line-height: 1.7em
	}

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

	.join .search .select {
		width: 2.4rem;
		height: .72rem;
		margin-right: 0
	}

	.join .search .select .name {
		height: .7rem;
		font-size: .24rem;
		padding: 0 .24rem
	}

	.join .search .select .name:after {
		font-size: .2rem
	}

	.join .search .select dl {
		padding: 0 .24rem
	}

	.join .search .select dl a {
		font-size: .24rem;
		padding: .1rem 0
	}

	.join .search .select-2 {
		width: 4.3rem
	}

	.join .search .form {
		width: 100%;
		height: .72rem;
		position: relative;
		margin-top: .2rem
	}

	.join .search .form .select {
		height: .68rem;
		width: 2.1rem
	}

	.join .search .form .select .name {
		padding: 0 0 0 .24rem
	}

	.join .search .form .input input {
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem
	}

	.join .search .form .submit {
		width: .7rem;
		height: .7rem;
		font-size: .24rem
	}

	.join .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-right: 0
	}

	.join .list {
		width: 100%
	}

	.join .list li {
		height: 1.15rem
	}

	.join .list li h5 {
		font-size: .28rem
	}

	.join .list li .en {
		font-size: .22rem
	}

	.join .list li .tag {
		width: 1.3rem;
		line-height: .4rem;
		font-size: .24rem;
		margin-top: -0.2rem
	}

	.join .container {
		width: 100%;
		font-size: .24rem;
		padding: .3rem
	}

	.join .container dl.info-list dd {
		width: 50%;
		line-height: .5rem
	}

	.join .container dl.info-list dd:nth-child(3n+1) {
		width: 100%
	}

	.join .container h5 {
		font-size: .26rem;
		line-height: .44rem;
		padding-top: .25rem
	}

	.join .container .content {
		line-height: .44rem;
		padding-bottom: .25rem
	}

	.join .container .btn a {
		width: 2.4rem;
		height: .7rem
	}

	.induction-process .title {
		padding-bottom: .3rem
	}

	.induction-process .title h2 {
		font-size: .28rem
	}

	.induction-process .title .en {
		font-size: .22rem
	}

	.contact .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.contact .container {
		width: 100%;
		min-height: 1rem
	}

	.contact .container .title h2 {
		font-size: .3rem
	}

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

	.contact .container .list li {
		padding-bottom: .3rem
	}

	.contact .container .list li .ico {
		width: .5rem
	}

	.contact .container .list li .col {
		line-height: .44rem
	}

	.contact .container .list li .col .name {
		font-size: .24rem
	}

	.contact .container .list li .col p {
		font-size: .28rem
	}

	.contact .container .list li .col p em {
		font-size: .24rem
	}

	.contact .container .btn a {
		width: 2.2rem;
		line-height: .7rem;
		font-size: .26rem
	}

	.contact .form .title {
		font-size: .28rem;
		font-weight: 600
	}

	.contact .form .content {
		font-size: .24rem;
		line-height: 1.7em;
		padding: .15rem 0 .22rem 0
	}

	.contact .form ul li {
		width: 2.6rem
	}

	.contact .form ul li .name {
		padding: .3rem 0 .1rem 0;
		font-size: .24rem
	}

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

	.contact .form ul li .input textarea {
		height: 2rem
	}

	.contact .form .btns {
		padding-top: .25rem
	}

	.contact .form .btns .submit {
		width: 2rem;
		height: .7rem
	}

	.contact .form .btns .submit input {
		height: .66rem;
		font-size: .26rem
	}

	.contact .form .btns .input {
		width: 2rem;
		height: .7rem
	}

	.contact .form .btns .input input {
		height: .66rem;
		line-height: .66rem;
		font-size: .24rem
	}

	.contact .map {
		height: 4rem
	}

	.culture .wal {
		min-height: 9.32rem;
		position: relative
	}

	.culture .title h2 {
		font-size: .32rem
	}

	.culture .title .en {
		font-size: .24rem
	}

	.culture .list {
		top: 1.2rem
	}

	.culture .list .pic-item .pic .box .name .en {
		font-size: 18px
	}

	.culture .list .pic-item .pic .box .name h5 {
		font-size: 15px
	}

	.culture .list .pic-item .pic .box .content {
		width: 150px;
		font-size: 15px
	}
}
