@import '../images/iconfont.css';

h1,h2,h3,h4,h5 {
	margin:0
}

.flex {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative
}

.flex-x {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center
}

.flex-x-center {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:center;
	box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}

.flex-between {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}

.flex-between-t {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}

.flex-x-bottom {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-align:end;
	box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}

.flex-x-tb {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-align:stretch;
	box-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch
}

.flex-y {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}

.flex-y-center {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-pack:center;
	box-pack:center
}

.flex-y-b {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}

.flex-grow-0 {
	min-width:0;
	-webkit-box-flex:0;
	-webkit-flex-grow:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0
}

.flex-grow-1 {
	min-width:0;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1
}

.right0 {
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

.ver>* {
	display:inline-block;
	vertical-align:middle
}

.myrow {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal !important;
	-webkit-box-orient:vertical
}

.row1 {
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}

.row2 {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}

.row3 {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}

.hv-scale {
	overflow:hidden
}

.hv-scale img {
	-webkit-transition:.5s;
	-o-transition:.5s;
	-moz-transition:.5s;
	transition:.5s
}

.hv-scale:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}

.hv-scale-xs {
	overflow:hidden
}

.hv-scale-xs img {
	-webkit-transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	transition:.3s
}

.hv-scale-xs:hover img {
	-webkit-transform:scale(.96);
	-moz-transform:scale(.96);
	-ms-transform:scale(.96);
	-o-transform:scale(.96);
	transform:scale(.96)
}

dl,dt,dd,ol,ul,li {
	list-style:none;
	margin:0;
	padding:0
}

P {
	margin-bottom:0
}

em {
	font-style:normal
}

body {
	-webkit-overflow-scrolling:touch
}

a:Hover,a {
	color:#333
}

.xs {
	font-size:12px
}

.shadow {
	box-shadow:0 0 20px rgba(0,0,0,0.2)
}

img {
	max-width:100%
}

.ic {
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block
}

.text-info {
	color:#666
}

a {
	text-decoration:none !important
}

.row-pv10 {
	margin-left:-5px;
	margin-right:-5px
}

.row-pv10>* {
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px
}

.row-pv0 {
	margin-left:0;
	margin-right:0
}

.row-pv0>* {
	padding-left:0;
	padding-right:0
}

.row-pv12 {
	margin-left:-6px;
	margin-right:-6px
}

.row-pv12>* {
	padding-left:6px;
	padding-right:6px;
	margin-bottom:12px
}

.row-pv20 {
	margin-left:-10px;
	margin-right:-10px
}

.row-pv20>* {
	padding-left:10px;
	padding-right:10px
}

.mv0 {
	margin-left:0!important;
	margin-right:0!important
}

.pv0 {
	padding-left:0!important;
	padding-right:0!important
}

.pt0 {
	padding-top:0px !important
}

.pb0 {
	padding-bottom:0px !important
}

.mb0 {
	margin-bottom:0 !important
}

.mt0 {
	margin-top:0!important
}

.wrap {
	margin-left:auto;
	margin-right:auto;
	position:relative
}

.wrap {
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.ver>* {
	display:inline-block;
	vertical-align:middle
}

.container.fill {
	width:100%
}

.menu_btn {
	width:60px;
	height:60px;
	z-index:101;
	cursor:pointer;
	position:absolute;
	right:12px;
	transform-origin:center center;
	top:50%;
	transform:translateY(-50%) scale(.8);
	-webkit-transform:translateY(-50%) scale(.8);
	-moz-transform:translateY(-50%) scale(.8);
	-ms-transform:translateY(-50%) scale(.8);
	-o-transform:translateY(-50%) scale(.8)
}

.menu_btn i {
	position:absolute;
	width:28px;
	height:3px;
	background:#000;
	left:12px;
	display:block;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
	top:20px
}

.menu_btn i:nth-of-type(2) {
	top:30px
}

.menu_btn i:nth-of-type(3) {
	top:40px;
	width:14px
}

.menu_btn.active i:nth-of-type(1) {
	-webkit-transform:rotate(225deg) translate(-7px, -7px);
	-moz-transform:rotate(225deg) translate(-7px, -7px);
	-ms-transform:rotate(225deg) translate(-7px, -7px);
	-o-transform:rotate(225deg) translate(-7px, -7px);
	transform:rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
	opacity:0
}

.menu_btn.active i:nth-of-type(2) {
	-webkit-transform:rotate(-225deg) translate(0, 0);
	-moz-transform:rotate(-225deg) translate(0, 0);
	-ms-transform:rotate(-225deg) translate(0, 0);
	-o-transform:rotate(-225deg) translate(0, 0);
	transform:rotate(-225deg) translate(0, 0)
}

.menu_btn:hover i:nth-of-type(3) {
	width:28px
}

html {
	font-size:100px !important
}

@media (max-width:1400px) {
	html {
		font-size:90px !important
	}
}

@media (max-width:1200px) {
	html {
		font-size:80px !important
	}
}

@media (max-width:992px) {
	html {
		font-size:70px !important
	}
}

@media (max-width:768px) {
	html {
		font-size:60px !important
	}
}

@media (max-width:480px) {
}

@media (min-width:992px) {
	a:Hover {
		color:#333
	}
}

.c-green {
	color:#43bbb3
}

.bg-gray {
	background:#e5eaf0
}

.c-red {
	color:#f00
}

.line-gray-b {
	border-bottom:1px solid #e5eaf0
}

@font-face {
	font-family:medium;src:url('../fonts/DIN Medium.ttf'),url('../fonts/DIN Medium.eot'),url('../fonts/DIN Medium.otf')
}

.medium {
	font-family:medium
}

main {
	overflow:hidden;
	position:relative
}

main.on::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:999
}

footer {
	color:#fff;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	padding-bottom:5px
}

footer a {
	color:#fff
}

footer .content {
	padding:60px 0 100px
}

footer h4 {
	font-size:20px;
	position:relative;
	margin-bottom:20px
}

footer .item {
	float:left
}

footer .item-contact {
	float:right
}

footer .item-contact img {
	display:block;
	margin:0 auto 6px
}

footer .item-contact .follow-tip {
	font-size:12px
}

@media screen and (min-width: 1024px) {footer .item-nav {margin-right:10%;text-align: center;}}
@media screen and (max-width: 1024px) {footer .item-nav {margin-right:10%;text-align: center; padding-left:24px;}}


footer .item-nav .icon-jia {
	float:right;
	transition:.3s;
	display:none;
	margin-right:10px
}

footer .item-nav .info a {
	display:block;
	line-height:2.1;
	color:rgba(255,255,255,0.6);
	transition:.3s
}

footer .item-nav .info a:hover {
	color:#fff
}

footer .ft-bottom {
	padding:26px 0;
	border-top:1px solid rgba(255,255,255,0.3);
	position:relative;
	font-size:12px;
	color:rgba(255,255,255,0.6)
}

footer .ft-bottom .skill {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	right:0
}

footer .ft-bottom a {
	color:rgba(255,255,255,0.6);
	transition:.3s
}

footer .ft-bottom a:hover {
	color:#fff
}

footer .ft-bottom .copyright>* {
	margin-right:5px
}

footer .ft-bottom .copyright>*>* {
	display:inline-block;
	vertical-align:middle
}

footer .ft-bottom .copyright>*>* {
	display:inline-block;
	vertical-align:middle
}

@media (max-width:1680px) {
	footer h4 {
		font-size:18px;
		margin-bottom:14px
	}

	footer .item-nav {
		margin-right:4.5%
	}
}

@media (max-width:1500px) {
	footer .content {
		padding:40px 0 60px
	}

	footer h4 {
		font-size:16px
	}

	footer .item-nav {
		margin-right:4%
	}
}

@media (max-width:1200px) {
	footer h4 {
		font-size:15px
	}

	footer .item-nav .info {
		font-size:12px
	}

	footer .code {
		width:80px
	}
}

@media (max-width:1199px) {
	footer .code {
		width:130px
	}

	footer .content {
		padding:30px 0
	}

	footer .item {
		float:none;
		width:100%
	}

	footer .item .icon-jia {
		display:block
	}

	footer .item h4 {
		position:relative;
		border-bottom:1px solid rgba(255,255,255,0.3);
		height:46px;
		line-height:46px;
		margin:0
	}

	footer .item .info {
		display:none;
		font-size:15px;
		padding:10px 30px;
		line-height:2
	}

	footer .item-nav h4 {
		cursor:pointer
	}

	footer .item-nav .info a {
		color:rgba(255,255,255,0.8);padding-right: 24px;
	}

	footer .item-nav.active .iconfont {
		transform:rotate(135deg)
	}

	footer .item-contact {
		padding-top:40px;
		text-align:center
	}

	footer .item-contact h4 {
		display:none
	}

	footer .item-contact .follow-tip {
		display:block;
		padding:7px 0 0;
		opacity:.6;
		font-size:12px
	}

	footer .ft-bottom {
		border-top:0
	}
}

@media (max-width:900px) {
	footer .ft-bottom {
		text-align:center;
		padding-top:10px
	}

	footer .ft-bottom .copyright {
		margin-bottom:5px
	}

	footer .ft-bottom .copyright>* {
		display:inline-block
	}

	footer .ft-bottom .skill {
		position:relative
	}
}

@media screen and (min-width: 1024px) {.ibanner {
	height:100vh;
	width:100vw;
	overflow:hidden
}}
@media screen and (max-width: 1024px) {.ibanner {
	height:34vh;
	width:100vw;
	overflow:hidden
}}


.ibanner .swiper-pagination {
	font-size:0;
	line-height:1;
	bottom:4%;
	z-index:9999
}

.ibanner .swiper-pagination-bullet {
	background:#fff;
	width:8px;
	height:8px;
	opacity:1;
	position:relative;
	top:-1px;
	transition:.3s
}

.ibanner .swiper-pagination-bullet-active {
	width:10px;
	height:10px;
	top:0
}

.ibanner::after {
	content:'';
	display:block;
	position:absolute;
	z-index:55;
	left:0;
	right:0;
	bottom:0;
	height:30vh;
	/*background:#000;
	background:linear-gradient(transparent, #000)*/
}

.ibanner .pcShow,.ibanner .mShow {
	display:none
}

.ibanner .tool,.ibanner .info {
	position:absolute;
	top:60%;
	left:50%;
	width:88%;
	max-width:1600px
}

@media (max-width:1440px) {
	.ibanner .logo img {
		width:4rem
	}
}

@media (min-width:992px) {
	.ibanner .inner {
		display:table;
		width:100%
	}

	.ibanner .inner>* {
		display:table-cell;
		vertical-align:middle
	}

	.ibanner .inner>* {
		width:50%
	}

	.ibanner .r_inner {
		max-width:100%; text-align: center;
	}

	.ibanner .rinfo {
		max-width:500px
	}
}

@media (max-width:991px) {
	.ibanner {
		text-align:center
	}

	.ibanner .info {
		top:50%
	}

	.ibanner .rinfo {
		margin-top:40px;    zoom: 0.84;
	}
}

.ibanner .pagination {
	color:#fff;
	font-family:medium;
	font-size:30px;
	line-height:1;
	white-space:nowrap;
	text-align:left
}

.ibanner .info {
	transform:translateX(-50%) translateY(-50%) scale(1);
	opacity:0;
	transition:all 1s ease-in 0s;
	z-index:999;
	color:#fff
}

.ibanner h5 {
	margin:0;
	font-size:54px; font-weight:900;
	line-height:1.76
}


@media screen and (min-width: 1024px) {.dsds01{ margin:0;
	font-size:24px; font-weight:100;
	line-height:1.76}
	
	.ibanner video {
	width:100vw;
	height:100vh;
	object-fit:cover
}

.ibanner .swiper-slide {
	overflow:hidden
}

.ibanner .bg {
	z-index:1;
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background-repeat:no-repeat;
	background-position:center !important;
	background-size:cover !important;animation: zoombig 4s linear forwards;
}

	}
@media screen and (max-width: 1024px) {.dsds01{ margin:0;
	font-size:16px; font-weight:100;
	line-height:1.76}
	.ibanner video {
	width:100vw;
	height:100vh;
	object-fit:cover
}

.ibanner .swiper-slide {
	overflow:hidden
}

.ibanner .bg {
	z-index:1;
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100%;
	background-repeat:no-repeat;
	background-position:center !important;
	background-size:cover !important;animation: zoombig 4s linear forwards;
}

	
	}





@keyframes zoombig {
	0%{transform: scale(1.15,1.15);} 
	100%{transform: scale(1,1);}
}

.ibanner .logo img {
	width:5rem
}

.ibanner .swiper-slide-active .info {
	opacity:1
}

@media (max-width:992px) {
	.ibanner .pagination {
		text-align:center
	}
}

@media (max-width:768px) {
	.ibanner .logo img {
		max-width:40%
	}

	.ibanner .pagination {
		font-size:15px
	}

	.ibanner h5 {
		font-size:18px
	}
}

@media (max-width:480px) {
	.ibanner h5 {
		font-size:20px
	}
}

@keyframes saAnia {
	0% {
		transform:translateY(0)
	}

	100% {
		transform:translateY(10px)
	}
}

@-webkit-keyframes saAnia {
	0% {
		transform:translateY(0)
	}

	100% {
		transform:translateY(10px)
	}
}

@-moz-keyframes saAnia {
	0% {
		transform:translateY(0)
	}

	100% {
		transform:translateY(10px)
	}
}

.mouse {
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	background-image:url(../images/mouse.png);
	width:28px;
	height:42px;
	position:absolute;
	left:50%;
	bottom:.4rem;
	z-index:55;
	margin-left:-14px;
	cursor:pointer;
	z-index:66;
	animation:saAnia 1s linear .6s infinite alternate
}

