@charset "utf-8";
.header {
	box-shadow:0 2px 2px rgb (0 0 0/8%)
}
.header, .header-fixed {
	background-color:hsla(0, 0%, 100%, 0)
}
.header .menu a {
	color:#333
}
.header:after {
	background-color:#fff;
	content:" ";
	height:100%;
	left:0;
	opacity:.85;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1
}
.search .search-box input {
	background-color:#999
}
.search .search-box input::-webkit-input-placeholder {
color:#fff
}
.search .search-box input:-moz-placeholder {
color:#fff
}
.search .search-box input:-ms-input-placeholder {
color:#fff
}
.search .search-box input::-ms-input-placeholder {
color:#fff
}
.search .search-box input::-moz-placeholder {
color:#fff
}
.search .search-box input::placeholder {
color:#fff
}
.float-menu .float-menu-text {
	color:#999
}
.search .search-box .search-btn {
	color:#fff
}
.header-fixed .search .store-link, .header-fixed .search-box .search-btn, .search .language {
	color:#666
}
.home-toutiao-bg {
	background-color:#fff;
	background-image:none
}
.home-ingenuity {
padding-left:calc(16% + 320px)!important
}
.home-ingenuity-bg {
	background:#fff;
width:calc(16% + 320px)!important
}
.home-ingenuity-write {
	display:flex!important
}
.home-ingenuity-write-bg {
	background-color:#fff;
margin-right:3px;
	width:16%!important
}
#product-menu:before {
	background-image:url(/_nuxt/img/product-bg.2149774.png);
	background-position:0 100%;
	background-size:cover;
	content:" ";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0
}
#product-menu .home-society-cate {
	-webkit-backdrop-filter:blur(0);
	-moz-backdrop-filter:blur(0);
	-o-backdrop-filter:blur(0);
	backdrop-filter:blur(0);
	background:none!important
}
#product-menu:after {
	background-color:#fff
}
#product-menu .home-society-cate:after {
	display:none
}
.home-product-cate a, .home-society-cate a {
	color:#333
}
.home-product-cate a.home-product-cate-big {
	border-color:#000;
	color:#000
}
.home-product-cate a.home-product-cate-big font {
	position:relative
}
.home-product-cate a.home-product-cate-big font:after {
	background-color:#000;
bottom:-.05px;
	content:" ";
height:.04px;
	left:0;
	position:absolute;
	width:100%
}
.home-product-cate a.home-product-cate-big:hover font:after {
	background-color:#163168
}
#product-menu a:hover {
	color:#163168
}
.home-ingenuity .home-ingenuity-item {
	background-size:cover!important;
	padding:0!important
}
.home-ingenuity .home-ingenuity-item:after {
	display:none
}
.home-ingenuity-item-active .home-ingenuity-text {
	padding:0
}
.home-ingenuity .home-ingenuity-item-1 {
	background:url(/_nuxt/img/jiangxin-1.cadef2d.png);
	background-size:cover
}
.home-ingenuity .home-ingenuity-item-2 {
	background:url(/_nuxt/img/jiangxin-2.ec9163d.png);
	background-size:cover
}
.home-ingenuity .home-ingenuity-item-3 {
	background-size:cover
}
.home-ingenuity .home-ingenuity-item-1.home-ingenuity-item-active {
	background:url(/_nuxt/img/jiangxin-1-hover.ac36bc1.png)
}
.home-ingenuity .home-ingenuity-item-2.home-ingenuity-item-active {
	background:url(/_nuxt/img/jiangxin-2-hover.5ebd39a.png)
}
.home-ingenuity .home-ingenuity-item-3.home-ingenuity-item-active {
	background:url(/_nuxt/img/jiangxin-3-hover.ba6dac6.png)
}
.home-ingenuity-item-content span {
	color:#333;
font-size:.64px;
margin-bottom:.16px
}
.home-ingenuity-item-content font {
	color:#333;
font-size:.24px
}
.home-ingenuity .home-ingenuity-item-active .home-ingenuity-item-content font, .home-ingenuity .home-ingenuity-item-active .home-ingenuity-item-content span {
	color:#fff
}
.home-ingenuity .home-ingenuity-item-active .home-ingenuity-item-content:after {
	background-color:#fff;
bottom:-.06px;
	content:" ";
height:.03px;
	left:0;
	position:absolute;
	width:100%
}
.home-ingenuity .home-ingenuity-item-active .home-ingenuity-item-content {
	position:relative
}
.home-ingenuity-item-content {
	cursor:pointer
}
.home-ingenuity-item-active .home-ingenuity-text {
	justify-content:center
}
.home-ingenuity-text a {
	background:none!important;
font-size:.16px;
font-size:.14px;
	left:50%;
margin-left:-.6px
}
.home-ingenuity-text a span {
	color:#163168!important;
font-size:.16px;
	opacity:.8;
	position:relative
}
.home-ingenuity-text a span:after {
	background-color:#163168;
bottom:-.06px;
	content:" ";
height:.02px;
	left:0;
	position:absolute;
	width:100%
}
.home-ingenuity-text a span:hover {
	opacity:1
}
.home-ingenuity-text a:after {
	display:none
}
.home-ingenuity-item-active .home-ingenuity-text a {
	left:50%;
margin-left:-.6px
}
.home-society-write {
	height:100%;
padding-bottom:.3px;
padding-left:calc(16% + .32px)!important;
padding-top:.78px;
	position:relative;
	width:100%
}
.home-society-write .home-society-bg1 {
	background:#fff;
width:calc(16% + .32px)!important
}
.home-society-write-content-right {
margin-left:.3px;
	width:25%!important
}
.home-society-write-content-footer {
margin-top:.32px
}
.home-society-write-content-footer a {
border-top:.02px solid #333;
	color:#333;
font-size:.18px;
line-height:.42px;
margin-left:.16px;
padding-bottom:.2px;
padding-top:.2px
}
.home-society-write-content-footer a:first-child {
	margin:0
}
.home-society-write-content-footer a.active {
border-top:.02px solid #163168;
	color:#163168;
font-size:.18px;
line-height:.42px;
padding-top:.2px
}
.home-society-write-content {
	height:100%
}
.home-society-write-content-header {
	background-size:cover;
	height:100%;
	overflow:hidden;
	width:100%
}
.home-society-write-content-header img {
	width:100%
}
.home-society-write-content-right {
padding-right:.3px
}
.home-society-write-content-right h2.title-primary {
	color:#333;
font-size:.3px;
line-height:.4px;
margin-bottom:.2px
}
.home-society-write-content-right p {
	color:#666;
font-size:.16px;
line-height:.28px
}
.home-society-write-content-right div {
margin-top:.32px
}
.home-society-write-content-right div a {
	color:#163168;
	font-family:PingFangSC-Regular;
font-size:.16px;
	opacity:.8;
	position:relative
}
.home-society-write-content-right div a:after {
	background-color:#163168;
bottom:-.1px;
	content:" ";
height:.02px;
	left:0;
	opacity:.8;
	position:absolute;
	width:100%
}
.home-society-cate {
	background-color:hsla(0, 0%, 100%, 0)
}
.home-society-cate:after {
	background-color:#fff
}

.home-industry-img {
	display:none
}
.home-industry:after {
	background:url(/_nuxt/img/bg2.7302240.png);
	background-position:50%;
	background-size:cover;
	content:" ";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
#float-menu[float-menu="0"] .float-menu-text, #float-menu[float-menu="5"] .float-menu-text {
	color:#fff
}
#float-menu a.active .float-menu-text {
	color:#163168!important
}
.home-industry-title {
	color:#333
}
.home-industry-title-en {
	color:#163168
}
.home-industry-footer {
	z-index:999
}
.home-industry-title-en:after {
	background-color:#163168
}
#home-society-content-write .home-society-content-box {
	display:none
}
#home-society-content-write .home-society-content-box-active {
	display:block;
	margin-top:0
}
.home-product-panel {
	background-color:hsla(0, 0%, 100%, 0)
}
.home-product-panel:after {
	background-color:#fff
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */@keyframes bounce {
0%, 20%, 53%, 80%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translateZ(0)
}
40%, 43% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	animation-name:bounce;
	transform-origin:center bottom
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	animation-name:flash
}
@keyframes pulse {
0% {
transform:scaleX(1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	transform:scaleX(1)
}
}
.pulse {
	animation-name:pulse
}
@keyframes rubberBand {
0% {
transform:scaleX(1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
to {
	transform:scaleX(1)
}
}
.rubberBand {
	animation-name:rubberBand
}
@keyframes shake {
0%, to {
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shake {
	animation-name:shake
}
@keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
.headShake {
	animation-name:headShake;
	animation-timing-function:ease-in-out
}
@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
to {
	transform:rotate(0deg)
}
}
.swing {
	animation-name:swing;
	transform-origin:top center
}
@keyframes tada {
0% {
transform:scaleX(1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	transform:scaleX(1)
}
}
.tada {
	animation-name:tada
}
@keyframes wobble {
0% {
transform:translateZ(0)
}
15% {
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	transform:translateZ(0)
}
}
.wobble {
	animation-name:wobble
}
@keyframes jello {
0%, 11.1%, to {
transform:translateZ(0)
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
	animation-name:jello;
	transform-origin:center
}
@keyframes heartBeat {
0% {
transform:scale(1)
}
14% {
transform:scale(1.3)
}
28% {
transform:scale(1)
}
42% {
transform:scale(1.3)
}
70% {
transform:scale(1)
}
}
.heartBeat {
	animation-duration:1.3s;
	animation-name:heartBeat;
	animation-timing-function:ease-in-out
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
	opacity:1;
	transform:scaleX(1)
}
}
.bounceIn {
animation-duration:.75s;
	animation-name:bounceIn
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
	transform:translateZ(0)
}
}
.bounceInDown {
	animation-name:bounceInDown
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
	transform:translateZ(0)
}
}
.bounceInLeft {
	animation-name:bounceInLeft
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
	transform:translateZ(0)
}
}
.bounceInRight {
	animation-name:bounceInRight
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
	transform:translateZ(0)
}
}
.bounceInUp {
	animation-name:bounceInUp
}
@keyframes bounceOut {
20% {
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity:0;
	transform:scale3d(.3, .3, .3)
}
}
.bounceOut {
animation-duration:.75s;
	animation-name:bounceOut
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
	opacity:0;
	transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	animation-name:bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
	opacity:0;
	transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	animation-name:bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
	opacity:0;
	transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	animation-name:bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
	opacity:0;
	transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	animation-name:bounceOutUp
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	animation-name:fadeIn
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInDown {
	animation-name:fadeInDown
}
@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInDownBig {
	animation-name:fadeInDownBig
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInLeft {
	animation-name:fadeInLeft
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInLeftBig {
	animation-name:fadeInLeftBig
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInRight {
	animation-name:fadeInRight
}
@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInRightBig {
	animation-name:fadeInRightBig
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInUp {
	animation-name:fadeInUp
}
@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.fadeInUpBig {
	animation-name:fadeInUpBig
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity:0
}
}
.fadeOut {
	animation-name:fadeOut
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	animation-name:fadeOutDown
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	animation-name:fadeOutRight
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	animation-name:fadeOutRightBig
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	animation-name:fadeOutUp
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	animation-name:fadeOutUpBig
}
@keyframes flip {
0% {
animation-timing-function:ease-out;
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
}
40% {
animation-timing-function:ease-out;
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
}
50% {
animation-timing-function:ease-in;
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
}
80% {
animation-timing-function:ease-in;
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
}
to {
	animation-timing-function:ease-in;
	transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
}
}
.animated.flip {
	animation-name:flip;
	backface-visibility:visible
}
@keyframes flipInX {
0% {
animation-timing-function:ease-in;
opacity:0;
transform:perspective(400px) rotateX(90deg)
}
40% {
animation-timing-function:ease-in;
transform:perspective(400px) rotateX(-20deg)
}
60% {
opacity:1;
transform:perspective(400px) rotateX(10deg)
}
80% {
transform:perspective(400px) rotateX(-5deg)
}
to {
	transform:perspective(400px)
}
}
.flipInX {
	animation-name:flipInX;
	backface-visibility:visible!important
}
@keyframes flipInY {
0% {
animation-timing-function:ease-in;
opacity:0;
transform:perspective(400px) rotateY(90deg)
}
40% {
animation-timing-function:ease-in;
transform:perspective(400px) rotateY(-20deg)
}
60% {
opacity:1;
transform:perspective(400px) rotateY(10deg)
}
80% {
transform:perspective(400px) rotateY(-5deg)
}
to {
	transform:perspective(400px)
}
}
.flipInY {
	animation-name:flipInY;
	backface-visibility:visible!important
}
@keyframes flipOutX {
0% {
transform:perspective(400px)
}
30% {
opacity:1;
transform:perspective(400px) rotateX(-20deg)
}
to {
	opacity:0;
	transform:perspective(400px) rotateX(90deg)
}
}
.flipOutX {
animation-duration:.75s;
	animation-name:flipOutX;
	backface-visibility:visible!important
}
@keyframes flipOutY {
0% {
transform:perspective(400px)
}
30% {
opacity:1;
transform:perspective(400px) rotateY(-15deg)
}
to {
	opacity:0;
	transform:perspective(400px) rotateY(90deg)
}
}
.flipOutY {
animation-duration:.75s;
	animation-name:flipOutY;
	backface-visibility:visible!important
}
@keyframes lightSpeedIn {
0% {
opacity:0;
transform:translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
opacity:1;
transform:skewX(20deg)
}
80% {
transform:skewX(-5deg)
}
to {
	transform:translateZ(0)
}
}
.lightSpeedIn {
	animation-name:lightSpeedIn;
	animation-timing-function:ease-out
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(100%, 0, 0) skewX(30deg)
}
}
.lightSpeedOut {
	animation-name:lightSpeedOut;
	animation-timing-function:ease-in
}
@keyframes rotateIn {
0% {
opacity:0;
transform:rotate(-200deg);
transform-origin:center
}
to {
	opacity:1;
	transform:translateZ(0);
	transform-origin:center
}
}
.rotateIn {
	animation-name:rotateIn
}
@keyframes rotateInDownLeft {
0% {
opacity:0;
transform:rotate(-45deg);
transform-origin:left bottom
}
to {
	opacity:1;
	transform:translateZ(0);
	transform-origin:left bottom
}
}
.rotateInDownLeft {
	animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight {
0% {
opacity:0;
transform:rotate(45deg);
transform-origin:right bottom
}
to {
	opacity:1;
	transform:translateZ(0);
	transform-origin:right bottom
}
}
.rotateInDownRight {
	animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft {
0% {
opacity:0;
transform:rotate(45deg);
transform-origin:left bottom
}
to {
	opacity:1;
	transform:translateZ(0);
	transform-origin:left bottom
}
}
.rotateInUpLeft {
	animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight {
0% {
opacity:0;
transform:rotate(-90deg);
transform-origin:right bottom
}
to {
	opacity:1;
	transform:translateZ(0);
	transform-origin:right bottom
}
}
.rotateInUpRight {
	animation-name:rotateInUpRight
}
@keyframes rotateOut {
0% {
opacity:1;
transform-origin:center
}
to {
	opacity:0;
	transform:rotate(200deg);
	transform-origin:center
}
}
.rotateOut {
	animation-name:rotateOut
}
@keyframes rotateOutDownLeft {
0% {
opacity:1;
transform-origin:left bottom
}
to {
	opacity:0;
	transform:rotate(45deg);
	transform-origin:left bottom
}
}
.rotateOutDownLeft {
	animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight {
0% {
opacity:1;
transform-origin:right bottom
}
to {
	opacity:0;
	transform:rotate(-45deg);
	transform-origin:right bottom
}
}
.rotateOutDownRight {
	animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft {
0% {
opacity:1;
transform-origin:left bottom
}
to {
	opacity:0;
	transform:rotate(-45deg);
	transform-origin:left bottom
}
}
.rotateOutUpLeft {
	animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight {
0% {
opacity:1;
transform-origin:right bottom
}
to {
	opacity:0;
	transform:rotate(90deg);
	transform-origin:right bottom
}
}
.rotateOutUpRight {
	animation-name:rotateOutUpRight
}
@keyframes hinge {
0% {
animation-timing-function:ease-in-out;
transform-origin:top left
}
20%, 60% {
animation-timing-function:ease-in-out;
transform:rotate(80deg);
transform-origin:top left
}
40%, 80% {
animation-timing-function:ease-in-out;
opacity:1;
transform:rotate(60deg);
transform-origin:top left
}
to {
	opacity:0;
	transform:translate3d(0, 700px, 0)
}
}
.hinge {
	animation-duration:2s;
	animation-name:hinge
}
@keyframes jackInTheBox {
0% {
opacity:0;
transform:scale(.1) rotate(30deg);
transform-origin:center bottom
}
50% {
transform:rotate(-10deg)
}
70% {
transform:rotate(3deg)
}
to {
	opacity:1;
	transform:scale(1)
}
}
.jackInTheBox {
	animation-name:jackInTheBox
}
@keyframes rollIn {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.rollIn {
	animation-name:rollIn
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
	animation-name:rollOut
}
@keyframes zoomIn {
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	animation-name:zoomIn
}
@keyframes zoomInDown {
0% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
}
60% {
animation-timing-function:cubic-bezier(.175, .885, .32, 1);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
}
.zoomInDown {
	animation-name:zoomInDown
}
@keyframes zoomInLeft {
0% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
}
60% {
animation-timing-function:cubic-bezier(.175, .885, .32, 1);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0)
}
}
.zoomInLeft {
	animation-name:zoomInLeft
}
@keyframes zoomInRight {
0% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
}
60% {
animation-timing-function:cubic-bezier(.175, .885, .32, 1);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
}
}
.zoomInRight {
	animation-name:zoomInRight
}
@keyframes zoomInUp {
0% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
}
60% {
animation-timing-function:cubic-bezier(.175, .885, .32, 1);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
}
.zoomInUp {
	animation-name:zoomInUp
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
to {
	opacity:0
}
}
.zoomOut {
	animation-name:zoomOut
}
@keyframes zoomOutDown {
40% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
to {
	animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	opacity:0;
	transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform-origin:center bottom
}
}
.zoomOutDown {
	animation-name:zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity:0;
	transform:scale(.1) translate3d(-2000px, 0, 0);
	transform-origin:left center
}
}
.zoomOutLeft {
	animation-name:zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity:0;
	transform:scale(.1) translate3d(2000px, 0, 0);
	transform-origin:right center
}
}
.zoomOutRight {
	animation-name:zoomOutRight
}
@keyframes zoomOutUp {
40% {
animation-timing-function:cubic-bezier(.55, .055, .675, .19);
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
to {
	animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	opacity:0;
	transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform-origin:center bottom
}
}
.zoomOutUp {
	animation-name:zoomOutUp
}
@keyframes slideInDown {
0% {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	transform:translateZ(0)
}
}
.slideInDown {
	animation-name:slideInDown
}
@keyframes slideInLeft {
0% {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	transform:translateZ(0)
}
}
.slideInLeft {
	animation-name:slideInLeft
}
@keyframes slideInRight {
0% {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	transform:translateZ(0)
}
}
.slideInRight {
	animation-name:slideInRight
}
@keyframes slideInUp {
0% {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	transform:translateZ(0)
}
}
.slideInUp {
	animation-name:slideInUp
}
@keyframes slideOutDown {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(0, 100%, 0);
	visibility:hidden
}
}
.slideOutDown {
	animation-name:slideOutDown
}
@keyframes slideOutLeft {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(-100%, 0, 0);
	visibility:hidden
}
}
.slideOutLeft {
	animation-name:slideOutLeft
}
@keyframes slideOutRight {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(100%, 0, 0);
	visibility:hidden
}
}
.slideOutRight {
	animation-name:slideOutRight
}
@keyframes slideOutUp {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(0, -100%, 0);
	visibility:hidden
}
}
.slideOutUp {
	animation-name:slideOutUp
}
.animated {
	animation-duration:1s;
	animation-fill-mode:both
}
.animated.infinite {
	animation-iteration-count:infinite
}
.animated.delay-1s {
	animation-delay:1s
}
.animated.delay-2s {
	animation-delay:2s
}
.animated.delay-3s {
	animation-delay:3s
}
.animated.delay-4s {
	animation-delay:4s
}
.animated.delay-5s {
	animation-delay:5s
}
.animated.fast {
animation-duration:.8s
}
.animated.faster {
animation-duration:.5s
}
.animated.slow {
	animation-duration:2s
}
.animated.slower {
	animation-duration:3s
}
.textAlign {
	text-align:justify;
	word-break:normal
}
* {
	margin:0;
	padding:0
}
body {
	box-sizing:border-box
}
.mobile-img {
	display:none!important
}
.banner {
	height:5.94px;
	position:relative
}
.banner, .banner img {
	width:100%
}
.recruitment-banner {
	left:50%;
	position:absolute;
	top:4.9px;
	transform:translateX(-50%)
}
.recruitment {
	width:9.6px
}
.recruitment, .recruitment .recruitment-item {
	display:flex;
	height:2.08px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between
}
.recruitment .recruitment-item {
	background-color:#fff;
box-shadow:0 .015px .25px rgba(0, 0, 0, .08);
padding:.44px .4px 0 .495px;
	width:4.6px
}
.recruitment .recruitment-item .itme-content h5 {
	color:#333;
	font-family:PingFangSC-Semibold;
font-size:.24px;
	font-weight:600;
line-height:.24px
}
.recruitment .recruitment-item .itme-content p {
	color:#666;
	font-family:PingFang SC;
font-size:.18px;
line-height:.24px;
margin-bottom:.19px;
margin-top:.145px
}
.recruitment .recruitment-item .itme-content .view-more {
	background-color:#fff;
border:.01px solid #163168;
	color:#163168;
	display:block;
	font-family:PingFang SC;
font-size:.14px;
height:.4px;
line-height:.4px;
	text-align:center;
	width:1.4px
}
.recruitment .recruitment-item .itme-content .view-more:hover {
	background-color:#163168;
	color:#fff
}
.recruitment .recruitment-item .background-img, .recruitment .recruitment-item .background-img img {
	height:1.2px;
	width:1.16px
}
.recruitment .recruitment-item .mobile-img {
	display:none
}
.main .left-title01 {
	
	height:200px;
	position:relative;

}



.main .left-title01 img {
	width:100%
}
.main .left-title01 h4 {
	color:#222;
font-size:54px;
left:0px;
	position:absolute;
top:50px;
	white-space:nowrap
}
.main .left-title01:after {
	background-color:#163168;
	content:"";
	display:block;
height:5px;
left:0px;
	position:absolute;
	top:135px;
width:50px;
border-radius: 10px;
}


.main .strategy {
	background-color:#fff;
	display:flex;
	position:relative;
	width:1600px;
	margin:0 auto;
}
.main .strategy .strategy-title01 {
	left:-0%;
	position:absolute
}
.main .strategy .strategy-content-moblie {
	display:none
}
.main .strategy .strategy-content-pc01 {
	height:100%;
	padding-top:180px;
	width:100%;
}
.main .strategy .strategy-content-pc01 p {
	color:#333;
	font-family:PingFangSC-Regular;
font-size:18px;
line-height:35px
}
.main .strategy .strategy-content-pc01 a {
	color:#163168;
	display:block;
	font-family:PingFangSC-Medium;
font-size:18px;
margin-bottom:80px;
margin-top:60px;
	position:relative
}
.main .strategy .strategy-content-pc01 a:after {
	background-color:#163168;
bottom:-15px;
	content:"";
	display:block;
height:5px;
	left:0;
	position:absolute;
width:50px;
border-radius: 10px;
}
.main .strategy .strategy-content-pc01 .quantiyc {
	display:flex;
	margin-top:60px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item {
	background-color:#163168;
	color:#fff;
	height:150px;
    padding-left:120px;
    padding-top:20px;
	position:relative;
	width:24%;
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item h4 {
	color:#fff;
	font-family:PingFangSC-Medium;
font-size:60px;
	font-weight:400;
	position:relative
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item .unit {
	font-family:PingFangSC-Medium;
font-size:24px;
	left:235px;
	position:absolute;
top:55px
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item .plus {
	font-family:PingFangSC-Medium;
font-size:24px;
	left:13px;
	position:absolute;
top:22px
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item div {
	font-family:PingFang SC;
font-size:24px
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item .left1 {
	left:235px
}
.main .strategy .strategy-content-pc01 .quantiyc .quantiyc-item .left2 {
	left:235px
}
.main .strategy .envelope {
	height:524px;
	width:670px
}
.main .strategy .envelope .envelope-content {
margin-left:150px;
	margin-top:110px;
	position:relative;
	width:520px
}
.main .strategy .envelope .envelope-content, .main .strategy .envelope .envelope-content img {
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-ms-transition:all .5s ease-in
}
.main .strategy .envelope .envelope-content img {
	position:absolute;
	top:0;
	vertical-align:top;
	width:100%
}
.main .strategy .envelope .envelope-content p {
	color:#333;
	font-family:PingFang SC;
font-size:24px;
	left:50%;
	position:absolute;
	top:103px;
	transform:translate(-50%, -50%)
}
.main .strategy .envelope .envelope-content .snay-icon-title {
height:23px;
left:75px;
	position:absolute;
top:58px;
width:86px
}
.main .strategy .envelope .envelope-content .sany-icon {
	cursor:pointer;
height:92px;
	left:50%;
	position:absolute;
	top:288px;
	transform:translate(-50%, -50%);
width:89px
}
.main .strategy .envelope .envelope-content .sany-icon a {
	color:#163168;
	font-family:Kaiti SC;
font-size:20px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.main .strategy .envelope .envelope-content .envelope-open {
	display:block;
	display:none;
top:-84px
}
.main .strategy .envelope .envelope-content:hover .envelope-default {
	display:none
}
.main .strategy .envelope .envelope-content:hover .envelope-open {
	display:block;
top:-84px
}
.main .strategy .envelope .envelope-content:hover p {
top:-16px
}
.main .strategy .envelope .envelope-content:hover .snay-icon-title {
top:-5px
}
.main .strategy .letter {
	background-color:#fff;
box-shadow:0 15px 25px rgba(0, 0, 0, .08);
	height:6px;
	overflow:hidden;
	padding-bottom:1px;
	padding-left:1px;
	position:relative;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
	width:116px
}
.main .strategy .letter .letter-title-img {
height:4px;
	position:absolute;
top:65px;
	width:152px
}
.main .strategy .letter .letter-title-img img {
	vertical-align:top;
	width:100%
}
.main .strategy .letter .close {
	cursor:pointer;
height:16px;
	position:absolute;
right:99px;
top:75px;
width:16px
}
.main .strategy .letter .close img {
	vertical-align:top;
	width:100%
}
.main .strategy .letter .letter-content {
	height:388px;
	margin-top:132px;
	overflow-y:auto;
	width:955px
}
.main .strategy .letter .letter-content::-webkit-scrollbar {
background-color:#f6f6f6;
cursor:pointer;
margin-left:.1px;
width:5px
}
.main .strategy .letter .letter-content::-webkit-scrollbar-thumb {
background-color:#163168;
height:6px
}
.main .strategy .letter .letter-content h2 {
	color:#333;
	font-family:PingFang SC;
font-size:3px;
	font-weight:600;
margin-bottom:6px;
	text-align:center
}
.main .strategy .letter .letter-content p {
	color:#333;
	font-family:PingFang SC;
font-size:16px;
line-height:44px;
	width:93px
}
.main .growth {

	position:relative;
	width:1600px;
	margin:0 auto;
	margin-top:80px;
	
	}
.main .growth .growth-title {
	left:-0%
}
.main .growth .introduction {
	color:#333;
	font-family:PingFangSC-Regular;
font-size:18px;
padding-bottom:50px;
	text-align:center
}
.main .growth .train-img {
	height:230px;
	width:1600px
}
.main .growth .train-img img {
	width:100%
}
.main .growth .train-plate {
box-shadow:0 5px 6px rgba(0, 0, 0, .06);
	display:flex;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	height:530px
}
.main .growth .train-plate .train-plate-item {
	background-color:#fff;
	height:450px;
padding:15px 15px 0;
	position:relative;
	width:33.2%;
}
.main .growth .train-plate .train-plate-item:before {
	background-color:#fff;
	content:"";
	display:block;
	height:245px;
	left:0;
	position:absolute;
	width:1px
}
.main .growth .train-plate .train-plate-item:first-child:before {
	content:"";
	display:none
}
.main .growth .train-plate .train-plate-item .train-plate-img {
height:420px;
	position:relative;
}
.main .growth .train-plate .train-plate-item .train-plate-img img {
	position:absolute;
	top:0;
	width:100%
}
.main .growth .train-plate .train-plate-item h4 {
	font-family:PingFang SC;
font-size:20px;
	font-weight:600
}
.main .growth .train-plate .train-plate-item .title1 {
	color:#163168;
margin-top:5px
}
.main .growth .train-plate .train-plate-item .title2 {
	color:#333;
margin-bottom:25px;
margin-top:10px
}
.main .growth .train-plate .train-plate-item p {
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	color:#999;
	display:-webkit-box;
	font-family:PingFangSC-Regular;
font-size:16px;
line-height:24px;
	overflow:hidden;
	margin-top:10px;
	text-overflow:ellipsis;
	width:98%;
}
.main .development-path {
	background-color:#fff;
	height:753px;
	margin:0 14px;
	padding-top:164px;
	position:relative;
	width:1160px
}
.main .development-path .development-path-mobile {
	display:none
}
.main .development-path .development-path-img {
	height:59px;
	width:116px
}
.main .development-path .development-path-img img {
	width:100%
}
.main .development-path .development-path-title {
	left:-6%;
	position:absolute;
	top:0
}
.main .environment {
	background-color:#fff;
margin-bottom:4px;
	margin-left:14px;
	margin-right:14px;
	padding-top:15px;
	position:relative;
	width:1600px
}
.main .environment .environment-title {
	left:-6%;
	position:absolute;
top:-4px
}
.main .environment .environment-introduction {
	color:#333;
	font-family:PingFangSC-Regular;
font-size:16px;
margin-bottom:74px;
	text-align:center
}
.main .environment .environment-mobile {
	display:none
}
.main .environment .environment-box {
	display:flex;
	-moz-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	height:118px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:100%
}
.main .environment .environment-box .environment-item {
	height:36px;
	position:relative;
	width:116px
}
.main .environment .environment-box .environment-item .environment-img {
	height:36px;
	width:76px
}
.main .environment .environment-box .environment-item .environment-img img {
	width:100%
}
.main .environment .environment-box .environment-item .environment-about {
	background-color:#fff;
box-shadow:0 5px .1px rgba(0, 0, 0, .05);
	height:225px;
padding:4px 0 0 37px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	width:46px
}
.main .environment .environment-box .environment-item .environment-about:after {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxnIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmUiIGQ9Ik0wIDBoMTAyNHYxMDI0SDB6Ii8+PHBhdGggZD0iTTQxNy43MSAxNDQuMjV2MzQ4Ljg5cS0yOC4yOSAzMzkuNDctMzMwIDM4Ni42MVY3MjguODhRMTgyIDcxMCAyMTAuMjUgNTg3LjQ0di02Nkg1OS4zOFYxNDQuMjVabTU0Ni45MSAwdjM0OC44OXEtMjguMjkgMzMwLTMzMCAzODYuNjFWNzI4Ljg4UTY4MS43MyA3MTAgNzEwIDY4MS43M2w5LjQzLTkuNDNxMzcuNzItNTYuNTggMzcuNzItODQuODZ2LTY2SDYwNi4zVjE0NC4yNVoiIHN0eWxlPSJmaWxsOiNjNjAwMGIiLz48L2c+PC9nPjwvc3ZnPg==);
	background-repeat:no-repeat;
	content:"";
	display:block;
height:32px;
	position:absolute;
	right:0;
top:-5px;
width:56px
}
.main .environment .environment-box .environment-item .environment-about h4 {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#333;
	display:-webkit-box;
	font-family:PingFang SC;
font-size:24px;
	font-weight:600;
line-height:39px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:312px
}
.main .environment .environment-box .environment-item .environment-about p {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#666;
	display:-webkit-box;
	font-family:PingFangSC-Regular;
font-size:16px;
line-height:28px;
margin-top:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:385px
}
.main .welfare {
	background-color:#fff;
	position:relative;
	width:1600px;
	margin:0 auto;
	margin-top:20px;
}
.main .welfare .welfare-title {
	left:-0%;
	position:absolute
}
.main .welfare .introduction {
	color:#333;
	font-family:PingFangSC-Regular;
    font-size:18px;
    padding-bottom:50px;
	padding-top:150px;
	text-align:center
}
.main .welfare .welfare-plate {
	display:flex;
	height:450px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:1600px
}
.main .welfare .welfare-plate .welfare-plate-img-pc {
	height:385px;
	width:769px
}
.main .welfare .welfare-plate .welfare-plate-img-pc img {
	height:100%;
	width:100%
}
.main .welfare .welfare-plate .welfare-plate-box-mobile, .main .welfare .welfare-plate .welfare-plate-img-mobile {
	display:none
}
.main .welfare .welfare-plate .welfare-plate-box-pc {
	display:flex;
	-moz-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	height:385px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:380px
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item {
	background-color:#f6f6f6;
	cursor:pointer;
	display:flex;
	height:172px;
padding:58px 4px 0 46px;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;

}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item .welfare-plate-icon {
height:60px;
margin-right:5px;
	position:relative;
width:60px
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item .welfare-plate-icon img {
	position:absolute;
	top:0;
	width:100%
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item .hover {
	display:none
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item .plate-content h4 {
	color:#333;
	font-family:PingFang SC;
font-size:24px;
	font-weight:600
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item .plate-content p {
	color:#666;
	font-family:PingFangSC-Regular;
font-size:16px;
margin-top:10px;
	width:200px
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item:hover {
	background-color:#163168;
	opacity:.8
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item:hover .default {
	display:none
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item:hover .hover {
	display:block
}
.main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item:hover h4, .main .welfare .welfare-plate .welfare-plate-box-pc .welfare-plate-item:hover p {
	color:#fff
}
.main .welfare .welfare-dot {
	cursor:pointer;
	height:100px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:1600px
}
.main .welfare .welfare-dot, .main .welfare .welfare-dot .welfare-dot-item {
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
	display:flex
}
.main .welfare .welfare-dot .welfare-dot-item {
border:.01px solid #163168;
	border-radius:50%;
height:110px;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;

-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
width:110px
}
.main .welfare .welfare-dot .welfare-dot-item span {
	color:#666;
	font-family:PingFang SC;
font-size:18px;
line-height:28px;
	text-align:center;
width:36px
}
.main .welfare .welfare-dot .welfare-dot-item:nth-child(10) span, .main .welfare .welfare-dot .welfare-dot-item:nth-child(11) span {
width:48px
}
.main .welfare .welfare-dot .welfare-dot-item:hover {
height:130px;
width:130px
}
.main .welfare .welfare-dot .welfare-dot-item:hover span {
	color:#333;
font-size:20px;
line-height:26px;
width:130px
}
.main .welfare .welfare-dot .welfare-dot-item:hover:nth-child(10) span, .main .welfare .welfare-dot .welfare-dot-item:hover:nth-child(11) span {
width:100%
}
.main .publicBenefit {
	margin-bottom:1px;
	margin-left:14px;
	margin-right:14px;
	padding-top:197px;
	position:relative;
	width:116px
}
.main .publicBenefit .publicBenefit-title {
	left:-6%;
	position:absolute;
	top:0
}
.main .publicBenefit .publicBenefit-plate-mobile {
	display:none
}
.main .publicBenefit .publicBenefit-plate-pc {
	display:flex;
	height:51px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:116px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item {
	background-color:#fff;
box-shadow:0 5px .1px rgba(0, 0, 0, .05);
	height:51px;
	width:36px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .publicBenefit-img {
	height:216px;
	width:100%
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .publicBenefit-img img {
	width:100%
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content {
padding:21px 19px 0 24px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content h6 {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#333;
	display:-webkit-box;
	font-family:PingFangSC-Semibold;
font-size:18px;
	font-weight:700;
	overflow:hidden;
	text-overflow:ellipsis
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content p {
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	color:#666;
	display:-webkit-box;
	font-family:PingFangSC-Regular;
font-size:.16px;
line-height:28px;
margin-top:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:165px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom {
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
bottom:2px;
	display:flex;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	line-height:1;
	position:absolute;
	width:30px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom .time {
	color:#999;
	font-family:PingFangSC-Regular;
font-size:14px
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom .detail-link {
	color:#c00;
	cursor:pointer;
	font-family:PingFangSC-Regular;
font-size:.14px;
	opacity:.8;
	position:relative;
	text-align:right
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom .detail-link:before {
	background-color:#163168;
bottom:-6px;
	content:"";
	display:block;
height:20px;
	opacity:.8;
	position:absolute;
	width:100%
}
.main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom .detail-link:hover, .main .publicBenefit .publicBenefit-plate-pc .publicBenefit-item .content .bottom .detail-link:hover:before {
	opacity:1
}
.bottom-info {
	height:4.8px;
	margin:0 auto;
	position:relative;
	width:14.4px
}
.bottom-info img {
	height:100%;
	width:100%
}
.bottom-info .bottom-title-mobile {
	display:none
}
.bottom-info .bottom-title-pc {
	display:flex;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	left:50%;
	position:absolute;
top:.83px;
	transform:translateX(-50%)
}
.bottom-info .bottom-title-pc h3 {
	color:#fff;
	font-family:PingFang SC;
font-size:.44px;
	font-weight:500;
line-height:.36px;
	text-align:center;
text-shadow:0 .015px .05px rgba(0, 0, 0, .38)
}
.bottom-info .bottom-title-pc:first-child h3 {
margin-right:.4px
}
.bottom-info .bottom-info-box {
	display:flex;
	height:2.08px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	left:50%;
	position:absolute;
	top:1.84px;
	transform:translateX(-50%);
	width:11.6px
}
.bottom-info .bottom-info-box .recruitment-bottom-pc {
	width:9.4px
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile {
	display:none
}
.bottom-info .bottom-info-box .qr-code {
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
	background-color:#fff;
	display:flex;
	-moz-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	height:2.08px;
padding-top:.13px;
	width:2px
}
.bottom-info .bottom-info-box .qr-code .qr-code-img {
	height:1.58px;
	width:1.58px
}
.bottom-info .bottom-info-box .qr-code .qr-code-img img {
	width:100%
}
.bottom-info .bottom-info-box .qr-code span {
	color:#333;
	font-family:PingFangSC-Regular;
font-size:.16px;
	text-align:center
}

@media screen  and (max-width:1600px) {
	.main{}
.main .strategy {
	background-color:#fff;
	display:flex;
	position:relative;
	width:98%;
	margin:0 auto;
}
.main .growth {

	position:relative;
	width:98%;
	margin:0 auto;
	margin-top:80px;
	}

.main .growth .train-img {
	height:230px;
	width:100%;
}
.main .welfare {
	background-color:#fff;
	position:relative;
	width:98%;
	margin:0 auto;
	margin-top:20px;
}
.main .welfare .welfare-plate {
	display:flex;
	height:450px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:100%;
}
.main .growth .train-plate {
box-shadow:0 5px 6px rgba(0, 0, 0, .06);
	display:flex;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	height:480px
}

.main .growth .train-plate .train-plate-item .train-plate-img {
height:385px;
	position:relative;
}

.main .welfare .welfare-plate .welfare-plate-box-pc {
	display:flex;
	-moz-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	height:385px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	
}
.main .welfare .welfare-dot {
	cursor:pointer;
	height:100px;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	width:100%;
}
.main .welfare .welfare-plate .welfare-plate-img-pc {
	height:385px;
	width:49%;
}

}


@media screen  and (max-width:1400px) 
{.main .welfare .welfare-plate .welfare-plate-img-pc {
	height:385px;
	width:41%;
}
.main .growth .train-plate .train-plate-item .train-plate-img {
height:340px;
	position:relative;
}
.main .growth .train-plate {
box-shadow:0 5px 6px rgba(0, 0, 0, .06);
	display:flex;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	height:470px
}

}


@media screen and (max-width:1024px) {
.pc-img {
display:none!important
}
.mobile-img {
display:block!important
}
.banner {
height:848px;
width:75px
}
.recruitment-banner {
top:712px
}
.recruitment {
-moz-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;
height:624px
}
.recruitment, .recruitment .recruitment-item {
display:flex;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
width:702px
}
.recruitment .recruitment-item {
background-color:#fff;
box-shadow:0 3px 5px rgba(0, 0, 0, .08);
height:3px;
padding:53px 4px 0
}
.recruitment .recruitment-item .itme-content h5 {
font-size:48px;
line-height:48px
}
.recruitment .recruitment-item .itme-content p {
font-size:.32px;
line-height:48px;
margin-bottom:21px;
margin-top:2px
}
.recruitment .recruitment-item .itme-content .view-more {
border:.02px solid #163168;
font-size:28px;
height:7px;
line-height:7px;
width:22px
}
.recruitment .recruitment-item .background-img, .recruitment .recruitment-item .background-img img {
height:205px;
width:2px
}
.recruitment .recruitment-item .pc-img {
display:none
}
.recruitment .recruitment-item .mobile-img {
display:block
}
.main .left-title01 {
height:100px;
width:31px
}
.main .left-title01 h4 {
font-size:32px;
left:5px;
top:11px
}
.main .left-title01:after {
height:5px;
left:5px;
top:65px;
width:50px
}
.main .strategy {
display:flex;
height:450px;
margin:23px 10px 10px;
position:relative;
width:100%;
}
.main .strategy .strategy-title01 {
left:-2%
}
.main .strategy .envelope, .main .strategy .strategy-content-pc01 {
display:none
}
.main .strategy .strategy-content-moblie {
display:block;
width:96%;
}
.main .strategy .strategy-content-moblie p {
color:#333;
font-family:PingFangSC-Regular;
font-size:16px;
line-height:30px;
padding-bottom:20px;
padding-top:80px
}
.main .strategy .strategy-content-moblie .quantiyc {
display:flex;
-o-flex-flow:wrap;
flex-flow:wrap;
height:230px;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
width:99%;
}
.main .strategy .strategy-content-moblie .quantiyc:first-child .quantiyc-item {
background-color:#fff
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item {
background-color:#163168;
color:#fff;
height:100px;
opacity:9;
padding-left:40px;
padding-top:20px;
position:relative;
width:49%;
}


.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item h4 {
color:#fff;
font-family:PingFangSC-Medium;
font-size:30px;
font-weight:400
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item .unit {
font-family:PingFangSC-Medium;
font-size:18px;
left:100px;
position:absolute;
top:30px
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item .plus {
font-family:PingFangSC-Medium;
font-size:5px;
left:222px;
position:absolute;
top:5px
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item div {
font-family:PingFang SC;
font-size:16px;
left:35%;
margin-top:0;
position:absolute;
transform:translateX(-30%)
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item .left1 {
left:265px!important
}
.main .strategy .strategy-content-moblie .quantiyc .quantiyc-item .left2 {
left:100px!important
}
.main .growth {
height:690px;
margin-bottom:52px;
position:relative;
width:96%;
}
.main .growth .growth-title {
left:-2%
}
.main .growth .introduction {
font-size:16px;
line-height:30px;
padding-bottom:20px;
text-align:inherit
}
.main .growth .train-img {
height:80px;
width:100%;
margin-bottom:10px;
}
.main .growth .train-img img {
height:100%;
width:100%
}
.main .growth .train-plate {
box-shadow:0 .03px .12px rgba(0, 0, 0, .06);
display:flex;
-o-flex-flow:wrap;
flex-flow:wrap;
height:450px;
}
.main .growth .train-plate .train-plate-item {
display:flex;
-moz-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
height:160px;
padding:6px 0 0 4px;
position:relative;
width:100%;
}
.main .growth .train-plate .train-plate-item:nth-child(2) {
background-color:#f6f6f6;
height:145px;
margin-bottom:10px;
}
.main .growth .train-plate .train-plate-item:before {
display:none
}
.main .growth .train-plate .train-plate-item .train-plate-img {
position:relative;
width:100%;
height:140px;
}
.main .growth .train-plate .train-plate-item .train-plate-img img {
position:absolute;
top:0;
width:100%
}
.main .growth .train-plate .train-plate-item .content {
margin-left:6px;
width:481px
}
.main .growth .train-plate .train-plate-item .content h4 {
font-size:24px
}
.main .growth .train-plate .train-plate-item .content .title1 {
color:#163168;
margin-top:0
}
.main .growth .train-plate .train-plate-item .content .title2 {
margin-bottom:2px
}
.main .growth .train-plate .train-plate-item .content p {
font-size:14px;
line-height:25px;
width:190px
}
.main .development-path {
height:138px;
margin:0 24px;
padding-top:3px;
width:702px
}
.main .development-path .development-path-pc {
display:none
}
.main .development-path .development-path-mobile {
display:block;
width:702px
}
.main .development-path .development-path-mobile img {
position:absolute;
top:0;
width:100%
}
.main .development-path .development-path-mobile .title {
height:2px;
position:relative;
width:100%
}
.main .development-path .development-path-mobile .title .big_icon {
height:.88px;
top:.3px;
width:.88px
}
.main .development-path .development-path-mobile .title .big_icon, .main .development-path .development-path-mobile .title .big_title {
left:50%;
position:absolute;
transform:translate(-50%, -50%);
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in
}
.main .development-path .development-path-mobile .title .big_title {
color:#163168;
font-family:PingFang SC;
font-size:4px;
font-weight:500;
top:1.1px
}
.main .development-path .development-path-mobile .title .small_icon {
height:56px;
right:1px;
top:2px;
width:56px
}
.main .development-path .development-path-mobile .title .small_icon, .main .development-path .development-path-mobile .title .small_title {
position:absolute;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in
}
.main .development-path .development-path-mobile .title .small_title {
color:#666;
font-family:PingFang SC;
font-size:24px;
font-weight:500;
right:8px;
top:8px
}
.main .development-path .development-path-mobile .title .active_icon {
height:88px;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
width:88px
}
.main .development-path .development-path-mobile .title .active_title {
color:#163168;
font-size:4px;
right:auto;
top:11px;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in
}
.main .development-path .development-path-mobile .title .nonactivated_icon {
left:1px;
transform:none;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in
}
.main .development-path .development-path-mobile .title .nonactivated_title {
left:8px;
transform:none;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in
}
.main .development-path .development-path-mobile .developmentPath {
background-position:top;
background-repeat:no-repeat;
background-size:cover;
height:89px;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
width:100%
}
.main .development-path .development-path-title {
left:-21%;
position:absolute;
top:0
}
.main .environment {
background-color:#fff;
margin-bottom:4px;
margin-left:24px;
margin-right:24px;
padding-top:26px;
position:relative;
width:702px
}
.main .environment .environment-title {
left:-21%;
position:absolute;
top:-4px
}
.main .environment .environment-introduction {
color:#333;
font-family:PingFangSC-Regular;
font-size:32px;
line-height:56px;
margin-bottom:48px;
text-align:left
}
.main .environment .environment-pc {
display:none
}
.main .environment .environment-mobile {
display:flex;
-moz-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
height:71px;
overflow-x:auto;
width:72px
}
.main .environment .environment-mobile::-webkit-scrollbar {
display:none
}
.main .environment .environment-mobile .environment-item {
box-shadow:0 1px 2px rgba(0, 0, 0, .05);
height:702px;
margin-right:.24px;
width:588px
}
.main .environment .environment-mobile .environment-item .environment-img {
height:2.78px;
width:5.88px
}
.main .environment .environment-mobile .environment-item .environment-img img {
width:100%
}
.main .environment .environment-mobile .environment-item .environment-about {
background-color:#fff;
height:424px;
padding-left:4px;
padding-top:4px;
position:relative
}
.main .environment .environment-mobile .environment-item .environment-about:after {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxnIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmUiIGQ9Ik0wIDBoMTAyNHYxMDI0SDB6Ii8+PHBhdGggZD0iTTQxNy43MSAxNDQuMjV2MzQ4Ljg5cS0yOC4yOSAzMzkuNDctMzMwIDM4Ni42MVY3MjguODhRMTgyIDcxMCAyMTAuMjUgNTg3LjQ0di02Nkg1OS4zOFYxNDQuMjVabTU0Ni45MSAwdjM0OC44OXEtMjguMjkgMzMwLTMzMCAzODYuNjFWNzI4Ljg4UTY4MS43MyA3MTAgNzEwIDY4MS43M2w5LjQzLTkuNDNxMzcuNzItNTYuNTggMzcuNzItODQuODZ2LTY2SDYwNi4zVjE0NC4yNVoiIHN0eWxlPSJmaWxsOiNjNjAwMGIiLz48L2c+PC9nPjwvc3ZnPg==);
background-repeat:no-repeat;
content:"";
display:block;
height:62px;
position:absolute;
right:-15px;
top:.4px;
width:106px
}
.main .environment .environment-mobile .environment-item .environment-about h4 {
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
color:#333;
display:-webkit-box;
font-family:PingFang SC;
font-size:36px;
font-weight:600;
line-height:56px;
overflow:hidden;
text-overflow:ellipsis;
width:432px
}
.main .environment .environment-mobile .environment-item .environment-about p {
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
color:#666;
display:-webkit-box;
font-family:PingFangSC-Regular;
font-size:32px;
line-height:56px;
margin-top:2px;
overflow:hidden;
text-overflow:ellipsis;
width:432px
}
.main .welfare {
height:650px;
margin-bottom:2px;
position:relative;
width:96%;
}
.main .welfare .welfare-dot {
display:none
}
.main .welfare .welfare-title {
left:-2%;
position:absolute
}
.main .welfare .introduction {
color:#333;
font-family:PingFangSC-Regular;
font-size:18px;
line-height:30px;
padding-bottom:20px;
padding-top:80px;
text-align:left
}
.main .welfare .welfare-plate {
display:flex;
-moz-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;
height:9px;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
width:702px
}
.main .welfare .welfare-plate .welfare-plate-box-pc, .main .welfare .welfare-plate .welfare-plate-img-pc {
display:none
}
.main .welfare .welfare-plate .welfare-plate-box-mobile, .main .welfare .welfare-plate .welfare-plate-img-mobile {
display:block
}
.main .welfare .welfare-plate .welfare-plate-img-mobile {
width:57.5%
}
.main .welfare .welfare-plate .welfare-plate-img-mobile img {
	height:200px;
width:94%;
}
.main .welfare .welfare-plate .welfare-plate-box-mobile {
display:flex;
-o-flex-flow:wrap;
flex-flow:wrap;
height:3px;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
margin-top:20px;
width:390px;
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item {
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
background-color:#f6f6f6;
display:flex;
height:127px;
margin-bottom:18px;
padding:0 15px;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
width:190px
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item .welfare-plate-icon {
height:40px;
margin-right:19px;
width:40px
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item .welfare-plate-icon img {
height:100%;
vertical-align:top;
width:auto
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item .hover {
display:none
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item .plate-content {
color:#333;
font-family:PingFang SC;
font-size:24px;
font-weight:600;
line-height:30px
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item:hover {
background-color:#163168;
opacity:.8
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item:hover .default {
display:none
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item:hover .hover {
display:block
}
.main .welfare .welfare-plate .welfare-plate-box-mobile .welfare-plate-item:hover .plate-content {
color:#fff
}
.main .publicBenefit {
margin-bottom:1px;
margin-left:24px;
margin-right:24px;
padding-top:31px;
position:relative;
width:702px
}
.main .publicBenefit .publicBenefit-title {
left:-21%;
position:absolute;
top:0
}
.main .publicBenefit .publicBenefit-plate-pc {
display:none
}
.main .publicBenefit .publicBenefit-plate-mobile {
display:block;
height:915px;
width:702px
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item {
background-color:#fff;
box-shadow:0 1px 2px rgba(0, 0, 0, .05);
height:915px;
width:702px
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .publicBenefit-img {
height:42px;
width:100%
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .publicBenefit-img img {
width:100%
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content {
padding:4px 4px 0;
position:relative
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content h6 {
color:#333;
font-family:PingFangSC-Semibold;
font-size:.36px;
font-weight:700
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content p {
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
color:#666;
display:-webkit-box;
font-family:PingFangSC-Regular;
font-size:32px;
line-height:56px;
margin-top:2px;
overflow:hidden;
text-overflow:ellipsis;
width:64px
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content .bottom {
bottom:-8px;
position:absolute;
width:64px
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content .bottom .box {
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
display:flex;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content .bottom .time {
color:#999;
font-family:PingFangSC-Regular;
font-size:28px
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content .bottom .detail-link {
border-bottom:.04px solid #163168;
color:#c00;
cursor:pointer;
font-family:PingFangSC-Regular;
font-size:28px;
opacity:.8
}
.main .publicBenefit .publicBenefit-plate-mobile .publicBenefit-item .content .bottom .detail-link:hover {
opacity:1
}
.main .swiper-container {
height:100%
}
.main .swiper-pagination-bullet {
background-color:#ccc;
border-radius:0;
border-radius:initial;
height:.04px;
margin-right:06px;
width:18px
}
.main .swiper-pagination-bullet-active {
background-color:#163168;
width:35px!important
}
.main .swiper-pagination {
bottom:-8px;
left:50.3%;
position:absolute;
transform:translate(-50%, -50%)
}
.bottom-info {
height:68px;
margin:0 auto;
position:relative;
width:75px
}
.bottom-info .bottom-title-pc {
display:none
}
.bottom-info .bottom-title-mobile {
color:#fff;
display:block;
font-size:6px;
left:1.1px;
position:absolute;
text-align:center;
text-shadow:0 3px .1px rgba(0, 0, 0, .38);
top:.87px
}
.bottom-info .bottom-info-box {
display:flex;
height:3.4px;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
left:50%;
position:absolute;
top:2.57px;
transform:translateX(-50%);
width:7.02px
}
.bottom-info .bottom-info-box .recruitment-bottom-pc {
display:none
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile {
display:block;
display:flex;
-moz-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;
height:3.4px;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
width:3.39px
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile .recruitment-item-mobile {
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
background-color:#fff;
display:flex;
height:1.58px;
justify-content:center;
width:3.4px
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile .recruitment-item-mobile .left-icon {
height:.6px;
width:.61px
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile .recruitment-item-mobile .left-icon img {
width:100%
}
.bottom-info .bottom-info-box .recruitment-bottom-mobile .recruitment-item-mobile h5 {
color:#333;
font-family:PingFang SC;
font-size:.36px;
font-weight:600;
line-height:.56px;
margin-left:.18px
}
.bottom-info .bottom-info-box .qr-code {
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
display:flex;
-moz-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;
height:3.4px;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
width:3.4px
}
.bottom-info .bottom-info-box .qr-code .qr-code-img {
height:2px;
width:2px
}
.bottom-info .bottom-info-box .qr-code .qr-code-img img {
width:100%
}
.bottom-info .bottom-info-box .qr-code span {
color:#333;
font-size:.28px;
text-align:center
}


}