.header {
	background:rgba(255,255,255,1);
	z-index:666;
	position:fixed;
	left:0;
	right:0;
	top:0;
	font-size:18px
}

.header .wrap {
	height:1rem;
	margin-left:3%;
	margin-right:3%;
	line-height:1rem;
	max-width:none;
	width:94%;
	overflow:visible
}

.header .icon-sousuo {
	color:#fff;
	cursor:pointer
}

.header a {
	color:#000
}

.header a:hover {
	opacity:.8
}

.header .hd-logo {
	background-image:url('../images/logo2.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block;
	transition:.3s;
	position:absolute;
	height:100%;
	width:240px
}

.header .pc-menus {
	transition:.3s;
	width:80%
}

.header .pc-menus ul {
	float: right;
}

.header .pc-menus ul>* {
	display:table-cell;
	vertical-align:middle
}

.header .pc-menus li {
	transition:.3s;
	font-size:18px;
	text-align:right;
	width:10%
}

.header .pc-menus .active>a {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold
}

.header .pc-menus .hd-search-item {
	width:5%
}

.header .pc-menus li:last-child {
	padding-right:0
}

.header .pc-menus li:hover>a {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold
}

@media (max-width:1500px) {
	.header .pc-menus li {
		font-size:16px
	}
}

@media (max-width:480px) {
	.header .wrap {
		height:60px
	}

	.header .hd-logo {
		background-size:200px;
		background-position:0 center;
		left:15px
	}

	.header .menu_btn {
		right:0
	}
}

.header.cur {
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.1)
}

.header.cur a {
	color:#333
}

.header.cur li:hover>a {
	color:#43bbb3
}

.header.cur .hd-logo {
	background-image:url('../images/logo2.png');
	height:90%
}

.header.cur .hd-search-item .ic-serach {
	color:#333
}

.header.cur .hd-search-item .ic-serach:hover {
	color:#43bbb3
}

.header.cur .menu_btn i {
	background:#43bbb3
}

.hd-search-item {
	position:relative;
	z-index:555
}

.hd-search-item .ic-close {
	display:none
}

.hd-search-item.on .ic-btn {
	display:none
}

.hd-search-item.on .ic-close {
	display:block
}

.hd-search-item .ic-serach {
	font-size:105%;
	color:#fff;
	cursor:pointer
}

.searchform {
	display:none;
	position:absolute;
	right:5%;
	top:80%;
	width:400px;
	background:#fff;
	z-index:999;
	padding:16px;
	border-radius:6px
}

.searchform .closes {
	display:none
}

.searchform form {
	position:relative;
	display:block;
	overflow:hidden;
	line-height:1
}

.searchform input {
	outline:none;
	border:0;
	height:40px;
	line-height:40px
}

.searchform .key {
	width:100%;
	border-radius:6px;
	text-indent:10px;
	border:1px solid #ccc;
	font-size:16px
}

.searchform .submit {
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	right:0;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff;
	width:70px;
	border-radius:0 6px 6px 0;
	font-size:14px
}

.searchform .submit:hover {
	background:linear-gradient(-90deg, #43bbb3, #126eae)
}

.searchform.on {
	display:block;
	top:0px;
	left:0;
	height:100vh;
	width:100vw;
	border-radius:0;
	padding-top:40vh;
	background:#333
}

.searchform.on .closes {
	position:absolute;
	right:5%;
	top:5%;
	color:#fff;
	font-size:24px;
	display:block;
	cursor:pointer
}

.searchform.on input {
	background:none;
	color:#ccc;
	font-size:16px;
	height:60px;
	line-height:60px
}

.searchform.on .key {
	border:0;
	border-bottom:1px solid #666;
	border-radius:0
}

.searchform.on .submit {
	background:none
}

.m-menus-top {
	height:60px;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	position:relative;
	line-height:60px;
	padding-left:8%
}

.m-menus-top .icon-guanbi {
	color:#fff !important;
	cursor:pointer;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	right:8%
}

.header.fixed {
	box-shadow:0 0 15px rgba(0,0,0,0.15)
}

@media (max-width:480px) {
	.header.fixed {
		box-shadow:0 0 5px rgba(0,0,0,0.15)
	}
}

.m-menus {
	width:66%;
	height:100vh;
	position:fixed;
	top:0;
	right:-66%;
	background:#fff;
	overflow:hidden;
	line-height:40px;
	font-size:15px;
	z-index:999
}

.m-menus a {
	color:#333
}

.m-menus.active {
	right:0
}

.m-menus ul {
	height:calc((100vh - 60px ));
	overflow-y:auto;
	padding:10px 0 50px
}

.m-menus .item {
	cursor:pointer;
	transition:.3s;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	position:relative
}

.m-menus .item .iconfont {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	right:8%;
	font-size:15px;
	color:#999;
	font-weight:bold;
	transition:.3s
}

.m-menus .item>a,.m-menus h5 {
	display:block;
	padding:0 8%;
	line-height:46px;
	color:#000;
	position:relative;
	border-bottom:1px solid #f2f2f2;
	font-size:15px
}

.m-menus dl {
	display:none;
	background:rgba(0,0,0,0.05);
	padding:8px 0 12px 15%;
	font-size:14px
}

.m-menus dl a {
	color:#666;
	display:block;
	line-height:26px
}

.m-menus .trans {
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.m-menus .item.active h5>* {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold
}

.m-menus .open h5>a,.m-menus .open h5 p {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold
}

.m-menus .open h5 .iconfont {
	transform:rotate(180deg) translateY(50%)
}

#headContent.on {
	transform:translateX(-40%)
}

.header.on,footer.on,main.on {
	transform:translateX(-60%)
}

.m-menus,#headContent,main,footer {
	transition:.5s
}

@media screen and (min-width: 1024px) {.iabout {
	padding-top:2.4rem;
	background:url('../images/about_bg.png') no-repeat center 0 #e5eaf0;
	background-size:contain
}}
@media screen and (max-width: 1024px) {.iabout {
	padding-top:2.4rem;
	background:url('../images0/about_bg.png') no-repeat center 0 #e5eaf0;
	background-size:contain
}}}


.iabout .wrap {
	max-width:1340px
}

.iabout .pc-adv {
	width:61%;
	position:absolute;
	left:33%;
	top:-1.1rem;
	z-index:2
}

.iabout .pc-adv .th {
	width:5.6rem;
	height:2.16rem;
	background-image:url('../images/th.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.iabout .pc-adv .txt {
	position:absolute;
	right:0;
	bottom:0
}

.iabout .adv .txt {
	font-size:20px;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	white-space:nowrap;
	line-height:40px
}

@media (min-width:993px) {
	.iabout .top {
		display:table;
		width:100%
	}

	.iabout .top .m-adv {
		display:none
	}

	.iabout .top>* {
		display:table-cell;
		vertical-align:middle
	}

	.iabout .top>* {
		vertical-align:bottom
	}

	.iabout .top .imgbox {
		width:50%;
		padding-right:4%
	}

	.iabout .top .content {
		padding-left:5%;
		width:50%;
		padding-right:5%
	}
}

.iabout .top .img {
	padding:.56rem .56rem 0 0;
	position:relative;
	display:inline-block
}

.iabout .top .img::after {
	content:'';
	display:block;
	position:absolute;
	left:.56rem;
	top:0;
	bottom:.56rem;
	right:0;
	background:#0b2d50;
	z-index:1
}

.iabout .top .img img {
	position:relative;
	z-index:3
}

.iabout .top h4 {
	font-size:.36rem;
	margin:0
}

.iabout .top .info {
	font-size:16px;
	color:#999;
	line-height:1.86;
	margin:.3rem 0 .3rem;
	min-height:170px
}

.iabout .rec-more {
	width:2.2rem;
	height:.56rem;
	line-height:.56rem;
	display:inline-block;
	border:1px solid #666;
	text-align:center;
	color:#666;
	font-size:16px;
	transition:.3s
}

.iabout .rec-more:hover {
	border-color:#43bbb3;
	color:#43bbb3
}

.iabout .company-data {
	padding:1.2rem 0
}

@media (max-width:1640px) {
	.iabout .top h4 {
		font-size:.3rem
	}

	.iabout .top .info {
		margin:.2rem 0 20px;
		font-size:15px;
		min-height:138px
	}

	.iabout .rec-more {
		height:.46rem;
		line-height:.46rem;
		font-size:14px;
		width:1.8rem
	}
}

@media (max-width:1360px) {
	.iabout .adv {
		left:30%
	}

	.iabout .adv .th {
		height:1.6rem
	}

	.iabout .adv .txt {
		line-height:26px
	}

	.iabout .top .info {
		font-size:14px
	}
}

@media (max-width:992px) {
	.iabout {
		padding-top:1.6rem
	}

	.iabout .pc-adv {
		display:none
	}

	.iabout .m-adv {
		color:#43bbb3; display:none;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		text-transform:uppercase;
		font-size:.3rem;
		margin:.2rem 0 .5rem
	}

	.iabout .top {
		text-align:center
	}

	.iabout .top h4 {
		font-size:18px
	}

	.iabout .content .info {
		min-height:auto;
		text-align:left;
		line-height:1.76
	}

	.iabout .rec-more {
		height:.56rem;
		line-height:.56rem;
		width:2.4rem;    margin-bottom: 14px;
	}
}

@media (max-width:992px) {
	.iabout .company-data li {
		margin-bottom:.5rem
	}
}

@media (max-width:640px) {
	.iabout .top .img {
		padding:0
	}

	.iabout .top .img::after {
		display:none
	}

	.iabout .company-data {
		padding-left:15%; display:none;
	}
}

@media (max-width:480px) {
	.iabout {
		padding-top:0.4rem
	}
}

.company-data {
	font-family:medium
}

.company-data .val {
	color:#43bbb3
}

.company-data .tit {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.company-data .val {
	font-size:.4rem;
	white-space:nowrap
}

.company-data .val em {
	font-size:.48rem
}

.company-data .tip {
	font-size:16px;
	color:#999
}

.ilogo {
	padding:.62rem 0 .22rem;
	text-align:center
}

.ilogo .wrap {
	max-width:1380px
}

.ilogo li {
	margin-bottom:.4rem
}

.ilogo img {
	max-width:80%
}

@media (max-width:768px) {
	.ilogo img {
		max-width:70%
	}
}

.inews {
	padding:1.2rem 0 1.36rem
}

.inews .wrap {
	max-width:100%;
}

.inews .newinfo {
	font-size:16px
}

.inews .newinfo .title {
	font-size:20px
}

@media (min-width:769px) {
	.inews .title {
		overflow:hidden;
		white-space:nowrap;
		-o-text-overflow:ellipsis;
		text-overflow:ellipsis
	}

	.inews .leftbox {
		min-height:300px;
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-box-orient:vertical;
		box-orient:vertical;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-box-pack:center;
		box-pack:center;
		padding-right:5%
	}

	.inews .lgimg {
		position:relative;
		overflow:hidden;
		cursor:pointer
	}

	.inews .lgimg .img {
		overflow:hidden
	}

	.inews .lgimg .img img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.inews .lgimg .img:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}

	.inews .lgimg img {
		display:block;
		width:100%
	}

	.inews .lgimg .time,.inews .lgimg .more {
		color:#fff
	}

	.inews .lgimg::after {
		content:'';
		display:block;
		position:absolute;
		z-index:55;
		height:30vh;
		background:linear-gradient(transparent, #000000);
		left:0;
		right:0;
		bottom:0;
		height:30%;
		z-index:1
	}

	.inews .lgimg .newinfo {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		color:#fff;
		z-index:2;
		padding:.2rem;
		line-height:1.8
	}

	.inews .lgimg .newinfo a {
		color:#fff
	}

	.inews .lgimg:hover .title {
		color:#43bbb3
	}

	.inews .bd {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		-webkit-box-align:stretch;
		box-align:stretch;
		-webkit-align-items:stretch;
		align-items:stretch
	}

	.inews .box {
		position:relative;
		width:50%
	}

	.inews .box-list li {
		height:33.33%
	}

	.inews .box-list .newinfo {
		width:100%
	}

	.inews .box-list::before {
		content:'';
		display:block;
		position:absolute;
		left:5px;
		top:15px;
		bottom:15px;
		border-left:1px solid #e5eaf0
	}

	.inews .box-list .newinfo {
		line-height:1.86;
		position:relative
	}

	.inews .box-list .newinfo::before {
		content:'';
		position:absolute;
		width:10px;
		height:10px;
		background:#0b2d50;
		border-radius:50%;
		left:0
	}

	.inews .box-list .newinfo>* {
		padding-left:10%
	}

	.inews .box-list .newinfo:hover .title a {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block;
		-font-weight:bold
	}

	.inews .box-list .newinfo:hover::before {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}

	.inews .box-list li:nth-child(1) .newinfo::before {
		top:10px
	}

	.inews .box-list li:nth-child(2) {
		display:flex
	}

	.inews .box-list li:nth-child(2) .newinfo {
		margin:auto 0
	}

	.inews .box-list li:nth-child(2) .newinfo::before {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:5
	}

	.inews .box-list li:nth-child(3) {
		display:flex
	}

	.inews .box-list li:nth-child(3) .newinfo {
		margin:auto 0 0 0
	}

	.inews .box-list li:nth-child(3) .newinfo::before {
		bottom:10px
	}
}

.inews .time,.inews .more {
	color:#0b2d50
}

.inews .more:hover {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

@media (max-width:1440px) {
	.inews .newinfo .title {
		font-size:18px;
		font-weight:bold
	}
}

@media (max-width:768px) {
	.inews .box-list li {
		border-top:1px solid #e5eaf0;
		padding-top:.3rem
	}

	.inews .newinfo {
		margin-bottom:.5rem
	}

	.inews .newinfo .time {
		color:#999;
		font-size:14px
	}

	.inews .newinfo .title {
		line-height:29px;
		height:58px;
		margin:5px 0 10px;
		font-weight:normal;
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		word-wrap:break-word;
		white-space:normal !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2
	}

	.inews .newinfo .more {
		color:#666;
		font-size:14px
	}

	.inews .leftbox {
		text-align:center
	}

	.inews .leftbox img {
		margin-bottom:.3rem
	}

	.inews .leftbox .newinfo {
		text-align:left
	}

	.inews .leftbox .title {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block;
		font-weight:bold
	}
}

@media (max-width:768px) {
	.inews .lgimg img {
		width:100%
	}
}

.more1 {
	display:block;
	width:2.2rem;
	height:.56rem;
	line-height:.56rem;
	color:#fff;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	text-align:center;
	margin:1rem auto 0;
	font-size:16px
}

.more1:hover {
	color:#fff
}

@media (max-width:640px) {
	.more1 {
		width:2.6rem;
		height:.7rem;
		line-height:.7rem
	}
}

.ihd {
	text-align:center;
	margin-bottom:.9rem
}

.ihd .en {
	font-size:.44rem; text-transform:uppercase;
	font-family:medium;
	font-weight:bold
}

.ihd h2 {
	font-size:.32rem;
	color:#0b2d50;
	margin:0
}

@media (max-width:480px) {
	.ihd {
		margin-bottom:.5rem
	}

	.ihd .en {
		font-size:.46rem
	}

	.ihd h2 {
		font-size:20px
	}
}

@media (min-width:769px) {
	.swiper-case {
		--swiper-navigation-color:#fff;
		--swiper-navigation-size:16px
	}

	.swiper-case .swiper-button-next,.swiper-case .swiper-button-prev {
		width:48px;
		height:48px;
		border-radius:50%;
		margin-top:-24px;
		background:#cdd1d7;
		transition:.3s
	}

	.swiper-case .swiper-button-prev {
		left:calc((25% - 44px - 24px))
	}

	.swiper-case .swiper-button-next {
		right:calc((25% - 44px - 24px))
	}

	.swiper-case .swiper-button-next:hover,.swiper-case .swiper-button-prev:hover {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}
}

.swiper-case {
	--swiper-theme-color:#43bbb3
}

.swiper-case li {
	padding:20px 44px;
	width:50vw
}

.swiper-case li img {
	display:block;
	width:100%;
	border:1px solid #c7cacd;
	box-shadow:0 0 20px rgba(0,0,0,0.1)
}

.swiper-case a {
	display:block;
	position:relative
}

.swiper-case a .info {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:.68rem;
	line-height:.68rem;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	text-align:center;
	color:#fff;
	font-size:24px
}

@media (max-width:1440px) {
	.swiper-case li {
		padding:0 30px
	}

	.swiper-case .swiper-button-prev {
		left:calc((25% - 30px - 24px))
	}

	.swiper-case .swiper-button-next {
		right:calc((25% - 30px - 24px))
	}
}

@media (max-width:1200px) {
	.swiper-case li {
		padding:0 20px
	}

	.swiper-case .swiper-button-next,.swiper-case .swiper-button-prev {
		width:40px;
		height:40px;
		margin-top:-20px
	}

	.swiper-case .swiper-button-prev {
		left:calc((25% - 20px - 20px))
	}

	.swiper-case .swiper-button-next {
		right:calc((25% - 20px - 20px))
	}
}

@media (max-width:992px) {
	.swiper-case a .info {
		font-size:16px
	}
}

@media (max-width:768px) {
	.swiper-case {
		--swiper-navigation-color:#43bbb3;
		--swiper-navigation-size:30px
	}

	.swiper-case .swiper-button-prev {
		left:2px;
		width:auto;
		margin-top:-40px
	}

	.swiper-case .swiper-button-next {
		right:2px;
		width:auto;
		margin-top:-40px
	}

	.swiper-case li {
		padding:0 5px;
		width:86vw
	}

	.swiper-case li a {
		padding-bottom:40px
	}

	.swiper-case li .info {
		position:relative;
		display:block;
		font-size:16px
	}
}

.swiper-good {
	--swiper-theme-color:#43bbb3
}

.swiper-good .swiper-pagination {
	line-height:1;
	font-size:0;
	bottom:0
}

.swiper-good a {
	display:block;
	position:relative
}

.swiper-good .img {
	background:#e5eaf0;
	transition:.3s
}

@media screen and (min-width: 1024px) {.swiper-good .img img {
	display:block;
}}
@media screen and (max-width: 1024px) {.swiper-good .img img {
	display:block;
}}


@media screen and (min-width: 1024px) {.swiper-good .info {
	position:absolute;
	left:0;
	right:0;background: linear-gradient(90deg, #43bbb3, #14b5ca);        color: #fff;
	bottom:0;
	height:1.54rem;
	text-align:center;
	transition:.3s;
	padding:.1rem 0;
	line-height:1.6
}}
@media screen and (max-width: 1024px) {.swiper-good .info {
	position:absolute;
	left:0; zoom:0.7;
	right:0;background: linear-gradient(90deg, #43bbb3, #126eae);
	bottom:0;
	height:3.74rem;
	text-align:center;
	transition:.3s;
	padding:.2rem 0;
	line-height:1.6
}}


.swiper-good .tit {
	font-size:24px
}

.swiper-good .type {
	font-size:16px;
	color:#fff
}

.swiper-good li {
	padding:20px 17px 30px;
	width:29vw
}

.swiper-good li .img {
	display:block;
	width:100%;
}

@media (min-width:992px) {
	.swiper-good li:hover .img {
		background:#fff
	}

	.swiper-good li:hover .img {
		box-shadow:0 0 20px rgba(0,0,0,0.2)
	}

	.swiper-good li:hover .info {
		background:linear-gradient(90deg, #43bbb3, #126eae);
		color:#fff
	}

	.swiper-good li:hover .info .type {
		color:#fff
	}
}

@media (max-width:1700px) {
	.swiper-good .tit {
		font-size:20px
	}

	.swiper-good .type {
		font-size:12px
	}
}

@media (max-width:992px) {
	.swiper-good li {
		width:33vw;
		padding:20px 10px 40px
	}

	.swiper-good .info {
		position:static
	}
}

@media (max-width:640px) {
	.swiper-good li {
		width:50vw;
		padding:20px 10px 40px
	}
}

@media (max-width:480px) {
	.swiper-good li {
		padding:20px 6% 30px;
		width:100vw
	}

	.swiper-good .tit {
		font-size:14px
	}

	.swiper-good .type {
		font-size:22px
	}
}

.icase {
	padding:1.2rem 0 1.6rem;
	background:url('../images/bg_2.png') no-repeat center #eaeef3;
	background-size:auto 80%;
	overflow:hidden
}

@media (max-width:768px) {
	.icase {
		padding-bottom:1rem
	}
}

@media screen and (min-width: 1024px) {.igood {
	padding:1rem 0;
	overflow:hidden;
	--swiper-navigation-color:#fff;
	--swiper-navigation-size:16px
}
}
@media screen and (max-width: 1024px) {.igood {
	padding:0.47rem 0;
	overflow:hidden;
	--swiper-navigation-color:#fff;
	--swiper-navigation-size:16px
}
}

.igood .row {
	position:relative
}

.igood .col-md-4 {
	position:static
}

.igood .swiper-button-next,.igood .swiper-button-prev {
	width:48px;
	height:48px;
	border-radius:50%;
	margin-top:-24px;
	background:#cdd1d7;
	transition:.3s
}

.igood .pnext {
	position:relative;
	left:auto;
	right:auto;
	margin-top:0;
	display:inline-block;
	text-align:center;
	margin-right:20px;
	top:0
}

.igood .pnext::after {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	z-index:5
}

.igood .pnext:hover {
	background:linear-gradient(90deg, #43bbb3, #126eae)
}

.igood .pnext-box {
	left:11%; margin-top:7%;
	bottom:30px
}

.igood .good-hd {
	padding-left:30%
}

.igood .ihd {
	text-align: center;
	margin-bottom:.4rem
}

.igood .text {
	color:#999;
	font-size:16px;
	line-height:1.76
}

@media (max-width:1700px) {
	.igood .text {
		font-size:15px
	}
}

@media (max-width:1500px) {
	.igood .good-hd {
		padding-left:20%
	}

	.igood .ihd {
		margin-bottom:15px
	}

	.igood .text {
		line-height:1.5
	}
}

@media (max-width:1300px) {
	.igood .pnext-box {
		bottom:20px;
		left:7%
	}

	.igood .pnext {
		width:40px;
		height:40px;
		margin-right:10px
	}
}

@media (max-width:992px) {
	.igood .good-hd {
		padding-left:0;
		position:relative;
		max-width:1600px;
		width:88%;
		margin-left:auto;
		margin-right:auto
	}

	.igood .ihd {
		text-align:center;
		margin-bottom:.5rem
	}

	.igood .tit {
		font-size:28px; font-weight:700; color:#fff;
	}
}

.icase .swiper-case .swiper-slide {
	opacity:.5;
	padding-top:20px;
	padding-bottom:20px
}

.icase .swiper-case .swiper-slide-active {
	opacity:1
}

.icase .swiper-case .swiper-slide-active img {
	box-shadow:0 0 20px rgba(0,0,0,0.1)
}

.banner1 {
	height:calc((100vh - 3rem));
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}

.banner1 img {
	display:none
}

@media (max-width:1366px) {
	.banner1 {
		height:calc((100vh - 1.4rem))
	}
}

@media (max-width:1280px) {
	.banner1 {
		height:60vh;
		max-height:calc((100vh - 1.4rem))
	}
}

@media (max-width:640px) {
	.banner1 {
		height:200px
	}
}

.page-nav {
	overflow:hidden;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff;
	position:relative
}

.page-nav .logo_bg {
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	width:100%;
	background:url('../images/logo_bg.png') no-repeat .4rem center;
	background-size:contain
}

@media screen and (min-width: 1024px) {.page-nav .inner {
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	height:1.4rem
}
}
@media screen and (max-width: 1024px) {.page-nav .inner {
	max-width:1600px;
	width:88%; padding:24px;
	
}
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.page-nav li a {
	color:rgba(255,255,255,0.5)
}

.page-nav .en {
	margin-top:6px;
	text-transform:uppercase
}

.page-nav ul {
	color:#fff;
	font-size:16px
}

.page-nav.s1 .bd {
	width:70%
}

.page-nav.s1 .bd ul {
	display:table;
	width:100%
}


@media screen and (min-width: 1024px) {.page-nav.s1 .bd ul>* {
	display:table-cell;
	vertical-align:middle
}}
@media screen and (max-width: 1024px) {.page-nav.s1 .bd ul>* {
	
}}


.page-nav.s2 .bd {
	width:70%;
	text-align:right
}

.page-nav.s2 .bd li {
	display:inline-block;
	margin-left:.9rem
}

.page-nav.s2 .bd li:first-child {
	margin-left:0
}

@media screen and (min-width: 1024px) {.page-nav .bd a {
	display:inline-block;
	text-align:left
}

.page-nav .bd li {
	opacity:.6;
	text-align:center
}

.page-nav .bd li:hover a,.page-nav .bd .active a {
	color:#fff
}
}
@media screen and (max-width: 1024px) {.page-nav .bd a {
	display:inline-block;
	text-align:left
}

.page-nav .bd li {
	opacity:.6;
	text-align:left
}}
.page-nav .bd li:hover a,.page-nav .bd .active a {
	color:#fff
}
}


.page-nav .bd li:hover a,.page-nav .bd .active a {
	color:#fff
}

.page-nav .bd li:hover .id::after,.page-nav .bd .active .id::after {
	opacity:1
}

.page-nav .id {
	position:relative
}

.page-nav .id::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:30px;
	height:1px;
	border-bottom:1px solid #fff;
	opacity:.5
}

.page-nav h5 {
	font-size:18px;
	margin-top:5px
}

@media (max-width:1200px) {
	.page-nav.s1 .bd {
		width:100%
	}

	.page-nav h2 {
		font-size:26px
	}

	.page-nav .en {
		font-size:12px
	}

	.page-nav .type {
		font-size:12px
	}

	.page-nav h5 {
		font-size:15px
	}
}

@media (max-width:992px) {
	.page-nav {
		
	}
}

.compnay {
	position:relative;
	overflow:hidden;
	background:#f6fafc
}

.compnay .wrap {
	padding-bottom:1rem;
	padding-top:1rem;
	background:url(../images/bg_3.jpg) no-repeat center bottom #f6fafc;
	background-size:contain;
	position:relative
}

.compnay dl {
	margin-top:1rem; line-height:200%; font-size:16px;
}

.compnay dt {
	font-size:20px;
	font-weight:700;
	margin-bottom:.4rem
}

.compnay dd {
	color:#666;
	line-height:30/16
}

@media (max-width:1440px) {
	.compnay .inner {
		width:96%
	}
}

@media (min-width:993px) {
	.compnay .wrap::after {
		content:'';
		position:absolute;
		bottom:.7rem;
		left:100%;
		height:4.19rem;
		width:.8rem;
		background-image:url('../images/bg_5.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center center;
		display:block;
		z-index:555
	}

	.compnay .inner {
		width:84%;
		margin:0 auto
	}

	.compnay .line-bg {
		background:url(../images/bg_4.png);
		position:absolute;
		top:0;
		bottom:0;
		width:50%;
		left:50%
	}
}

@media (max-width:1500px) {
	.compnay .inner {
		width:94%;
		margin:0 auto
	}
}

@media (max-width:1500px) and (min-width:993px) {
	.compnay .company-data .val {
		font-size:.34rem
	}

	.compnay .company-data .val em {
		font-size:.4rem
	}
}

@media (max-width:992px) {
	.compnay .wrap {
		padding-bottom:1.5rem
	}

	.compnay .wrap {
		padding-left:6%;
		padding-right:6%;
		width:100%
	}

	.compnay .inner {
		width:100%
	}

	.compnay .company-data li {
		margin-top:30px
	}

	.compnay dt {
		margin-bottom:.3rem
	}
}

@media (max-width:640px) {
	.compnay .wrap {
		padding-bottom:1rem
	}

	.compnay dt {
		font-size:22px;
		margin-bottom:.2rem
	}

	.compnay dd {
		line-height:1.76
	}
}

@media (max-width:480px) {
	.compnay .company-data li {
		margin-top:20px
	}
}

.hd2 {
	margin-bottom:.5rem
}

.hd2 h2 {
	font-size:30px;
	position:relative;
	font-weight:bold
}

.hd2 h2::after {
	content:'';
	display:block;
	width:.62rem;
	height:4px;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	margin-top:.26rem
}

@media (max-width:480px) {
	.hd2 h2 {
		font-size:22px
	}
}

.hd2._center {
	text-align:center
}

.hd2._center h2::after {
	margin:.26rem auto 0
}

.zs-list {
	background:#e5eaf0;
	padding-top:1rem;
	font-size:16px;
	padding-bottom:1.45rem
}

.zs-list .row {
	margin-left:-0.4rem;
	margin-right:-0.4rem
}

.zs-list .row li {
	padding-left:.4rem;
	padding-right:.4rem;
	margin-bottom:.6rem
}

.zs-list .inner {
	background:#fff;
	text-align:center;
	padding:.5rem 0;
	transition:.3s;
	cursor:default
}

.zs-list .inner:hover {
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	transform:translateY(-10px)
}

.zs-list .img {
	margin-bottom:.5rem
}

.zs-list .img img {
	display:block;
	box-shadow:0 15px 20px rgba(0,0,0,0.1);
	margin:0 auto;
	max-width:70%
}

.zs-list .tit {
	margin:0 8%
}

@media (max-width:1200px) {
	.zs-list {
		margin-left:-0.3rem;
		margin-right:-0.3rem
	}

	.zs-list li {
		padding-left:.3rem;
		padding-right:.3rem;
		margin-bottom:.5rem
	}
}

@media (min-width:993px) {
	.zs-list li:nth-child(3n+1) {
		clear:left
	}
}

@media (max-width:992px) {
	.zs-list {
		margin-left:-0.2rem;
		margin-right:-0.2rem
	}

	.zs-list li {
		padding-left:.2rem;
		padding-right:.2rem;
		margin-bottom:.3rem
	}

	.zs-list li:nth-child(2n+1) {
		clear:left
	}
}

@media (max-width:480px) {
}

.zs-list .pagination {
	margin-top:.4rem
}

.pagination {
	text-align:center;
	display:block
}

.pagination li {
	margin:0 2px
}

.pagination li>a,.pagination li>span {
	float:none;
	display:inline-block;
	cursor:pointer;
	color:#333;
	border-radius:0!important;
	border-color:#dddddd
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff;
	border:0
}

.case-list {
	padding:1rem 0 1.2rem;
	background:#e5eaf0
}

.case-list .row li {
	margin-bottom:40px
}

.case-list .row img {
	width:100%;
	display:block
}

.case-list .row .content {
	padding:.2rem .2rem .2rem;
	line-height:1.76;
	background:#fff
}

.case-list .row .tit {
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	font-size:18px;
	font-weight:bold
}

.case-list .row .desc {
	font-size:16px;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	text-align:left
}

.case-list .row a {
	display:block;
	position:relative;
	overflow:hidden;
	background:#fff
}

.case-list .row a img {
	-webkit-transition:.5s;
	-o-transition:.5s;
	-moz-transition:.5s;
	transition:.5s
}

.case-list .row a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}

.case-list .row .inner:hover {
	box-shadow:0 0 10px rgba(0,0,0,0.3)
}

.case-list .row .inner:hover .content {
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff
}

.case-list .row .inner:hover .content .desc {
	color:#fff
}

@media (max-width:1640px) {
	.case-list .row .tit {
		font-size:16px
	}
}

@media (max-width:1200px) {
	.case-list .row {
		margin-left:-10px;
		margin-right:-10px
	}

	.case-list .row .tit {
		height:.7rem;
		line-height:.7rem
	}

	.case-list .row>* {
		padding-left:10px;
		padding-right:10px
	}

	.case-list .row li {
		margin-bottom:20px
	}
}

.project-fb {
	padding:1.2rem 0 1.4rem;
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1400px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.project-fb .desc {
	text-align:center;
	font-size:16px;
	color:#999;
	max-width:1200px;
	margin:0 auto 1rem;
	line-height:36/16
}

.project-fb .company-data li {
	padding-top:.3rem;
	padding-bottom:.3rem
}

.project-fb .company-data .val em {
	font-size:.4rem
}

@media (min-width:1200px) {
	.project-fb .row {
		display:table;
		width:100%
	}

	.project-fb .row>* {
		display:table-cell;
		vertical-align:middle
	}

	.project-fb .item {
		float:none
	}

	.project-fb .img-map {
		display:block;
		width:96%;
		margin:auto 0 auto auto
	}
}

@media (max-width:992px) {
	.project-fb .company-data .val em {
		font-size:.5rem
	}

	.project-fb .company-data li {
		padding-top:.2rem;
		padding-bottom:.2rem
	}

	.project-fb .desc {
		line-height:1.76
	}
}

@media (max-width:768px) {
	.project-fb .desc {
		margin-bottom:.6rem;
		text-align:left;
		-text-indent:2em
	}

	.project-fb .company-data {
		margin:0 5%
	}
}

@media (max-width:640px) {
	.project-fb .desc {
		margin-bottom:.4rem
	}
}

@media (max-width:480px) {
	.project-fb .company-data {
		margin:0 2%
	}
}

.news-list-box {
	padding:1.26rem 0 1.3rem;
	position:relative;
	max-width:1400px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1400px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

@media (max-width:639px) {
	.news-list-box {
		background:#fff;
		width:100%
	}
}

@media (max-width:640px) {
	.news-list-box {
		padding-top:.8rem;
		padding-bottom:.8rem
	}
}

.news-list {
	padding-bottom:.2rem
}

@media (min-width:993px) {
	.news-list li:hover {
		box-shadow:0 10px 20px rgba(0,0,0,0.2)
	}

	.news-list li:hover h5 {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block
	}

	.news-list li:hover .icon-right {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}
}

@media (min-width:640px) {
	.news-list a {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		padding:.3rem
	}

	.news-list .img {
		display:block;
		overflow:hidden;
		width:224px;
		margin-right:.4rem
	}

	.news-list .img img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.news-list .img:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}

	.news-list .content {
		min-width:0;
		-webkit-box-flex:1;
		-webkit-flex-grow:1;
		-ms-flex-positive:1;
		flex-grow:1;
		-webkit-flex-shrink:1;
		-ms-flex-negative:1;
		flex-shrink:1;
		margin-right:0
	}

	.news-list h5 {
		line-height:30px;
		max-height:60px;
		margin-bottom:.1rem;
		transition:.3s;
		color:#333;
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		word-wrap:break-word;
		white-space:normal !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		display:inline-block
	}

	.news-list .desc {
		height:48px;
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		word-wrap:break-word;
		white-space:normal !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2
	}
}

.news-list a {
	padding:.48rem .54rem
}

.news-list li {
	background:#fff;
	border:1px solid #d6dadf;
	margin-bottom:.5rem;
	transition:.3s
}

.news-list .date {
	color:#999;
	font-size:14px;
	margin-bottom:4px
}

.news-list h5 {
	font-size:20px;
	font-weight:bold
}

.news-list .desc {
	color:#666;
	line-height:24px
}

.news-list .icon-right {
	background:#cdd1d7;
	transition:.3s;
	margin-left:.5rem;
	width:.48rem;
	height:.48rem;
	line-height:.48rem;
	color:#fff;
	border-radius:50%;
	display:block;
	text-align:center
}

@media (max-width:640px) {
	.news-list .icon-right {
		display:none !important
	}
}

@media (max-width:1200px) {
	.news-list a {
		padding:.38rem .4rem
	}

	.news-list .img {
		width:200px
	}
}

@media (max-width:992px) {
	.news-list h5 {
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		word-wrap:break-word;
		white-space:normal !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		font-size:18px;
		line-height:24px;
		max-height:48px
	}
}

@media (max-width:639px) {
	.news-list li {
		padding:0 6% 30px;
		border:0;
		border-bottom:1px solid #e5eaf0
	}

	.news-list h5 {
		margin-bottom:0
	}

	.news-list .desc {
		line-height:22px;
		height:66px;
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		word-wrap:break-word;
		white-space:normal !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3
	}

	.news-list a {
		display:block;
		overflow:hidden;
		padding:0
	}

	.news-list .date {
		text-align:left;
		margin:10px 0 10px;
		font-size:13px;
		color:#666
	}

	.news-list .img {
		width:100%;
		margin:0 0 10px
	}

	.news-list .img img {
		width:100%
	}

	.news-list .icon-right {
		margin-top:25px;
		background:none;
		border:1px solid #999;
		color:#999
	}
}

@media (max-width:640px) {
	.news-list li {
		margin-bottom:.3rem
	}
}

.news-article-box {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	padding:1rem 0
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.news-article-box h1 {
	font-size:30px;
	font-weight:bold;
	line-height:1.4
}

.news-article-box .description {
	font-size:30px;
	color:#666;
	text-align:right;
	margin-top:.2rem
}

.news-article-box .date {
	font-size:16px;
	color:#bbb;
	margin-top:.2rem;
	margin-top:.1rem
}

.news-article-box article {
	color:#666;
	line-height:2;
	padding:.4rem 0;
	border-top:1px solid #ced1d6;
	border-bottom:1px solid #ced1d6;
	margin-top:.4rem
}

.news-article-box article img {
	display:block;
	margin:10px auto
}

@media (max-width:640px) {
	.news-article-box {
		padding:.7rem 0
	}

	.news-article-box h1 {
		font-size:22px
	}

	.news-article-box .description {
		font-size:16px
	}

	.news-article-box .date {
		font-size:14px
	}

	.news-article-box article {
		line-height:1.76
	}

	.news-article-box article>* {
		margin-bottom:.3rem
	}
}

.article-pnext {
	padding-top:.4rem;
	text-align:center;
	font-size:18px
}

.article-pnext>* {
	display:inline-block;
	margin:0 20px
}

.article-pnext a {
	color:#999;
	transition:.3s
}

.article-pnext a:hover {
	color:#43bbb3
}

.article-pnext .pnext {
	cursor:pointer
}

.article-pnext .return {
	color:#43bbb3
}

@media (max-width:640px) {
	.article-pnext {
		font-size:16px
	}
}

.hzbox .inner {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:940px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.hzbox .info {
	font-size:16px;
	line-height:1.76
}

@media (max-width:640px) {
	.hzbox .info {
		font-size:14px
	}
}

.hzbox1 {
	background:#fff;
	padding:.94rem 0 1.64rem
}

.hzbox1 .info {
	color:#999
}

.hzbox1 .charts {
	display:block;
	margin:0 auto 1.2rem
}

.hzbox2 {
	padding:1.76rem 0;
	min-height:7.15rem;
	background:url('../images/bg_hz.jpg') no-repeat center center;
	background-size:cover;
	color:#fff
}

@media (max-width:640px) {
	.hzbox2 {
		padding:1.3rem 0
	}
}

.recruit {
	overflow:hidden;
	background:#fff
}

.recruit .arrow {
	transition:.3s
}

@media (min-width:992px) {
	.recruit .year {
		padding-left:50px
	}
}

@media (min-width:1200px) {
	.recruit li {
		padding-left:35px
	}

	.recruit .year {
		padding-left:0!important
	}
}

.recruit .hd-wrap {
	background:#9aa1a9;
	padding:0 22px
}

.recruit .hd {
	height:48px;
	line-height:48px;
	font-size:16px;
	color:#fff
}

.recruit .item {
	padding:0 22px
}

.recruit .item-hd {
	padding-top:20px;
	padding-bottom:20px
}

.recruit .item-hd .position {
	font-weight:bold
}

.recruit li {
	padding-left:30px
}

.recruit li p {
	display:inline-block
}

.recruit .item+.item {
	border-top:1px solid #ebebeb
}

.recruit .item-hd {
	font-size:16px;
	cursor:pointer;
	line-height:1.8
}

.recruit .item-hd .tit {
	display:none
}

.recruit .item-bd {
	color:#999999;
	display:none;
	padding:30px 15px
}

.recruit .active .item-bd {
	border-top:1px solid #ebebeb
}

.recruit .active .arrow {
	transform:rotate(180deg);
	display:inline-block
}

.recruit .active .position {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.recruit .arrow {
	float:right;
	margin-right:20%
}

.recruit dd {
	margin:10px 0  30px;
	font-size:16px
}

.recruit dt,.recruit dd {
	line-height:2; font-size:16px;
}

.recruit .arrow {
	font-size:16px;
	color:#333
}

@media (max-width:991px) {
	.recruit .item-hd li {
		margin-bottom:.1rem
	}

	.recruit .item-hd .tit {
		display:inline-block;
		margin-right:10px;
		color:#666
	}
}

@media (max-width:768px) {
	.recruit .item {
		padding:0
	}
}

@media (max-width:640px) {
	.recruit .item-hd {
		font-size:15px;
		margin-left:-5px;
		margin-right:-5px
	}

	.recruit .item-hd>* {
		padding-left:5px;
		padding-right:5px;
		margin-bottom:10px
	}

	.recruit .item-hd .tit {
		margin-right:4px
	}

	.recruit .item-hd {
		padding:10px 20px
	}

	.recruit .item-hd li {
		padding-left:0
	}

	.recruit .item-bd {
		padding:20px 0;
		margin:0 20px
	}

	.recruit .arrow {
		margin-right:10%
	}
}

@media (max-width:479px) {
	.recruit .item-hd li {
		margin-bottom:0
	}

	.recruit dd {
		font-size:14px;
		line-height:1.6
	}
}

.recruit-box {
	padding:1rem 0 .9rem;
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1320px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.recruit-box .hd2 {
	margin-bottom:.76rem
}

@media (max-width:992px) {
	.recruit-box {
		background:#fff;
		width:100%
	}
}

@media (max-width:640px) {
	.recruit-box .hd2 {
		margin-bottom:.5rem
	}
}

.good-data {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.1rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.good-data .hd {
	background:#e5eaf0
}

.good-data .hd h2 {
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff;
	width:190px;
	font-size:24px;
	height:54px;
	line-height:54px;
	text-align:center
}

.good-data .bd {
	padding:.48rem .64rem 0;
	font-size:16px;
	color:#666;
	line-height:1.6
}

.good-data .bd li {
	margin-bottom:.28rem;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative
}

.good-data .bd b {
	color:#333;
	padding-right:.1rem
}

.good-data .bd .val {
	min-width:0;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1
}

@media (max-width:992px) {
	.good-data .hd h2 {
		font-size:20px;
		height:40px;
		line-height:40px;
		width:150px
	}
}

@media (max-width:640px) {
	.good-data {
		width:100%
	}

	.good-data .bd {
		padding:.3rem 6%;
		font-size:14px
	}
}

.good-intro {
	padding:.8rem 0 1rem;
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.good-intro .swiper-container {
	--swiper-theme-color:#43bbb3
}

.good-intro .leftbox .row {
	margin-left:-5px;
	margin-right:-5px
}

.good-intro .leftbox .row>* {
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px
}

@media (min-width:769px) {
	.good-intro .table {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		-webkit-box-align:stretch;
		box-align:stretch;
		-webkit-align-items:stretch;
		align-items:stretch
	}

	.good-intro .table .item1 {
		max-width:128px;
		width:15%
	}

	.good-intro .table .item2 {
		min-width:0;
		-webkit-box-flex:1;
		-webkit-flex-grow:1;
		-ms-flex-positive:1;
		flex-grow:1;
		-webkit-flex-shrink:1;
		-ms-flex-negative:1;
		flex-shrink:1;
		padding-left:10px
	}
}

.good-intro .rightbox {
	padding-left:20px
}

.good-intro .rightbox .hd2 {
	margin-bottom:.45rem
}

.good-intro .rightbox .info {
	color:#666;
	line-height:1.8;
	font-size:16px
}

@media (max-width:640px) {
	.good-intro .rightbox .info {
		font-size:14px
	}
}

@media (max-width:992px) {
	.good-intro .leftbox {
		margin-bottom:1rem
	}
}

@media (max-width:768px) {
	.good-intro .leftbox {
		margin-bottom:.8rem
	}
}

.swiper-thumbs .swiper-slide-thumb-active {
	border:2px solid #43bbb3
}

.swiper-thumbs .swiper-slide {
	margin-bottom:13px
}

.swiper-thumbs .swiper-slide img {
	width:100%;
	display:block
}

@media (min-width:769px) {
	.swiper-thumbs .swiper-wrapper {
		display:block
	}

	.swiper-thumbs .swiper-slide {
		cursor:pointer;
		width:100%
	}
}

@media (max-width:768px) {
	.swiper-thumbs .swiper-wrapper {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		-webkit-box-pack:center;
		box-pack:center;
		-webkit-justify-content:center;
		justify-content:center
	}

	.swiper-thumbs .swiper-slide {
		display:inline-block;
		width:20vw
	}

	.swiper-thumbs .swiper-slide+.swiper-slide {
		margin-left:3px
	}
}

.solve-intro {
	padding:1.25rem 0 1.6rem;
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.solve-intro .info {
	line-height:1.76;
	color:#666
}

.solve-intro .img {
	border:1px solid #ccc;
	display:block;
	width:100%;
	box-shadow:0 10px 20px rgba(0,0,0,0.1)
}

@media (min-width:993px) {
	.solve-intro .inner {
		display:table;
		width:100%
	}

	.solve-intro .inner>* {
		display:table-cell;
		vertical-align:middle
	}

	.solve-intro .imgbox {
		width:55%
	}

	.solve-intro .infobox {
		padding-right:5%;
		width:45%
	}

	.solve-intro .infobox .hd2 {
		margin-bottom:.3rem
	}
}

@media (max-width:992px) {
	.solve-intro .infobox {
		margin-bottom:.6rem
	}
}

@media (max-width:768px) {
	.solve-intro .info {
		font-size:15px
	}
}

@media (max-width:480px) {
	.solve-intro {
		padding:.8rem 0
	}

	.solve-intro .infobox .hd2 {
		margin-bottom:.2rem
	}
}

.solve-list {
	background:#e5eaf0;
	padding:.94rem 0 1.12rem
}

.solve-list ul {
	margin-left:-0.13rem;
	margin-right:-0.13rem
}

.solve-list li {
	padding-left:.13rem;
	padding-right:.13rem;
	cursor:default
}

.solve-list .inner {
	background:#fff;
	padding:.3rem .3rem .4rem;
	transition:.3s
}

.solve-list img {
	display:block;
	width:100%
}

.solve-list dt {
	font-size:24px;
	margin:.34rem 0 .14rem;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.solve-list dd {
	line-height:30/14;
	color:#999
}

.solve-list dd b {
	font-weight:normal;
	color:#333
}

.solve-list .ic {
	display:block;
	margin:0 auto;
	width:1rem;
	height:1rem;
	margin-top:.56rem;
	transition:.3s
}

.solve-list .ic1 {
	background-image:url('../images/ic_solve_1.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list .ic2 {
	background-image:url('../images/ic_solve_2.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list .ic3 {
	background-image:url('../images/ic_solve_3.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list .ic4 {
	background-image:url('../images/ic_solve_4.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list .ic5 {
	background-image:url('../images/ic_solve_5.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list .ic6 {
	background-image:url('../images/ic_solve_6.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list.s2 {
	text-align:center
}

.solve-list.s2 dd {
	min-height:13em
}

.solve-list.s3 .inner {
	text-align:left
}

.solve-list.s3 dl {
	max-width:440px
}

@media (min-width:992px) {
	.solve-list li:Hover .inner {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}

	.solve-list li:Hover dt {
		color:#fff;
		background-image:none;
		-webkit-text-fill-color:#fff
	}

	.solve-list li:Hover dd {
		color:#fff
	}

	.solve-list li:Hover dd b {
		color:#fff
	}

	.solve-list li:Hover .ic {
		transform:rotateY(360deg)
	}

	.solve-list li:Hover .ic1 {
		background-image:url('../images/ic_solve_1_on.png')
	}

	.solve-list li:Hover .ic2 {
		background-image:url('../images/ic_solve_2_on.png')
	}

	.solve-list li:Hover .ic3 {
		background-image:url('../images/ic_solve_3_on.png')
	}

	.solve-list li:Hover .ic4 {
		background-image:url('../images/ic_solve_4_on.png')
	}

	.solve-list li:Hover .ic5 {
		background-image:url('../images/ic_solve_5_on.png')
	}

	.solve-list li:Hover .ic6 {
		background-image:url('../images/ic_solve_6_on.png')
	}

	.solve-list .img {
		overflow:hidden
	}

	.solve-list .img img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.solve-list .img:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
}

@media (max-width:1920px) {
	.solve-list .inner {
		padding:.2rem .2rem .3rem
	}
}

@media (max-width:1800px) and (min-width:993px) {
	.solve-list .row {
		margin-left:-0.1rem;
		margin-right:-0.1rem
	}

	.solve-list li {
		padding-left:.1rem;
		padding-right:.1rem
	}

	.solve-list.s2 dd {
		line-height:1.76;
		min-height:10em
	}
}

@media (max-width:992px) {
	.solve-list li {
		margin-bottom:.3rem
	}

	.solve-list .inner {
		padding:.3rem .3rem .4rem
	}

	.solve-list dt {
		font-size:22px
	}

	.solve-list.s2 dd {
		min-height:8em;
		line-height:1.76
	}
}

@media (max-width:768px) {
	.solve-list {
		background:#fff;
		border-top:1px solid #43bbb3
	}

	.solve-list dd {
		font-size:15px
	}

	.solve-list.s2 {
		text-align:left
	}

	.solve-list.s2 li {
		margin-bottom:40px
	}

	.solve-list.s2 .inner {
		padding:0
	}

	.solve-list.s2 .ic {
		margin-left:0
	}

	.solve-list.s2 dd {
		color:#333;
		min-height:auto
	}
}

@media (max-width:480px) {
	.solve-list ul {
		margin-left:0;
		margin-right:0
	}

	.solve-list ul>* {
		padding-left:0;
		padding-right:0
	}
}

.solve-list3 {
	background:#e5eaf0;
	padding:.94rem 0 1.12rem
}

@media (min-width:769px) {
	.solve-list3 ul {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		-webkit-box-align:stretch;
		box-align:stretch;
		-webkit-align-items:stretch;
		align-items:stretch
	}

	.solve-list3 li {
		cursor:default;
		width:49%;
		background:#fff;
		padding:.6rem .4rem .6rem .3rem
	}

	.solve-list3 li+li {
		margin-left:2%
	}
}

.solve-list3 .inner {
	padding:.6rem .3rem;
	transition:.3s
}

.solve-list3 dl {
	max-width:480px
}

.solve-list3 dt {
	font-size:24px;
	margin-bottom:.14rem;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.solve-list3 dd {
	line-height:30/14;
	color:#999;
	min-height:120px
}

.solve-list3 dd b {
	font-weight:normal;
	color:#333
}

.solve-list3 .ic {
	display:block;
	margin:0 auto;
	width:1rem;
	height:1rem;
	transition:.3s
}

.solve-list3 .ic5 {
	background-image:url('../images/ic_solve_5.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list3 .ic6 {
	background-image:url('../images/ic_solve_6.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.solve-list3 .inner {
	text-align:left
}

.solve-list3 dl {
	max-width:440px
}

@media (min-width:992px) {
	.solve-list3 li:Hover {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}

	.solve-list3 li:Hover dt {
		color:#fff;
		background-image:none;
		-webkit-text-fill-color:#fff
	}

	.solve-list3 li:Hover dd {
		color:#fff
	}

	.solve-list3 li:Hover dd b {
		color:#fff
	}

	.solve-list3 li:Hover .ic {
		transform:rotateY(360deg)
	}

	.solve-list3 li:Hover .ic5 {
		background-image:url('../images/ic_solve_5_on.png')
	}

	.solve-list3 li:Hover .ic6 {
		background-image:url('../images/ic_solve_6_on.png')
	}

	.solve-list3 .img {
		overflow:hidden
	}

	.solve-list3 .img img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.solve-list3 .img:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
}

@media (max-width:1200px) {
	.solve-list3 {
		text-align:center
	}

	.solve-list3 li {
		padding:.6rem .4rem
	}

	.solve-list3 dt {
		margin-top:.4rem
	}

	.solve-list3 dd {
		min-height:auto!important;
		line-height:1.76
	}
}

@media (max-width:992px) {
	.solve-list3 li {
		margin-bottom:.3rem
	}

	.solve-list3 .inner {
		padding:.3rem .3rem .4rem
	}

	.solve-list3 dt {
		font-size:22px
	}
}

@media (max-width:768px) {
	.solve-list3 {
		background:#fff;
		border-top:1px solid #43bbb3;
		text-align:left
	}

	.solve-list3 dd {
		font-size:15px
	}

	.solve-list3 li {
		margin-bottom:40px
	}

	.solve-list3 .inner {
		padding:0
	}

	.solve-list3 .ic {
		margin-left:0
	}

	.solve-list3 dd {
		color:#333;
		min-height:auto
	}
}

@media (max-width:480px) {
	.solve-list3 ul {
		margin-left:0;
		margin-right:0
	}

	.solve-list3 ul>* {
		padding-left:0;
		padding-right:0
	}
}

.solve-list1 {
	background:#e5eaf0;
	padding:.7rem 0 1rem
}

.solve-list1 .img img {
	width:100%
}

@media (min-width:1200px) {
	.solve-list1 ul {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-align-items:center;
		align-items:center;
		-webkit-box-align:center;
		box-align:center;
		-webkit-box-align:stretch;
		box-align:stretch;
		-webkit-align-items:stretch;
		align-items:stretch
	}

	.solve-list1 li {
		cursor:default;
		width:23.7%
	}

	.solve-list1 li+li {
		margin-left:1.5%
	}
}

.solve-list1 li {
	background:#fff;
	padding:.3rem .3rem .4rem
}

.solve-list1 dt {
	font-size:24px;
	margin-bottom:.14rem;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	margin-top:.3rem
}

.solve-list1 dd {
	line-height:30/14;
	color:#999
}

.solve-list1 dd b {
	font-weight:normal;
	color:#333
}

@media (min-width:992px) {
	.solve-list1 li:Hover {
		background:linear-gradient(90deg, #43bbb3, #126eae)
	}

	.solve-list1 li:Hover dt {
		color:#fff;
		background-image:none;
		-webkit-text-fill-color:#fff
	}

	.solve-list1 li:Hover dd {
		color:#fff
	}

	.solve-list1 li:Hover dd b {
		color:#fff
	}

	.solve-list1 .img {
		overflow:hidden
	}

	.solve-list1 .img img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.solve-list1 .img:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
}

@media (max-width:1199px) {
	.solve-list1 li {
		width:48%;
		float:left;
		margin-bottom:.3rem;
		padding:.5rem .5rem .6rem
	}

	.solve-list1 li:nth-child(2n) {
		float:right
	}

}

@media (max-width:768px) {
	.solve-list1 {
		background:#fff;
		border-top:1px solid #43bbb3;
		text-align:left
	}

	.solve-list1 ul li {
		width:100%;
		padding:0;
		margin-bottom:60px;
		float:none
	}

	.solve-list1 dd {
		font-size:15px
	}

	.solve-list1 li {
		margin-bottom:40px
	}

	.solve-list1 dd {
		color:#666;
		min-height:auto
	}
}

.about-sc {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:1rem 0 1.4rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.about-sc .desc {
	font-size:16px;
	color:#999;
	margin-bottom:.9rem;
	line-height:1.8
}

.about-sc-swiper {
	background:#e5eaf0;
	padding:.86rem 0 1.3rem
}

@media (min-width:768px) {
	.about-sc-swiper li .info {
		bottom:-0.68rem;
		transition:.3s
	}

	.about-sc-swiper li a {
		overflow:hidden
	}

	.about-sc-swiper li a img {
		-webkit-transition:.5s;
		-o-transition:.5s;
		-moz-transition:.5s;
		transition:.5s
	}

	.about-sc-swiper li a:hover img {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}

	.about-sc-swiper li a:hover .info {
		bottom:0
	}
}

.about-wx {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	padding:1rem 0 0
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.about-wx .icons li {
	border:1px solid #efefef;
	text-align:center;
	padding-top:.9rem;
	padding-bottom:1.1rem
}

.about-wx .icons li:not(:first-child) {
	border-left:0
}

.about-wx .icons img {
	display:block;
	margin:0 auto;
	transition:.3s
}

.about-wx .icons h5 {
	font-size:24px;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold;
	margin:.2rem 0 .16rem
}

.about-wx .icons p {
	color:#999;
	font-size:16px
}

.about-wx .icons li:hover img {
	transform:rotateY(180deg);
	-webkit-filter:drop-shadow(10px 0 0 rgba(71,198,103,0.1));
	filter:drop-shadow(10px 0 0 rgba(71,198,103,0.1))
}

.about-wx .adv-tit {
	height:1.03rem;
	background-image:url('../images/tit.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block
}

.about-wx .about-desc {
	margin:.4rem 0 .6rem;
	text-align:center
}

@media (max-width:768px) {
	.about-wx .row {
		margin-left:0;
		margin-right:0
	}

	.about-wx .row>* {
		padding-left:0;
		padding-right:0
	}

	.about-wx .icons li {
		margin:0 0 10px 0;
		padding:.3rem 0 .4rem;
		border-radius:10px;
		border-left:1px solid #efefef !important
	}

	.about-wx .icons img {
		max-width:20%
	}
}

@media (max-width:480px) {
	.about-wx .icons p {
		font-size:14px
	}
}

.about-desc {
	font-size:16px;
	color:#999;
	line-height:1.8
}

@media (max-width:480px) {
	.about-desc {
		font-size:15px;
		line-height:1.7
	}
}

.about-ly {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	padding:1rem 0 1.8rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.about-ly .hd2 {
	margin-bottom:.8rem
}

.about-ly .row {
	margin-left:0;
	margin-right:0
}

.about-ly .row>* {
	padding-left:0;
	padding-right:0
}

.about-ly li {
	padding-left:20px;
	position:relative;
	color:#fff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	cursor:default;
	overflow:hidden
}

.about-ly .bg {
	width:100%;
	display:block
}

.about-ly .id {
	font-size:.6rem;
	font-weight:bold;
	font-family:medium
}

.about-ly h5 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:.1rem
}

.about-ly li img {
	transition:.3s;
	opacity:0
}

.about-ly li .id,.about-ly li h5 {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.about-ly li .en {
	color:#999
}

@media (min-width:769px) {
	.about-ly .inner {
		position:absolute;
		left:20px
	}

	.about-ly li:nth-child(2n) .inner {
		bottom:20%
	}

	.about-ly li:nth-child(2n+1) .inner {
		top:20%
	}

	.about-ly li:hover {
		color:#fff
	}

	.about-ly li:hover img {
		opacity:1
	}

	.about-ly li:hover .id,.about-ly li:hover h5 {
		color:#fff;
		background-image:-webkit-linear-gradient(#fff, #fff)
	}

	.about-ly li:hover .en {
		color:#fff
	}
}

@media (max-width:768px) {
	.about-ly .hd2 {
		margin-bottom:.5rem
	}

	.about-ly li {
		text-align:center;
		padding:.8rem .2rem;
		margin-bottom:10px;
		border-radius:10px
	}

	.about-ly .id {
		border:1px solid #43bbb3;
		border-radius:50%;
		width:1rem;
		height:1rem;
		line-height:1rem;
		text-align:center;
		margin-bottom:20px
	}

	.about-ly .en {
		text-transform:uppercase
	}

	.about-ly li:hover .id {
		border-color:#fff
	}

	.about-ly li:hover .en {
		opacity:.8
	}
}

@media (max-width:480px) {
	.about-ly {
		padding-bottom:1rem
	}
}

.join-fz {
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	padding:1.4rem 0 0
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.join-fz li {
	border:1px solid #cfd4db;
	margin-bottom:1rem;
	padding:0 .6rem .8rem
}

@media (min-width:1201px) {
	.join-fz .leftbox {
		width:47%;
		padding-right:.3rem;
		float:left
	}

	.join-fz .rightbox {
		width:53%;
		float:right;
		position:relative;
		margin-top:-30px
	}
}

.join-fz .ids {
	font-weight:bold;
	position:relative;
	top:-25px;
	height:50px;
	line-height:50px;
	left:-10px
}

.join-fz .ids b {
	font-size:.6rem;
	font-family:medium
}

.join-fz .ids em {
	opacity:.5
}

.join-fz .ids .id {
	background:#e5eaf0;
	display:inline-block;
	padding:10px 10px
}

.join-fz .ids b,.join-fz .ids em {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.join-fz h3 {
	font-size:24px;
	font-weight:bold;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	margin:.26rem 0
}

.join-fz h3::after {
	content:'';
	display:block;
	width:24px;
	height:2px;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	margin-top:10px
}

.join-fz .info {
	color:#666;
	line-height:1.7
}

.join-fz .info p+p {
	margin-top:10px
}

@media (max-width:1200px) {
	.join-fz .leftbox {
		margin-bottom:.5rem
	}

	.join-fz .rightbox {
		max-width:620px;
		margin:0 auto
	}
}

@media (max-width:640px) {
	.join-fz {
		background:#fff;
		padding-left:6%;
		padding-right:6%;
		width:100%
	}

	.join-fz li {
		border:0;
		border-top:1px solid #e5eaf0;
		padding:0;
		margin-bottom:70px
	}

	.join-fz .ids .id {
		background:#fff
	}

	.join-fz .ids .id b {
		font-size:1rem
	}

	.join-fz h3 {
		margin:-30px 0 30px
	}

	.join-fz .leftbox {
		margin-bottom:.4rem
	}
}

.swipermain {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-align:stretch;
	box-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch
}

.swipermain .swiper-container .swiper-pagination-bullet {
	background:#fff;
	opacity:1
}

.swipermain .swiper-container .swiper-pagination-bullet-active {
	background:#43bbb3
}

.swipermain .swiper-slide img {
	width:100%;
	display:block
}

.swipermain .item1 {
	width:19%;
	max-width:142px
}

.swipermain .item1 .swiper-slide {
	margin-bottom:10px
}

.swipermain .item2 {
	min-width:0;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1;
	padding-right:10px;
	max-width:620px
}

.contact-box .wrap {
	width:100%;
	max-width:100%
}

@media (min-width:1200px) {
	.contact-box .leftbox {
		width:40%;
		float:left;
		text-align:center
	}

	.contact-box .leftbox .contact-addr {
		display:inline-block;
		text-align:left
	}

	.contact-box .rightbox {
		width:60%;
		float:right
	}
}

@media (max-width:1199px) {
	.contact-box .leftbox {
		padding-left:6%;
		padding-right:6%;
		width:100%
	}

	.contact-box .contact-form {
		padding-bottom:1rem
	}
}

.contact-map {
	height:8rem;
	background:#43bbb3
}

.contact-form {
	background:#e5eaf0;
	padding:.86rem .88rem 1.3rem
}

@media (max-width:1199px) {
	.contact-form {
		padding:.4rem 6%
	}
}

.contact-form .row {
	margin-left:-5px;
	margin-right:-5px
}

.contact-form .row>* {
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px
}

.contact-form input,.contact-form textarea,.contact-form button {
	border:0;
	box-shadow:none;
	outline:none;
	resize:none;
	background:none;
	font-size:14px
}

.contact-form label {
	color:#666;
	font-weight:normal;
	margin-bottom:0
}

.contact-form li {
	min-height:48px;
	line-height:48px;
	transition:.3s;
	margin-bottom:16px
}

.contact-form li .inner {
	background:#fff;
	padding-left:16px
}

.contact-form li input {
	min-width:0;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1;
	display:block
}

.contact-form li label {
	margin-right:20px
}

.contact-form textarea {
	display:block;
	height:110px;
	width:100%;
	line-height:1.76;
	margin-bottom:10px
}

.contact-form .submit {
	width:2.2rem;
	height:.56rem;
	line-height:.56rem;
	background:linear-gradient(90deg, #43bbb3, #126eae);
	color:#fff;
	text-align:center;
	font-size:16px
}

@media (max-width:1199px) {
	.contact-form li label {
		width:58px
	}
}

@media (max-width:992px) {
	.contact-form .bd {
		padding:50px 0 70px
	}

	.contact-form li {
		margin-bottom:20px
	}
}

@media (max-width:768px) {
	.contact-form li {
		min-height:50px;
		line-height:50px
	}
}

@media (max-width:640px) {
	.contact-form li {
		margin-bottom:10px
	}

	.contact-form .submit {
		margin-top:20px
	}
}

@media (max-width:480px) {
	.contact-form {
		font-size:14px
	}

	.contact-form input,.contact-form textarea {
		font-size:14px
	}

	.contact-form li {
		margin-bottom:0
	}

	.contact-form li label {
		margin-right:10px
	}

	.contact-form .bd {
		padding:30px 0 40px
	}
}

.contact-addr {
	padding:1rem 0;
	margin:0
}

.contact-addr .addritem {
	padding-top:.6rem;
	padding-bottom:.8rem;
	cursor:pointer
}

.contact-addr .addritem.active span {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.contact-addr .addritem+.addritem {
	border-top:1px solid #e5eaf0
}

.contact-addr h3 {
	font-size:24px;
	margin-bottom:.3rem;
	white-space:nowrap
}

.contact-addr h3 .ic-addr {
	width:.26rem;
	height:.3rem;
	background-image:url('../images/ic_addr.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block;
	display:inline-block;
	margin-right:.16rem
}

.contact-addr h3>* {
	display:inline-block;
	vertical-align:middle
}

.contact-addr h3>* {
	display:inline-block;
	vertical-align:middle
}


.contact-addr .info {
	line-height:2.2
}

.contact-addr .info ._empty {
	color:transparent
}

@media (max-width:1200px) {
	.contact-addr {
		display:block;
		overflow:hidden;
		padding-left:0;
		padding-right:0
	}
}

@media (max-width:1200px) and (min-width:993px) {
	.contact-addr .addritem {
		width:48%;
		float:left
	}

	.contact-addr .addritem {
		border-top:0!important
	}
}

@media (max-width:640px) {
	.contact-addr {
		padding:.5rem 0
	}

	.contact-addr h3 {
		font-size:19px;
		font-weight:bold
	}
}

.yfbox .top {
	color:#999;
	font-size:18px;
	line-height:1.8;
	text-align:center
}

.yfbox1 {
	max-width:1140px;
	padding:1rem 0
}

.yfbox1 .list {
	margin-top:.7rem
}

.yfbox1 .list img {
	border-radius:10px;
	padding:9px;
	border:1px solid #d9d9d9;
	box-shadow:0 0 10px rgba(0,0,0,0.1)
}

.yfbox1 h4 {
	font-size:24px;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	margin:.26rem 0 .16rem
}

.yfbox1 .desc {
	color:#999;
	line-height:1.9
}

@media (min-width:992px) {
	.yfbox1 .list {
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-box-pack:justify;
		box-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between
	}

	.yfbox1 li {
		max-width:280px;
		width:30%
	}
}

@media (max-width:991px) {
	.yfbox1 {
		text-align:center
	}

	.yfbox1 img {
		display:block;
		margin:0 auto
	}

	.yfbox1 li+li {
		margin-top:.7rem
	}
}

.yfbox2 {
	padding:.8rem 1.1rem;
	background:#e5eaf0;
	padding:.8rem 0 1.1rem
}

.yfbox3 {
	padding:.9rem 0 1.6rem;
	position:relative;
	max-width:1600px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1280px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.yfbox3 .hd2 {
	margin-bottom:.7rem
}

@media (min-width:769px) {
	.yfbox3 .inner {
		display:table;
		width:100%;
		position:relative
	}

	.yfbox3 .inner>* {
		display:table-cell;
		vertical-align:middle
	}

	.yfbox3 .inner h4 {
		background:#43bbb3;
		background:linear-gradient(180deg, #43bbb3, #126eae);
		padding:.1rem;
		text-align:center;
		color:#fff;
		border-radius:.1rem;
		font-size:18px;
		width:180px
	}

	.yfbox3 .inner .content {
		padding-left:.2rem;
		font-size:16px
	}

	.yfbox3 .inner .info {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block;
		font-weight:bold;
		padding-bottom:.1rem;
		margin-top:5px
	}

	.yfbox3 .inner ._line {
		display:block;
		border-bottom:1px solid #ccc
	}
}

.yfbox3 li {
	margin-bottom:.2rem
}

.yfbox3 li h4 {
	line-height:1.5
}

.yfbox3 li .time {
	color:#777
}

@media (max-width:768px) {
	.yfbox3 li {
		padding:.24rem;
		border:1px solid #ddd;
		border-radius:6px
	}

	.yfbox3 h4 {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block;
		font-weight:bold;
		margin-bottom:10px
	}

	.yfbox3 .info {
		color:#333;
		margin-top:5px
	}
}

.yfbox4 {
	background:#e5eaf0;
	padding:.8rem 0 1.1rem
}

.yfbox4 .wrap {
	max-width:1190px
}

.yfbox4 .img {
	margin:.4rem 0 .3rem;
	width:100%
}

.yfbox4 h4 {
	font-size:24px;
	font-weight:bold;
	line-height:1.7;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(to right, #126eae, #43bbb3);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

@media (max-width:640px) {
	.yfbox4 .top {
		font-size:14px
	}

	.yfbox4 h4 {
		font-size:18px
	}
}

.swiper-teams .swiper-slide-active .inner {
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	opacity:1
}

.swiper-teams .swiper-button-prev {
	left:calc(20%)
}

.swiper-teams .swiper-button-next {
	right:calc(20%)
}

.swiper-teams li {
	padding:20px .34rem;
	width:60vw
}

.swiper-teams .inner {
	transition:.3s;
	opacity:.6;
	background:#fff
}

@media (min-width:769px) {
	.swiper-teams .inner {
		display:table;
		width:100%
	}

	.swiper-teams .inner>* {
		display:table-cell;
		vertical-align:middle
	}

	.swiper-teams .inner .img {
		width:37%
	}

	.swiper-teams .inner .content {
		padding:.2rem 6%;
		min-width:0;
		-webkit-box-flex:1;
		-webkit-flex-grow:1;
		-ms-flex-positive:1;
		flex-grow:1;
		-webkit-flex-shrink:1;
		-ms-flex-negative:1;
		flex-shrink:1
	}
}

.swiper-teams .inner img {
	box-shadow:none;
	border:0
}

.swiper-teams .inner h5 {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	margin-bottom:.36rem
}

.swiper-teams .inner h5 span {
	font-size:30px;
	padding-right:10px
}

.swiper-teams .inner h5 em {
	font-size:16px
}

.swiper-teams .inner .info {
	color:#666;
	line-height:1.9
}

@media (min-width:1921px) {
	.swiper-teams .inner .info {
		font-size:16px;
		line-height:2.1
	}

	.swiper-teams .inner h5 span {
		font-size:40px
	}
}

@media (max-width:1470px) {
	.swiper-teams .inner h5 {
		margin-bottom:.2rem
	}
}

@media (max-width:1350px) {
	.swiper-teams li {
		width:70vw;
		padding:10px 10px
	}

	.swiper-teams .swiper-button-prev {
		left:calc(15% - 20px)
	}

	.swiper-teams .swiper-button-next {
		right:calc(15% - 20px)
	}

	.swiper-teams .inner .info {
		font-size:13px;
		line-height:1.7
	}
}

@media (max-width:1060px) {
	.swiper-teams .swiper-button-prev {
		left:calc(10% - 20px)
	}

	.swiper-teams .swiper-button-next {
		right:calc(10% - 20px)
	}

	.swiper-teams li {
		width:80vw
	}

	.swiper-teams .inner .img img {
		width:100%
	}
}

@media (max-width:992px) {
	.swiper-teams {
		padding-bottom:.5rem
	}

	.swiper-teams .swiper-pagination {
		bottom:0;
		line-height:1
	}
}

@media (max-width:768px) {
	.swiper-teams li {
		width:90vw;
		padding:.2rem 4px
	}

	.swiper-teams .inner {
		padding:.3rem;
		text-align:center
	}

	.swiper-teams .inner .img {
		max-width:200px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:.2rem
	}

	.swiper-teams .inner h5 {
		font-weight:bold;
		margin:.2rem 0
	}

	.swiper-teams .inner h5 span {
		font-size:20px;
		padding-right:2px
	}

	.swiper-teams .inner h5 em {
		font-size:14px
	}

	.swiper-teams .inner .info {
		text-align:left
	}
}

.step-box {
	padding:1.1rem 0 4.6rem
}

.step-box .hd2 {
	margin-bottom:1rem
}

.swiper-step li {
	padding:0;
	width:70vw
}

.swiper-step .swiper-button-next,.swiper-step .swiper-button-prev {
	margin-top:0;
	top:28%;
	left:auto;
	right:auto
}

.swiper-step .swiper-button-prev {
	right:85vw
}

.swiper-step .swiper-button-next {
	left:85vw
}

.swiper-step .yearbox {
	position:relative;
	font-family:medium;
	color:#cdd1d7;
	margin-bottom:.6rem;
	min-height:15vw
}

.swiper-step .yearbox::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	right:0;
	border-top:1px solid #e5eaf0;
	z-index:1;
	bottom:0;
	background:#fff
}

.swiper-step .year {
	font-size:0;
	font-size:15vw;
	line-height:1;
	position:relative;
	text-align:center;
	visibility:hidden
}

.swiper-step .year>* {
	display:inline-block;
	vertical-align:top;
	line-height:1;
	margin:0
}

.swiper-step .year em {
	color:#43bbb3;
	background-image:-webkit-linear-gradient(bottom, #126eae, #43bbb3);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	position:relative;
	z-index:2
}

.swiper-step .year2 {
	font-size:.48rem;
	line-height:1;
	padding-bottom:48px;
	margin:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	top:55%
}

.swiper-step .yearbox::after,.swiper-step .year .p1::after {
	top:65%
}

.swiper-step .swiper-slide-prev .info,.swiper-step .swiper-slide-next .info {
	display:none
}

.swiper-step .swiper-slide-prev .year2 {
	right:0
}

.swiper-step .swiper-slide-next .year2 {
	left:0
}

.swiper-step .swiper-slide-active .year {
	visibility:visible
}

.swiper-step .swiper-slide-active .year2 {
	display:none
}

.swiper-step .info {
	font-size:16px;
	color:#666;
	line-height:46/16;
	width:80%;
	margin:0 auto
}

.swiper-step .info p {
	padding-left:26px;
	position:relative
}

.swiper-step .info p::after {
	content:'';
	width:12px;
	height:12px;
	background:#666666;
	border-radius:50%;
	position:absolute;
	left:0;
	top:17px
}

@media (max-width:1440px) {
	.swiper-step .pnext {
		width:34px;
		height:34px
	}
}

@media (max-width:768px) {
	.swiper-step {
		padding-bottom:.8rem
	}

	.swiper-step .swiper-pagination {
		line-height:1;
		bottom:0
	}

	.swiper-step .pnext {
		border-radius:50%;
		color:#fff;
		background:#cdd1d7
	}

	.swiper-step .pnext::after {
		font-size:14px
	}

	.swiper-step .swiper-button-prev {
		right:90vw
	}

	.swiper-step .swiper-button-next {
		left:90vw
	}

	.swiper-step .pnext {
		width:26px;
		height:26px
	}

	.swiper-step li {
		width:80vw
	}

	.swiper-step li .yearbox {
		margin-bottom:.5rem
	}

	.swiper-step li .year2 {
		font-size:.3rem;
		padding-bottom:26px
	}

	.swiper-step li .info {
		width:100%;
		font-size:14px;
		line-height:1.76
	}

	.swiper-step li .info p {
		padding-left:15px
	}

	.swiper-step li .info p::after {
		width:8px;
		height:8px;
		top:9px
	}
}

@media (max-width:640px) {
	.swiper-step .year {
		font-size:90px
	}

	.swiper-step .year2 {
		top:50%
	}

	.swiper-step .pnext {
		top:46px
	}
}

@-webkit-keyframes move1 {
	from {
		left:0
	}

	to {
		left:-30%
	}
}

@-webkit-keyframes move2 {
	from {
		left:-30%
	}

	to {
		left:0
	}
}

.step-box {
	position:relative;
	overflow:hidden
}

.step-box .wave {
	position:absolute;
	bottom:0;
	z-index:-1;
	width:130%
}

.step-box .wave {
	height:20%;
	background-size:100%;
	background-repeat:repeat-x;
	background-position:0 top
}

.step-box .wave1 {
	background-image:url('../images/wave1.png');
	left:0;
	animation:move1 5s infinite alternate linear
}

.step-box .wave2 {
	background-image:url('../images/wave2.png');
	left:-30%;
	animation:move2 5s infinite alternate linear
}

@media (max-width:768px) {
	.step-box {
		padding-bottom:3rem
	}

	.step-box .wave {
		background-position:0 bottom;
		height:40%
	}
}

@-webkit-keyframes move {
	from {
		top:100%
	}

	to {
		top:-100%
	}
}

.toTop {
	position:fixed;
	width:68px;
	height:68px;
	line-height:68px;
	text-align:center;
	z-index:555;
	right:20px;
	bottom:20px;
	color:#fff;
	cursor:pointer;
	transition:.3s;
	overflow:hidden;
	background:rgba(67,187,179,0.8)
}

.toTop .icon-top1 {
	font-size:20px;
	transition:.3s;
	position:relative
}

@media (max-width:1199px) {
	.toTop {
		display:block;
		background-color:#333;
		display:inline-block;
		background-size:auto 160px;
		width:40px;
		height:40px;
		background-position:-600px 0;
		background-repeat:no-repeat;
		-webkit-transition:1s;
		-moz-transition:1s;
		transition:1s;
		-ms-filter:"alpha(opacity=70)";
		filter:alpha(opacity=70);
		-moz-opacity:.7;
		opacity:.7;
		right:0;
		bottom:0
	}

	.toTop .icon-ltop {
		display:none
	}

	.toTop .icon-top1 {
		display:block;
		line-height:40px
	}
}

.c-vodeobox .vinner {
	overflow:hidden;
	position:relative
}

.c-vodeobox .poster {
	position:absolute;
	left:0;

	right:0;
	top:0;
	bottom:0;
	z-index:1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}

.c-vodeobox .video-js {
	width:100%;
	object-fit:cover;
	height:40vw;
	overflow:hidden;
	position:relative
}

.c-vodeobox .video-js .vjs-big-play-button {
	width:2em;
	height:2em;
	border-radius:50%;
	line-height:2em;
	z-index:555
}

.c-vodeobox video {
	object-fit:cover
}

@media (min-width:993px) {
	.c-vodeobox .list,.c-vodeobox .video-js {
		height:30vw;
		max-height:600px;
		min-height:450px
	}

	.c-vodeobox .list li {
		height:25%;
		display:-webkit-flex;
		display:flex;
		display:-webkit-box;
		display:box;
		position:relative;
		-webkit-box-orient:vertical;
		box-orient:vertical;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-box-pack:center;
		box-pack:center
	}
}

@media (max-width:640px) {
	.c-vodeobox .video-js {
		height:60vw
	}

	.c-vodeobox .video-js .vjs-big-play-button {
		width:1.4em;
		height:1.4em;
		line-height:1.4em;
		margin-left:-0.7em
	}

	.c-vodeobox .list {
		padding-left:10%
	}
}

@media (max-width:480px) {
	.c-vodeobox>* {
		padding-left:0;
		padding-right:0
	}
}

.BMap_cpyCtrl,.anchorBL {
	display:none
}

#map {
	height:608px
}

@media (max-width:992px) {
	#map {
		height:400px
	}
}

@media (max-width:640px) {
	#map {
		height:300px
	}
}

#map label,#map img {
	max-width:none
}

.search-key {
	font-size:.24rem;
	position:relative;
	top:-0.3rem
}

@media (max-width:768px) {
	.search-key {
		position:relative;
		max-width:1600px;
		width:88%;
		margin-left:auto;
		margin-right:auto
	}
}

.scroll-logo {
	padding:.62rem 0 .6rem;
	text-align:center
}

@media (max-width:992px) {
	.scroll-logo .wrap {
		width:100%
	}
}

.scroll-swiper .swiper-wrapper {
	transition-timing-function:linear
}

.scroll-swiper li {
	width:25%;
	text-align:center;
	float:left
}

.scroll-swiper img {
	width:70%
}

@media (max-width:992px) {
	.scroll-swiper li {
		width:33.33%;
		max-height:110px
	}
}

@media (max-width:768px) {
	.scroll-swiper img {
		width:90%
	}
}

@media (max-width:480px) {
	.scroll-swiper img {
		width:100%
	}
}

.icase-bd .item {
	float:left;
	width:48%;
	box-shadow:0 0 .3rem rgba(0,0,0,0.16)
}

.icase-bd img {
	width:100%;
	max-width:770px;
	transition:.3s
}

.icase-bd .img:hover img {
	transform:scale(1.05)
}

.icase-bd img {
	transition:.3s
}

.icase-bd .img {
	overflow:hidden
}

.icase-bd .item:nth-child(2) {
	float:right
}

.icase-bd .content {
	padding:.26rem .36rem;
	background:#14b5ca;
	background:linear-gradient(90deg, #43bbb3, #14b5ca);
	color:#fff;
	position:relative
}

.icase-bd .more {
	color:#fff;
	border:1px solid #fff;
	width:1.5rem;
	height:46px;
	line-height:46px;
	text-align:center
}

.icase-bd h4 {
	font-size:24px;
	margin-bottom:10px
}

.icase-bd .info {
	line-height:1.76
}

@media (min-width:993px) {
	.icase-bd .info {
		max-width:400px;
		width:60%
	}

	.icase-bd .more {
		position:absolute;
		right:.4rem;
		top:50%;
		transform:translateY(-50%);
		transition:.3s
	}

	.icase-bd .more:hover {
		background:#fff;
		color:#43bbb3
	}
}

@media (max-width:992px) {
	.icase-bd .content {
		text-align:center;
		padding:30px 20px
	}

	.icase-bd .info {
		text-align:left
	}

	.icase-bd .more {
		display:block;
		margin:15px auto 0;
		height:40px;
		line-height:40px;
		width:130px
	}
}

@media (max-width:768px) {
	.icase-bd .item {
		width:100%;
		float:none;
		margin-bottom:20px
	}
}

@media (max-width:480px) {
	.icase-bd .more {
		height:32px;
		line-height:32px;
		width:110px
	}

	.icase-bd .info {
		font-size:16px
	}

	.icase-bd h4 {
		font-size:20px
	}
}

.step-box {
	padding:1.1rem 0 2rem
}

.progress-list {
	position:relative
}

@media (min-width:769px) {
	.progress-list {
		width:50%
	}

	.progress-list::after {
		content:'';
		display:block;
		position:absolute;
		width:1px;
		top:0;
		bottom:60px;
		border-right:1px dashed #b9ebd8;
		z-index:-1;
		right:0
	}

	.progress-list::before {
		content:'';
		display:block;
		position:absolute;
		width:30px;
		height:17px;
		background:url(../images/arr.png) no-repeat center 0;
		background-size:cover;
		top:-17px;
		right:-15px
	}

	.progress-list li {
		width:100%;
		position:relative;
		margin-top:-0.5rem
	}

	.progress-list li::before,.progress-list li::after {
		content:'';
		position:absolute;
		border-radius:50%;
		top:50%;
		background:#3cc792;
		transition:all .3s ease-out
	}

	.progress-list li::before {
		left:-16px;
		background:#d6eee8;
		width:32px;
		height:32px;
		margin-top:-16px;
		transform:scale(.5)
	}

	.progress-list li::after {
		left:-8px;
		width:16px;
		height:16px;
		margin-top:-8px;
		-webkit-transform:scale(0);
		transform:scale(0)
	}

	.progress-list li:nth-child(2n)::before {
		left:auto;
		right:-16px
	}

	.progress-list li:nth-child(2n)::after {
		left:auto;
		right:-8px
	}

	.progress-list li:hover::before {
		transform:scale(1)
	}

	.progress-list li:hover::after {
		transform:scale(1)
	}

	.progress-list li:nth-child(2n+1) {
		margin-left:100%
	}

	.progress-list li:nth-child(2n+1) dl {
		margin-left:60px
	}

	.progress-list dl {
		margin-right:60px;
		border:1px solid #dadada;
		padding:.3rem .7rem;
		position:relative;
		background:#fff;
		font-family:medium
	}

	.progress-list dl::before,.progress-list dl::after {
		content:'';
		position:absolute;
		width:0;
		height:0;
		top:50%;
		right:-20px
	}

	.progress-list dl::before {
		transform:translateY(-50%);
		border:10px solid;
		border-color:transparent transparent transparent #dadada
	}

	.progress-list dl::after {
		border:9px solid;
		transform:translateY(-50%) translateX(-2px);
		border-color:transparent transparent transparent #fff
	}

	.progress-list li:nth-child(2n+1) {
		margin-left:100%
	}

	.progress-list li:nth-child(2n+1) dl::before,.progress-list li:nth-child(2n+1) dl::after {
		right:auto;
		left:-20px
	}

	.progress-list li:nth-child(2n+1) dl::before {
		border-color:transparent #dadada transparent transparent
	}

	.progress-list li:nth-child(2n+1) dl::after {
		border-color:transparent #fff transparent transparent;
		transform:translateY(-50%) translateX(2px)
	}

	.progress-list li:hover dl {
		border-color:#3cc792;
		box-shadow:0 0 20px rgba(0,0,0,0.1)
	}

	.progress-list li:hover dl::before {
		border-left-color:#3cc792
	}

	.progress-list li:nth-child(2n+1):hover dl::before {
		border-right-color:#3cc792;
		border-left-color:#fff
	}
}

@media (min-width:769px) and (max-width:1200px) {
	.progress-list::after {
		top:10px
	}
}

@media (min-width:769px) and (max-width:1200px) {
	.progress-list::before {
		top:0
	}
}

.progress-list dt {
	font-size:24px;
	margin-bottom:10px;
	line-height:1;
	font-family:medium
}

.progress-list dd {
	color:#666;
	line-height:22px;
	position:relative
}

.progress-list dd::before {
	content:'';
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	left:-28px;
	top:7px;
	background:#58ca61;
	border-radius:50%;
	background:linear-gradient(to right, #58ca61, #25bbc1)
}

.progress-list dd+dd {
	margin-top:5px
}

@media (max-width:992px) {
	.progress-list li {
		margin-top:-0.7rem
	}
}

@media (max-width:768px) {
	.progress-list {
		margin-top:-0.4rem
	}

	.progress-list li {
		padding:.4rem 0;
		margin-top:0;
		border-bottom:1px solid #dadada
	}

	.progress-list dl {
		padding:.3rem
	}

	.progress-list dl dt {
		color:#43bbb3;
		background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		display:inline-block;
		font-size:34px;
		margin-bottom:20px;
		text-align:center
	}

	.progress-list dl dd {
		padding-left:.3rem;
		line-height:1.76
	}

	.progress-list dl dd::before {
		left:0;
		width:6px;
		height:6px
	}

	.progress-list dl dd+dd {
		margin-top:10px
	}
}

.header .pc-menus ul li {
	text-align:center
}

.hd-drop {
	position:relative
}

.hd-drop>p {
	color:#fff !important;
	cursor:pointer
}

.hd-drop:hover .hd-dropdown {
	display:block
}

.hd-dropdown {
	display:none;
	width:142px;
	padding:10px 0 20px;
	background:#fff;
	font-size:14px;
	position:absolute;
	left:50%;
	top:.94rem;
	transform:translateX(-71px);
	border-top:5px solid #33c08f;
	box-shadow:0 5px 10px rgba(0,0,0,0.1)
}

.hd-dropdown::before {
	content:'';
	display:block;
	position:absolute;
	top:-24px;
	left:50%;
	margin-left:-10px;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#33c08f
}

.hd-dropdown a {
	color:#333;
	height:46px;
	line-height:46px;
	display:block;
	text-align:center
}

.hd-dropdown a:hover {
	color:#fff;
	background:linear-gradient(to right, #4fc858, #14b6c9)
}

.hb-chartsbox {
	position:relative;
	width:480px;
	margin:130px auto 70px;
	height:480px
}

.hb-chartsbox .cinner {
	font-size:18px;
	color:#666666
}

.hb-chartsbox .cinner p {
	line-height:130px;
	margin:0 10px;
	display:inline-block;
	transition:.3s
}

.hb-chartsbox .cinner li {
	position:absolute;
	width:100%
}

.hb-chartsbox .cinner li>* {
	display:inline-block;
	vertical-align:middle
}

.hb-chartsbox .cinner li>* {
	display:inline-block;
	vertical-align:middle
}

.hb-chartsbox .cinner li:nth-child(1) {
	right:405px;
	top:36%;
	margin-top:-65px;
	text-align:right
}

.hb-chartsbox .cinner li:nth-child(2) {
	right:355px;
	bottom:0;
	text-align:right
}

.hb-chartsbox .cinner li:nth-child(3) {
	left:355px;
	bottom:0
}

.hb-chartsbox .cinner li:nth-child(4) {
	left:100%;
	top:36%;
	margin-top:-65px;
	margin-left:-75px
}

.hb-chartsbox .cinner li:nth-child(5) {
	left:50%;
	margin-left:-65px;
	top:-65px
}

.hb-chartsbox .cinner li:nth-child(5) p {
	position:relative;
	top:-20px
}

.hb-chartsbox .ic {
	width:130px;
	height:130px;
	display:inline-block;
	transform:.3s
}

.hb-chartsbox .ic1 {
	background:url(../images/hb1.png) no-repeat center
}

.hb-chartsbox .ic2 {
	background:url(../images/hb2.png) no-repeat center
}

.hb-chartsbox .ic3 {
	background:url(../images/hb3.png) no-repeat center
}

.hb-chartsbox .ic4 {
	background:url(../images/hb4.png) no-repeat center
}

.hb-chartsbox .ic5 {
	background:url(../images/hb5.png) no-repeat center
}

.hb-chartsbox li:hover .ic1 {
	background:url(../images/hb1_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic2 {
	background:url(../images/hb2_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic3 {
	background:url(../images/hb3_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic4 {
	background:url(../images/hb4_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic5 {
	background:url(../images/hb5_on.png) no-repeat center
}

.hb-chartsbox li:hover p {
	font-size:24px;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block
}

.hbcharts {
	width:90%;
	display:block;
	margin:40px auto 0
}

.good-intro .rightbox .info strong {
	background:#43bbb3 !important;
	padding:3px;
	color:#fff !important;
	background:linear-gradient(90deg, #43bbb3, #126eae) !important;
	border-radius:2px;
	font-weight:normal;
	margin-right:3px
}

.ilogobox {
	padding:40px 0 0
}

.ilogobox li {
	margin-bottom:40px;
	text-align:center;
	transition:.3s
}

.ilogobox img {
	max-width:70%;
	border:1px solid transparent
}

@media (min-width:993px) {
	.ilogobox li:hover {
		transform:translateY(-5px)
	}
}

@media (max-width:992px) {
	.ilogobox img {
		max-width:80%
	}
}

@media (max-width:480px) {
	.ilogobox {
		padding-top:20px;
		width:96%
	}

	.ilogobox ul {
		margin-left:0;
		margin-right:0
	}

	.ilogobox ul>* {
		padding-left:0;
		padding-right:0
	}

	.ilogobox li {
		margin-bottom:20px
	}

	.ilogobox img {
		max-width:100%
	}
}

.about-ly .hd {
	text-align:center;
	margin-bottom:.7rem
}

.about-ly .hd .ic {
	display:block;
	margin:0 auto;
	transition:.3s
}

@media (max-width:768px) {
	.about-ly .hd .ic {
		max-width:20%
	}
}

.about-ly .hd:hover .ic {
	transform:rotateY(180deg);
	-webkit-filter:drop-shadow(10px 0 0 rgba(71,198,103,0.1));
	filter:drop-shadow(10px 0 0 rgba(71,198,103,0.1))
}

.about-ly .hd h2 {
	font-size:24px;
	color:#43bbb3;
	background-image:-webkit-linear-gradient(right, #43bbb3, #126eae);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	font-weight:bold
}

@media (max-width:768px) {
	.about-ly .hd h2 {
		font-size:24px
	}
}


.kgkg01{ width:100%;}


@media screen and (min-width: 1024px) {.kgkg02{ width:31% !important; margin:0px 1% 1% 1%; position:relative; float:left;padding: 0px 0px 0px !important;-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;} 
.kgkg02:hover{ width:31% !important; margin:0px 1% 1% 1%; position:relative; float:left;padding: 0px 0px 0px !important;-webkit-transform: scale(1.04);
transform: scale(1.1);} 
.footer-link-pic {
    width: 240px;
    margin-top: 10px;
    float: right;
    text-indent: 38px;
}
}

@media screen and (max-width: 1024px) {.kgkg02{ width:100% !important; margin:0px 1% 1% 1%; position:relative; float:left;padding: 0px 0px 0px !important; padding-bottom:24px !important;} 

.footer-link-pic {
    width: 100%; margin:0px auto;
    margin-top: 10px;    zoom: 0.7;padding-left: 24px;
    text-indent: 38px;
}
}



 
@media screen and (min-width: 1024px) {
	
	.footer-link-pic .media {
    width: 100%; position:relative;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/media01.png) no-repeat;
}
 .footer-link-pic a {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #fff;
    margin-left: 14px;
}
 .footer-link-pic .service {
    width: 100%;   position:relative; margin-top:14px; margin-bottom:14px;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/serive01.png) no-repeat;
}
 .footer-link-pic .integrity {
    width: 100%; position:relative;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/integrity01.png) no-repeat;
}

	
	.ycyc01{}}
@media screen and (max-width: 1024px) {
	
	.footer-link-pic .media {
    width: 30%; position:relative;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/media01.png) no-repeat;
}
 .footer-link-pic a {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #fff;
    margin-left: 14px;
}
 .footer-link-pic .service {
    width: 30%;   position:relative;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/serive01.png) no-repeat;
}
 .footer-link-pic .integrity {
    width: 30%; position:relative;
    height: 32px;    text-align: left;
    float: left;
    background: url(../images/integrity01.png) no-repeat;
}

.ycyc01{ display:none}}

.kukui{ font-size:16px; line-height:200%}
.kukui02{ color: #0b2d50; font-weight:bold; font-size:18px;}
.kukui03{ color: #000; font-weight:bold; font-size:24px; padding:24px 0px;}
.kgkug01{ text-align:center}