@import "../iconfont/iconfont.css";
html {
  content: '';
  --swiper-theme-color: #007aff;
  --bettwen-pad: 5vw;
  --background-color: #19a6df;
  --background-color-rgb: 195,157,91;
  --background-hover-color: #d5a95e;
  --btn-color: #19a6df;
  --btn-color-rgb: 195,157,91;
  --btn-hover-color: #d5a95e;
  --active-color: #19a6df;
  --active-color-rgb: 195,157,91;
  --main-color: #19a6df;
  --main-color-rgb: 195,157,91;
  --header-height: 111px;
  --win-width-1920: 100vw;
  --wrap-width: 90vw;
  --bettwen-full-pad: 55px;
  --wrap-full-width: calc(100% - 55px*2);
  --wrap-1400-width: 90vw;
  --bettwen-1400-pad: 5vw;
}
@media (min-width: 1921px) {
  html {
    --win-width-1920: 1920px;
  }
}
@media (max-width: 1200px) {
  html {
    --header-height: calc(1.3rem + 1px);
  }
}
@media (min-width: 1777px) {
  html {
    --bettwen-pad: calc((100vw - 1600px)/2);
    --wrap-width: 1600px;
  }
}
@media (max-width: 1200px) {
  html {
    --bettwen-pad: calc((100vw - 768px)/2);
    --wrap-width: 768px;
  }
}
@media (max-width: 768px) {
  html {
    --bettwen-pad: 15px;
    --wrap-width: calc(100vw - 30px);
  }
}
@media (max-width: 1200px) {
  html {
    --bettwen-full-pad: calc((100vw - 768px)/2);
    --wrap-full-width: 768px;
  }
}
@media (max-width: 768px) {
  html {
    --bettwen-full-pad: 15px;
    --wrap-full-width: calc(100vw - 30px);
  }
}
@media (min-width: 1201px) {
  html {
    --bettwen-1400-pad: calc((100vw - 1200px)/2);
    --wrap-1400-width: 1200px;
  }
}
@media (min-width: 1431px) {
  html {
    --bettwen-1400-pad: calc((100vw - 1400px)/2);
    --wrap-1400-width: 1400px;
  }
}
@media (max-width: 1200px) {
  html {
    --bettwen-1400-pad: calc((100vw - 768px)/2);
  }
}
@media (max-width: 768px) {
  html {
    --bettwen-1400-pad: 15px;
    --wrap-1400-width: calc(100vw - 30px);
  }
}
.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 1201px) {
  .wrap {
    max-width: 1600px;
  }
}
@media (max-width: 1200px) {
  .wrap {
    width: 768px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.clear{clear: both;height: 0;}
.vhd-box{margin-bottom:.2rem;display:flex;position:relative;align-items:center;justify-content:space-between}
.vhd{font-size:.4rem;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-left:16px;position:relative;
   }
.vhd .en{color:#19a6df;padding-left:5px}
.vmore{padding: 0 1.8em;font-size: 14px;color: #666; transition: 0.3s;line-height: 35px;}
.ml80{margin-left:80px;}
@media (max-width:768px){.vhd .en{display:inline-block;font-size:16px}
}
.vhd::before{content:'';display:block;width:5px;height:80%;background: #19a6df;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0;background: linear-gradient(180deg,#19a6df 50%,#333 50%);border-radius:1px;}


.coverbox {
	position: relative;
	display: block;
	overflow: hidden
}

.coverbox .coverimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
	transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
	background-size: cover
}

.coverbox ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}

.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}

@media (min-width:993px) {
	.coverbox.scale:hover .cover-tip {
		opacity: 1;
		filter: alpha(opacity=1)
	}

	.coverbox.scale:hover .coverimg {
		transform: scale(1.05, 1.05)
	}

	.coverbox.scale:hover .icon-bofang1 {
		font-size: .6rem
	}
}

.fyc {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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
}

.fwbet {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.wrap {
	width: 88vw;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:639px) {
	.wrap {
		width: 92vw;
	}
	.col-md-8,.col-md-4,.col-md-6{padding:0px}
}

.w1400 {
	width: 88vw;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px
}

@media (max-width:639px) {
	.w1400 {
		width: 92vw
	}
}

.ver>* {
	display: inline-block;
	vertical-align: middle
}

.table-cell {
	display: table;
	width: 100%
}

.table-cell>* {
	display: table-cell;
	vertical-align: middle
}

.row-pv0 {
	margin-left: 0;
	margin-right: 0
}

.row-pv0>* {
	padding-left: 0;
	padding-right: 0
}

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

.bggray {
	background: #f4f4f7
}

.bgf {
	background: #fff
}

.c {
	color: #19a6df
}

.bgc {
	background-color: #19a6df
}

.cf {
	color: #fff
}

.c-purple {
	color: #6e6178
}

.bg-purple {
	background: #6e6178
}

.hv:hover {
	color: #19a6df
}

.hvf:hover {
	color: #fff
}

.hvbg0:hover {
	background: #000;
	color: #fff
}

.bghover {
	transition: .6s
}

.bghover:Hover {
	background-color: #19a6df;
	color: #fff
}

.l {
	border: 1px solid #dedede
}

.lb {
	border-bottom: 1px solid #dedede
}

.lt {
	border-top: 1px solid #dedede
}

.coverbox {
	position: relative;
	display: block;
	overflow: hidden
}

.coverbox .coverimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
	transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
	background-size: cover
}

.coverbox ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}

@media (min-width:993px) {
	.coverbox.scale:hover .cover-tip {
		opacity: 1;
		filter: alpha(opacity=1)
	}

	.coverbox.scale:hover .coverimg {
		transform: scale(1.05, 1.05)
	}

	.coverbox.scale:hover .icon-bofang1 {
		font-size: .6rem
	}
}

.cover-tip {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .4s ease 0s;
	z-index: 55
}

.cover-tip .bgbox {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.cover-tip .bgbox.blue {
	background-color: rgba(0,161,230,0.8)
}

.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}

.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}

.cover-tip .line {
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	transition: all .6s ease 0s
}

.cover-tip .linet {
	top: 0
}

.cover-tip .lineb {
	bottom: 0
}

.cover-tip:hover .line {
	width: 6px;
	margin-left: -3px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.sybold,.fbold {
	
}

.dinpro {
	font-family: dinpro
}

.iconfont {
	font-size: inherit
}

.cover-box ._bg {
	width: 100%
}

.vicon {
	overflow: hidden
}

.vicon .ic {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block
}

.vicon_cf {
	margin-left: -200px;
	filter: drop-shadow(200px 0 0 #fff)
}

.w1440 {
	width: 88vw;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:639px) {
	.w1440 {
		width: 92vw
	}
}

@media (min-width:1680px) {
	.w1440 {
		max-width: 1440px
	}
}

.fadeIntop {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(30px)
}

.fadeIntop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: all .3s ease 0s
}

.pt0 {
	padding-top: 0 !important
}

.c {
	color: #19a6df
}

.swiper-pagination-bullet-active {
	background-color: #19a6df !important
}

.cItem:not(.active) {
	display: none
}

.medium {
	font-family: medium
}

.bsBox {
	box-sizing: content-box
}

.bsBox>* {
	box-sizing: content-box
}

.pagination {
	text-align: center;
	display: block
}

.pagination li {
	margin: 0 2px
}

@media (max-width:480px) {
	.pagination li {
		margin: 0 2px
	}

	.pagination li>* {
		padding: 5px 12px !important
	}
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	color: #fff;
	background-color: #19a6df
}

.pagination li>a,.pagination li>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #000;
	border-radius: 0 !important;
	padding: 6px 12px;
	border: 1px solid #dddddd
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #19a6df
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	color: #fff;
	background-color: #19a6df
}

.pagination li>a,.pagination li>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	padding: 6px 12px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #19a6df
}

#totop {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	background-color: #a8a8a8;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 5;
	cursor: pointer;
	border-radius: 50%;
	transition: .6s;
	opacity: 0;
	transform: translateY(20px)
}

@media (max-width:640px) {
	#totop {
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		background-size: 20px
	}
}

@media (min-width:768px) {
	#totop:hover {
		background:linear-gradient(180deg, #19a6df 0%,  #a5ce09 100%);
	}
}

#totop.show {
	transform: translateY(0);
	opacity: 1
}

header {
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	position: relative;

}

header.active,header.bgf {
	background:#fff; 
	box-shadow: 2px 3px 10px 0px rgb(0 0 0 / 22%);
}

header.active .logo,header.bgf .logo {
	background-image: url("../images/logo_on.png")
}

header.active .header_nac,header.bgf .header_nac {
	color: #333 !important
}

header.active .header_nac::after,header.bgf .header_nac::after {
	background-color: #19a6df
}

header.active .nav_li:hover .header_nac::after,header.bgf .nav_li:hover .header_nac::after,header.active .nav_li.active .header_nac::after,header.bgf .nav_li.active .header_nac::after {
	background-color: #19a6df
}

@media (min-width:1200px) {
	header:hover {
		background: #fff
	}
}

header .arr {
	font-size: 13px !important
}

header .logo {
	flex: 1;
	height:60px;
	background: url('../images/logo.png') no-repeat left center;
	background-size: contain;
	display: block;
	transition: .6s
}

header.transparent:not(.bgf) {
	background: transparent
}

header.transparent:not(.bgf) .header_nac {
	color: #fff
}

.head_wrap {
	width: 82.5%;
    max-width: 1440px;
    margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	height: 80px;
	transition: all 0.3s;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	padding: 0 30px;
}
header.transparent:not(.bgf) .head_wrap {margin-top: 16px;}

@media (max-width:992px) {
	.head_wrap {
		width: 88vw;
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		height: 80px
	}
	header .logo{height:38px;}
}

@media (max-width:992px) and (max-width:639px) {
	.head_wrap {
		width: 92vw;
		border: none;
		margin-top:0;
		background: none !important;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

@media (max-width:768px) {
	.head_wrap {
		height: 60px;

	}
	header.active{background:#fff;}
	header.transparent:not(.bgf) .head_wrap{margin-top: 0px;}
}

.head_wrap .nav_li {
	overflow: hidden;
	position: relative
}

.head_wrap .nav_li .header_nac {
	position: relative
}

.head_wrap .nav_li .header_nac::after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: 20px;
	width: 0;
	transition: .6s
}

.head_wrap .nav_li.active .header_nac::after,.head_wrap .nav_li:hover .header_nac::after {
	width: 20px
}

.head_wrap .nav_li:hover {
	overflow: visible
}

.head_wrap .nav_li:hover .drop {
	opacity: 1
}

.header_nav {
	transition: .6s;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.header_nav:hover {
	overflow: visible
}

.header_nav .header_inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

@media (min-width:1200px) {
	.header_nav .header_inner {
		margin-right: .5rem
	}
}

@media (min-width:1361px) {
	.header_nav .header_inner {
		position: relative
	}
}

.header_nav .nav_li {
	font-size: 18px
}

@media (max-width:1280px) {
	.header_nav .nav_li {
		font-size: 17px
	}
}

.header_nav .nav_li {
	margin-left: .64rem
}

@media (max-width:1360px) {
	.header_nav .nav_li {
		margin-left: .5rem
	}
}

.header_nav .nav_li:hover .pc-menu-drop,.header_nav .nav_li.open .pc-menu-drop {
	opacity: 1;
	height: auto;
	top: 80px;
	z-index: 55;
	display: block
}

.header_nav .header_nac {
	height: 84px;
	line-height: 44px;
	padding: 20px 0;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold
}

.header_nav .drop {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	transition: .6s;
	opacity: 0;
	background: #fff;
	white-space: nowrap;
	z-index: 55;
	font-size: 16px;
	padding: 20px 0;
	text-align: left;
	min-width: 1.8rem;
	box-shadow: 0 5px 10px rgba(0,0,0,0.14)
}

.header_nav .drop a {
	overflow: hidden;
	display: block;
	line-height: 36px;
	padding: 0 20px;
	color: #666;
	white-space: nowrap;
	text-align: center
}

.header_nav .drop a:hover {
	color: #19a6df
}

header.bgf .header_nac,header:hover .header_nac {
	color: #666
}

.header_links {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	font-size: 16px
}

@media (max-width:639px) {
	.header_links {
		display: none
	}
}

.header_links .iconfont {
	margin-right: 2px
}

.header_links a {
	display: block;
	padding: 0 12px;
	position: relative;
	transition: .6s
}

.header_links a>* {
	display: inline-block;
	vertical-align: middle
}

.header_links a em {
	padding: 0 2px
}

.header_links a:last-child {
	padding-right: 0
}

.header_links a:hover {
	color: #19a6df
}

.header_links a+a::before {
	content: '';
	display: block;
	width: 1px;
	height: 18px;
	border-left: 1px dotted #999999;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

.header_btn {
	font-size: 18px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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
}

.header_btn .offer {
	margin-right: 34px;
	color: #fff
}

.header_btn .offer:hover {
	color: #19a6df
}

.header_btn .contact {
	background-color: #19a6df;
	color: #fff;
	width: 92px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.header_btn .contact .ac {
	color: #fff
}

@media (max-width:992px) {
	.header_btn .contact {
		height: 34px;
		width: 72px
	}

	.header_btn .contact span {
		height: 34px;
		line-height: 34px
	}
}

.m-menus {
	width: 100%;
	max-width: 640px;
	height: 100vh;
	position: fixed;
	top: 100px;
	right: -100%;
	background: #fff;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	z-index: -999;
	padding-top: 2%;
	border-top: 1px solid #dedede
}

@media (min-width:1200px) {
	.m-menus {
		display: none
	}
}

@media (max-width:992px) {
	.m-menus {
		top: 80px
	}
}

@media (max-width:768px) {
	.m-menus {
		top: 60px
	}
}

.m-menus .inner {
	height: calc((100vh - 85px));
	padding: 10px 30px 40px;
	overflow-x: hidden;
	overflow-y: auto
}

@media (max-width:768px) {
	.m-menus {
		top: 60px
	}

	.m-menus .inner {
		height: calc((100vh - 60px))
	}
}

.m-menus a {
	display: block;
	color: #000
}

.m-menus.active {
	z-index: 999;
	transition: .6s;
	right: 0
}

.m-menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #dedede;
	text-align: left
}

.m-menus .item .tit {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.m-menus .item>a,.m-menus .tit {
	display: block;
	line-height: 46px;
	position: relative;
	font-size: 16px
}

.m-menus .tit {
	position: relative
}

.m-menus .tit a {
	display: inline-block;
	min-width: 50vw
}

.m-menus .tit .iconfont {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: inherit;
	padding: 0 10px;
	color: #000;
	font-size: 17px
}

.m-menus .xs-menu {
	display: none;
	text-align: left
}

.m-menus .xs-menu dd {
	line-height: 30px;
	font-size: 14px
}

.m-menus .active .tit,.m-menus .open .tit {
	color: #19a6df
}

.m-menus .active .tit a,.m-menus .open .tit a {
	color: #19a6df
}

.m-menus .active .iconfont::before,.m-menus .open .iconfont::before {
	content: "\e627"
}

.m-menus .active .xs-menu,.m-menus .open .xs-menu {
	padding: 0px 0 30px;
	border-top: 1px solid rgba(255,255,255,0.14)
}

.m-menus .head_links_box {
	background: #fff;
	margin-top: 1rem;
	padding: .1rem .3rem
}

.m-menus .head_links {
	display: flex!important;
	justify-content: center
}

.m-menus .head_links a {
	padding: 0 .2rem !important;
	display: block;
	flex: 1
}

.m-menus .head_links i {
	margin: 0 auto
}

.menu_btn_box {
	margin-left: 20px
}

.menu_btn {
	width: 50px;
	height: 50px;
	z-index: 101;
	cursor: pointer;
	transform-origin: center center;
	position: relative;
	display: block;
	top: -5px;
	left: 10px
}

.menu_btn i {
	position: absolute;
	width: 26px;
	height: 2px;
	background: #000;
	left: 12px;
	display: block;
	transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
	top: 22px
}

.menu_btn i:nth-of-type(2) {
	top: 35px
}

.menu_btn i:nth-of-type(3) {
	top: 45px
}

.menu_btn.active i:nth-of-type(1) {
	transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
	opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
	transform: rotate(-225deg) translate(0, 0)
}

.transparent:not(.active):not(.bgf) .menu_btn i {
	background: #fff
}

.bggray {
	background: #f4f4f7
}



.index_about {
   position: relative;
   padding: 1.1rem 0 1.2rem;
}

/*.index_about .anim-illustration:nth-child(1) {*/
/*    left: 15%;*/
/*}*/

.index_about .section-heading h2 {
    font-size: 38px;
    line-height: 46px;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
    
}

.index_about .section-heading h3 {
    font-size: 24px;
    line-height: 46px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #19a6df 0%, #a5ce09 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

.index_about .section-heading h2 span {
    font-size: 14px;
    /*opacity: .6;*/
    margin-left: 10px;
    text-transform: capitalize;
    font-weight: normal;
    /*line-height: 1;*/

}
.index_about .section-heading p {
    width: 90%;
    margin-bottom: 0;
    text-indent: 2em;
    line-height: 32px;
    opacity: .8;
}

.index_about .section-heading .default-btn {
    margin-top: 30px;
}
.index_about .default-btn {
    border: 1px #ccc solid;
    font-size: 14px;
    color: #424242;
    line-height: 1px;
    display: inline-block;
    letter-spacing: 0px;
    padding:15px 29px;
    position: relative;
    border-radius:10px 0px 10px 0px;
    z-index: 1;
    /*transition: all .5s cubic-bezier(.165, .84, .44, 1);*/
}
.index_about .default-btn:hover{
   border:none;
   color: #fff;
   background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%) 
}
.step-img {
    display: flex;
    align-items: center;
}
.mt60{margin-top:60px;}

.step-img img{
    width:auto;
    margin-bottom: 50px;
    border-radius: 10px;
    z-index: 1;
}

@keyframes sfdh {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    25% {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
    }
    50% {
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
    }
    75% {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
.about_video{
    position: absolute;
    right: 37%;
    bottom: 35%;
    z-index: 6;
    }
    
.about_video img{
    width:85%;
    cursor: pointer;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    animation: sfdh .6s linear infinite;
    -webkit-animation: sfdh 1s linear infinite;}   
    


/* 全屏视频 */

.qpsp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 999999;
}

.gbbtn {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    z-index: 3;
}

.gbbtn i {
    font-size: 30px;
    color: #fff;
}

.qpspzg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.qpspbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #fff;
    z-index: 5;
    width: 60%;
}

.qpspbox>div {
    width: 100%;
}

.video-js .vjs-tech {}


/* 样式补充 */

.video-js {
    /* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
    width: 100%;
    height: 100%;
    font-size: 14px;
}

.video-js button {
    outline: none;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    /* 视频占满容器高度 */
    height: 100%;
    background-color: #161616;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid #111;
}

.vjs-poster {
    background-color: #161616;
    background-size: cover;
}

.video-js .vjs-big-play-button {
    /* 中间大的播放按钮 */
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: rgba(115, 133, 159, .5);
    border-width: 0.12em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}

.video-js.vjs-paused .vjs-big-play-button {
    /* 视频暂停时显示播放按钮 */
    display: block;
}

.video-js.vjs-error .vjs-big-play-button {
    /* 视频加载出错时隐藏播放按钮 */
    display: none;
}

.vjs-loading-spinner {
    /* 加载圆圈 */
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

.video-js .vjs-control-bar {
    /* 控制条默认显示 */
    display: flex;
}

.video-js .vjs-time-control {
    display: block;
}

.video-js .vjs-remaining-time {
    display: none;
}

.vjs-button>.vjs-icon-placeholder:before {
    /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
    font-size: 22px;
    line-height: 1.9;
}

.video-js .vjs-playback-rate .vjs-playback-rate-value {
    line-height: 2.4;
    font-size: 18px;
}


/* 进度条背景色 */

.video-js .vjs-play-progress {
    color: #1c2979;
    background-color: #1c2979;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    background-color: #1c2979;
}

.vjs-mouse-display .vjs-time-tooltip {
    padding-bottom: 6px;
    background-color: #1c2979;
}

.video-js .vjs-play-progress .vjs-time-tooltip {
    display: none!important;
}

.video-js .vjs-time-control {
    padding: 0 0.5em;
}

.video-js .vjs-big-play-button {
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.step-item {
    background-color: #fff;
    background: linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);;
    border-radius: 3px;
    /*display: grid;*/
    /*grid-template-columns: 70px 1fr;*/
    cursor: pointer;
    padding: 30px;
    box-shadow: 0px 5px 40px 0px rgba(0, 9, 40, 0.1);
    overflow: hidden;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.step-item:hover {
    transform: translateY(-3px);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.step-item h2 {
    font-size: 80px;
    line-height: 1;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
    -webkit-text-fill-color: transparent;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.step-item:hover h2 {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
    -webkit-text-fill-color: #fff;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.step-item .step-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
}

.step-item .step-content P {
    color: #ddd;
    margin: 0;
}

@media(max-width:992px) {
    .step-img img:nth-child(1) {
        margin-right: 0;
        margin-top: 0;
    }

    .step-item {
        grid-template-columns: 1fr;
       margin-bottom: 30px;
    }

    .step-item h2 {
        font-size: 50px;
    }
}

@media(max-width:767px) {
    .step-section {
        overflow: hidden;
    }

    .step-img {
        flex-direction: column;
    }
    .index_about .section-heading h2{margin-bottom:0px;}
    .index_about .section-heading h3{margin-top:10px;margin-bottom:10px;text-indent: 0;}
    .index_about .section-heading p{width:100%;}
    .index_about .section-heading .default-btn{margin-bottom:30px;}
}



.index-service{
    background: linear-gradient(90deg, #a5ce09 2%, #19a6df 100%);
    position: relative;
   padding: 1.1rem 0 1.2rem;
   
}

.index-service .swiper_services{padding-bottom: 0.8rem;}
.index-service .swiper_services .swiper-pagination-bullet-active{background:#ffffff !important;}
.index-service .section-heading{color: #fff;}
.index-service .sm-padding,.index-service .section-heading{margin-bottom:30px;}
.index-service .section-heading h2{font-size: 38px;line-height: 46px;font-weight:bold;}
.index-service .section-heading p{font-size:16px;}
.service-switch-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 40px;
}

.service-switch-toggler li {
    font-size: 15px;
    font-weight: 600;
    color: #5d6374;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 35px;
    cursor: pointer;
}

.service-switch-toggler li.active {
    color: var(--heading-color);
}

.service-switch {
    display: inline-block;
}

.service-switch .slider {
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    width: 80px;
    height: 35px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;

}

.service-switch .slider:before {
    background: var(--bg-gradient);
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-switch.off .slider:before {
    left: calc(100% - 31px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/*.index-service .img{margin-top:20px;}*/
.service-item {
    background-color: #fff;
    padding: 40px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 5px 40px 0px rgba(0, 9, 40, 0.1);
}

.price-badge {
    background: var(--bg-gradient);
    box-shadow: 0 10px 15px 0 rgba(21, 126, 251, 0.4);
    padding: 10px 15px;
    border-radius: 0;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    position: absolute;
    right: -10px;
    top: 30px;
}

.price-badge:before {
    background: var(--bg-gradient);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
}

.service-item .img{border-radius:5px;}

.service-head {
    padding-bottom: 20px;
    /*border-bottom: 1px solid #e1e4ea;*/
    text-align: center;
}

.service-head h4 {
    font-family: var(--body-font);
    color: #5d6374;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
}

.service-head h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 38px;

    
}



.service-head h2 span {
    font-size: 48px;
    font-weight: 600;
    position: relative;
    padding-right: 10px;
}

.service-head h2:not(.free) span {
    padding-left: 15px;
}

.service-head h2 span b {
    font-size: 28px;
    font-weight: 400;
    color: #5d6374;
    position: absolute;
    left: 0;
    top: 10px;
}

.service-head P {
    font-size: 14px;
    margin: 0;
    opacity: .5;
}

.service-list {
    padding: 30px 0;
}

.service-list li {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.service-btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #e1e4ea;
    padding:15px 29px;
    border-radius: 10px 0px 10px 0px;
    font-size: 14px;
    color: #5d6374;
    letter-spacing: 0;
    line-height: 1px;
}

.service-btn.active {
    background-color: #1842f4;
    border: 1px solid #1842f4;
    color: #fff;
}

.service-btn.active:hover,
.service-btn:hover {
    background: linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);
    border:1px solid #fff;
    color: #fff;
    transform: translateY(-3px);
}


.index-brand{padding-top:.86rem;}
@media (min-width:992px){.index-brand .inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;position:relative}
.index-brand .inner .itag{background:url(../images/PARTNER.png) no-repeat right top;background-size:contain;width:7.8rem;height:1.3rem;right:1.3rem;top:-.2rem;width:30%}
.index-brand .inner .leftbox,.index-brand .inner .rightbox{width:50%}
.index-brand .inner .leftbox{width:41%}
.index-brand .inner .rightbox{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:0 1.3rem 0 1.2rem}
}
@media (min-width:992px) and (max-width:1360px){.index-brand .inner .rightbox{padding:0 .4rem 0 .5rem}
}
.index-brand .wrap{position:relative;max-width:1740px;padding:1.1rem 0 1.2rem}
.index-brand .wrap::before{content:'';display:block;position:absolute;background:#f9f9f9;left:2.7rem;right:0;top:0;bottom:0;z-index:-1}
.index-brand .wrap .itag{position:absolute;background:url(../images/brand.png) no-repeat right top;background-size:contain;right:.5rem;top:-.24rem;width:5.75rem;height:1.3rem}
@media (max-width:1360px){.index-brand .wrap .itag{width:4rem}
}
@media (max-width:1200px){.index-brand .wrap .itag{top:.2rem}
}
@media (max-width:1200px){.index-brand{background:#f9f9f9;margin-top:0}
.index-brand .ihd{margin-bottom:.3rem;text-align:center}
}
.index-brand .leftbox{position:relative}
.index-brand .leftbox .play{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;z-index:55;cursor:pointer}
.index-brand .leftbox .play i{width:.93rem;height:.93rem;background:url(../images/play.png) no-repeat center center;background-size:contain;display:block}
@media (max-width:640px){.index-brand .leftbox .play i{width:70px;height:70px}
}
.index-brand .txt{font-size:16px;line-height:30px;margin:.28rem 0 .3rem}
@media (max-width:1360px){.index-brand .txt{margin:0 0 .4rem}
}
@media (max-width:992px){.index-brand .leftbox{margin:0 0 .5rem;text-align:center}

.index-service .col-md-12{padding:0px;}
}

/***标题***/
.auto-title-block {
  --text-color: 51,51,51;
  --text-opacity: 1;
}
.auto-title-block .auto-title-h2 {
  margin-bottom: 0.2321em;
  font-size: 48px;
  line-height: 0.8em;
  font-weight: normal;
  letter-spacing: -2px;
  color: rgba(var(--text-color), var(--text-opacity));
}
.auto-title-block .auto-title-h2.big {
  font-size: 56px;
  line-height: 0.8em;
}
.auto-title-block .auto-title-des {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: rgba(var(--text-color), var(--text-opacity));
}
@media (min-width: 1201px) and (max-width: 1600px) {
  .auto-title-block .auto-title-h2 {
    font-size: 40px;
  }
  .auto-title-block .auto-title-h2.big {
    font-size: 48px;
  }
  .auto-title-block .auto-title-des {
    font-size: 22px;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .auto-title-block .auto-title-h2 {
    font-size: 34px;
  }
  .auto-title-block .auto-title-h2.big {
    font-size: 40px;
  }
  .auto-title-block .auto-title-des {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .auto-title-block .auto-title-h2 {
    font-size: 0.4rem;
    line-height: 0.8em;
  }
  .auto-title-block .auto-title-h2.big {
    font-size: 0.5rem;
    line-height: 0.8em;
  }
  .auto-title-block .auto-title-des {
    font-size: 0.3rem;
    line-height: 1.2em;
  }
}
.auto-title-block-b {
  --text-color: 51,51,51;
  --text-opacity: 1;
  font-size: 36px;
  line-height: 1.1em;
  color: #000000;
}
.auto-title-block-b .auto-title-des {
  color: #cccccc;
}
@media (min-width: 1201px) and (max-width: 1600px) {
  .auto-title-block-b .auto-title-h2 {
    font-size: 40px;
  }
  .auto-title-block-b .auto-title-h2.big {
    font-size: 48px;
  }
  .auto-title-block-b .auto-title-des {
    font-size: 22px;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .auto-title-block-b .auto-title-h2 {
    font-size: 34px;
  }
  .auto-title-block-b .auto-title-h2.big {
    font-size: 40px;
  }
  .auto-title-block-b .auto-title-des {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .auto-title-block-b .auto-title-h2 {
    font-size: 0.4rem;
    line-height: 0.8em;
  }
  .auto-title-block-b .auto-title-h2.big {
    font-size: 0.5rem;
    line-height: 0.8em;
  }
  .auto-title-block-b .auto-title-des {
    font-size: 0.3rem;
    line-height: 1.2em;
  }
}
.auto-title-block-c {
  --text-color: 51,51,51;
  --text-opacity: 1;
  font-size: 36px;
  line-height: 1.2em;
  color: #000000;
}
.auto-title-block-c .auto-title-des {
  color: #cccccc;
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .auto-title-block-c {
    font-size: 32px;
  }
}
@media (max-width: 1200px) {
  .auto-title-block-c {
    font-size: 0.4rem;
    line-height: 1.3em;
  }
}



.foot_bg{background:url(../images/foot_bg.jpg) #1d1d1d center center no-repeat; background-size:cover;}
.i_contact{ overflow:hidden;clear: both;}

.i_contact .i_title .h3{ color:#fff;}

.i_contact .ends{ overflow:hidden; margin-top:3%; margin-bottom:5%; text-align:center; cursor:pointer;}


.rbtn {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	padding: 0 25px;
 /* min-width: 178px;*/
	font-size: 1.8rem;
	color: #fff;
  /*border:1px solid #fff;*/
	border-radius: 30px;
	z-index: 0;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	width: 132px;
}

.rbtn:hover{/* border-color:#b72e32;*/ color:#fff; /*text-indent:5px;*/ padding-left:20px; padding-right:20px;}

.i_title{ text-align:center; margin-top:5%; overflow:hidden;}

.i_title .h3{ font-weight:bold; color:#232323; overflow:hidden; line-height:1.3;}

.i_title span{ display:block; line-height:1.6;overflow:hidden; color:#999999; }

.i_title.bgs2 span{ margin-top:2.5%; color:#777777;}
.rbtn span {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	display: block;
   font-size: 1.8px;
	background: none;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #fff;
}

.rbtn:before{ z-index:2; content:""; position:absolute; left:0; top:0; width:100%; height:100%;background: url(../images/i_pic1.png) right 35px center no-repeat;
background-size:8px auto;-webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;opacity:0;filter:Alpha(opacity=0);}
.rbtn:hover:before{ background-position:right 22px center;opacity:1.0;filter:Alpha(opacity=100);}

.rbtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width:100%;
  height: 100%;
  background: #b72e32;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

/*尾部*/

.c_l{ clear:both; font-size:0; overflow:hidden;}

.f_bg{ color:#818181; font-size:16px;clear:both; padding-top:72px; text-align:left; }

.f_bg_div{ max-width:1400px; width:96%; margin:0 auto;}

.f_bg a{color:#818181; text-decoration:none;}

.f_bg a:hover{ color:var(--main-color);}

.f_bg .h2{ height:40px; line-height:40px; font-weight:normal; font-size:18px;color:#fff; overflow:hidden; position:relative;margin-top: 0px;}

.f_bg .links{ float:left;width:15.429%; margin-right:1%;overflow:hidden; margin-bottom:2.8%;vertical-align:top;text-align:left; }

.f_bg .links.w2{ width:10.28%;}

/*.f_bg .links.w3{ width:15.91%;}

.f_bg .links.w4{ width:13.2%;}*/

.f_bg .links ul{ margin-top:17px;}

.f_bg .links ul li{ display:block; height:38px; line-height:38px; overflow:hidden;}

.f_bg .links ul li a{transition:all 0.3s; padding-right:5px; color:#7f7f7f;  }

.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0; color:var(--main-color);}





.f_bg .f_div2_r2{ float:right;  max-width:33.7%; line-height:30px; }

.f_bg .f_div2_r2 a.tel{ display:inline-block; vertical-align:top;color:#c23344; line-height:1.3;margin-bottom:5%;font-size: 38px;}

.f_bg .f_div2_r2 .p{  overflow:hidden;}

.f_div3{  line-height:38px; min-height:38px;   clear:both; padding-top:1.5%; padding-bottom:1.5%;margin-top:6%; border-top:1px solid #2e2e2e;  }

.f_div3 em{ font-style:normal; margin-left:20px;}

.f_div3 .company{ margin-left:1%; float:left;}

/*.f_div3 .l p{ display:inline-block; vertical-align:middle; margin-left:15px;}*/

.f_div3 .r a{ overflow:hidden; position:relative;}

.f_div3 .support a{ display:inline-block; padding-left:16px; padding-right:16px; position:relative;}

.f_div3 .support a:after{ content:""; position:absolute; right:0; top:50%; margin-top:-7px; height:14px; width:1px; background:#868585;}

.f_div3 .support a:last-child{ margin-right:0; padding-right:0;}

.f_div3 .support a:last-child:after{ display:none;}

.f_div3 .foot_link2{ width:142px; float:right; margin-left:22px; height:38px; position:relative;background:url(../images/foot_pic2.png) right 28px top 16px no-repeat; background-size:11px 7px;}

.f_div3 .foot_link2 span{ display:block; overflow:hidden;line-height:36px; height:38px;border:1px solid #2e2e2e; text-indent:27px; /*background:url(../images/foot_pic1.png) 18px center no-repeat; background-size:15px 16px; */font-size:15px; cursor:pointer; position:relative; z-index:1; text-align:left;}

.f_div3 .foot_link2 .link2{ overflow:hidden; position:absolute; bottom:48px; left:0; width:100%; background:#fff;transition:all 0.3s; height:0;z-index:0; text-align:left;}

.f_div3 .foot_link2 .link2 a{ float:left; width:100%; height:30px; line-height:30px; color:#333; font-size:13px; text-indent:25px; overflow:hidden;}

.f_div3 .foot_link2 .link2 a:hover{ background:var(--main-color); color:#fff;}

.f_div3 .foot_link2:hover .link2{ height:auto;bottom:38px; }

.gotop{ position:fixed; bottom:30px; right:1%; width:50px; height:50px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;

-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;

-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:99; display:none; }

.gotop:hover{/*-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);*/opacity:0.9;filter:Alpha(opacity=90);}



/*分享*/

.f_bg .foot_a{  margin-top:15%; --dw: 40px; --w: var(--dw);--size: 53%;--sc: #fff; --fill: var(--sc);}



.f_bg .foot_a ul li{float:left; margin-right:16px;width:40px; height:40px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; background:rgba(255, 255, 255, 0.1); border-radius:50%;}



.f_bg .foot_a ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}



.f_bg .foot_a ul li a:hover{filter: Alpha(Opacity=80);opacity: 0.8;}



.f_bg .foot_a ul li.weixin{background-image:url(../images/fx1.png); --size: 63%;}



.f_bg .foot_a ul li.weixin a{ background:url(../images/fx2.png) center center no-repeat;background-size:100% 100%;}



.f_bg .foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(../images/fx2_on.png);}



.f_bg .foot_a ul li.weixin .wem1{width: 203px; bottom:41px; text-align: center;  position: absolute; margin-left:-80px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;transform:scale(0, 0);}



.f_bg .foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s; }



.f_bg .foot_a ul li.weixin a:hover .wem1{ height:195px;padding-top: 20px; padding-bottom:20px;transform:scale(1, 1);}



.f_bg .foot_a ul li.sinna{ background-image:url(../images/fx3.png);}



.f_bg .foot_a ul li.sinna:hover{ background-image:url(../images/fx3_on.png);}

.f_bg .foot_a ul li.youtube{ background-image:url(../images/fx4.png);}



.f_bg .foot_a ul li.youtube:hover{ background-image:url(../images/fx4_on.png);}


.f_bg .foot_a ul li.qq{ background-image:url(../images/fx1.png);}



.f_bg .foot_a ul li.qq:hover{ background-image:url(../images/fx1_on.png);}







.f_bg .foot_a ul li a{ display:block; width:100%; height:100%;}



.f_bg .foot_a ul li:hover{ background-color:var(--main-color);}







.foot_a .social-share .social-share-icon{ width:40px; height:40px; line-height:40px; vertical-align:top;}



.foot_a .social-share .social-share-icon:hover{background:none;}



.foot_a .social-share .icon-qq:before{ content:"";}



.foot_a .social-share .icon-qq{ border:0;}



.foot_a .social-share .icon-qq:hover{/* background-image:url(../images/fx1_on.png);background-size:100% 100%;*/}



.foot_a .social-share .icon-wechat:before{ content:"";}



.foot_a .social-share .icon-wechat{ border:0;}



.foot_a .social-share .icon-wechat:hover{ background-image:url(../images/fx2_on.png);background-size:100% 100%;}



.foot_a .social-share .icon-weibo:before{ content:"";}



.foot_a .social-share .icon-weibo{ border:0;}



.foot_a .social-share .icon-weibo:hover{ /*background:url(../images/fx3_on.png) no-repeat;background-size:100% 100%;*/}



.foot_a .self-svg {

  width: var(--w);

  height: var(--w);

  background: transparent;

}

.foot_a .self-svg svg {

  transition: all 0.3s;

}
@media screen and (max-width: 992px) {
/*尾部*/

.f_bg{ padding-top:30px; font-size:14px;}

.f_bg_div{ text-align:center;}

.f_bg .links{ display:none;}

.f_bg .f_div2_r2{ float:none; width:100%; text-align:center; max-width:none;}

.f_bg .f_div2_r2 a.tel{ margin-bottom:2%;}

.f_div3{ text-align:center; line-height:22px; padding-top:10px; padding-bottom:10px; }

.f_div3 .l{ float:none; display:block;}

.f_div3 .r{ float:none; display:block; overflow:hidden;}

.f_div3 .foot_link2{ float:none; display:inline-block; vertical-align:top; display:none;}

.f_div3 .company{ float:none; margin-left:0;}

/*分享*/

.f_bg .foot_a{  text-align:center; margin-top:3%;}

.f_bg .foot_a ul li{ float:none; vertical-align:top; display:inline-block; margin-left:4px; margin-right:4px;}
}


@media (max-width: 768px) {

  .f_div3 .foot_link2{display:none;}
}



.foot{width:100%;background:linear-gradient(133deg, #19a6df 0%,  #19a6df 30%, #a5ce09 100%);color:#fff;border-top:1px solid#eee}
.foot_box{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.foot_l{width:456px;padding:89px 0;border-right:1px solid rgba(238,238,238,.2);color:#666}
.diZhi_xq p{font-size:14px;color:#fff;line-height:28px;}
.diZhi_xq p span{color:#fff}
.foot_l h4{color:#fff}
.diZhi_xq p i{width:15px;}
.foot_r{width:-webkit-calc(100% - 456px);width:-moz-calc(100% - 456px);width:calc(100% - 456px);padding:89px 0}
.foot_r .youXian{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.youXian .lxfs_ewm{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:4%}
.youXian .lxfs_ewm li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#fff;margin-right:20px;float: left;}
.youXian .lxfs_ewm span{margin-right:0;font-size:14px; line-height:28px;}
.foot_top{width:100%;margin:0 auto;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:7%}
.foot_nav{width:100%;padding-left:8%}
.foot_nav ul{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.foot_nav li a{display:block;line-height:40px;color:rgba(255,255,255,.68)}
.foot_nav li a:hover{color:#fff}
.foot_nav .active{font-size:20px;color:#fff;margin-bottom:10px;font-weight: bold;}
.foot_bm{border-top:1px solid rgba(238,238,238,.2)}
.foot_bm p{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.foot_bm p a,.foot_bm p span{color:rgba(255,255,255,.68);font-size:14px;line-height:60px}
.foot_bm p span,.foot_bm p>a{display:block}
.icon_foot{width:40px;height:40px}
.foot_logo{margin-bottom:10px;}
.foot_logo img{max-width:230px;width:80%}
.youXian{margin-top:2%}
.youXian img{width:89px}
.yqlink{position:absolute;bottom:20px;left:8%;opacity: .5;}
.yqlink a{color:rgba(255,255,255,.68);margin:0 15px}

@media(max-width:900px){.foot_l{display:block;width:100%;border:0;padding:30px 0;}
.foot_logo{margin-bottom:28px}
/*.diZhi_xq p{margin-bottom:14px}*/
.foot_r{display:none}
}

@media(max-width:680px){.foot_bm{padding:28px 0}
.foot_bm p{flex-wrap:wrap;text-align:center}
.foot_bm p a,.foot_bm p span{width:100%;line-height:1.4}
.foot_bm{padding-top:20px}
.foot_bm p a{margin-top:4px;display:block}
}

.more-box-c {
  --text-color: #000000;
  --text-hover-color: #ffffff;
  font-size: 14px;
  line-height: 1.5em;
}
.more-box-c .more-box {
  position: relative;
  padding: 1.5em 2.6em;
  color: var(--text-color);
  transition: color 0.3s;
}
.more-box-c .more-box::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border: 1px solid #19a6df;
  width: 35%;
  height: 100%;
  background: transparent;
  transition: background 0.3s, width 0.3s;
}
.more-box-c .more-box .word {
  position: relative;
}
.more-box-c .more-box:hover {
  color: var(--text-hover-color);
}
.more-box-c .more-box:hover::before {
  z-index: 0;
  width: 100%;
  background-color: var(--background-hover-color);
}
@media (max-width: 1200px) {
  .more-box-c {
    font-size: 0.24rem;
    line-height: 1.5em;
  }
  .more-box-c .more-box {
    padding: 1em 2em;
  }
}

.index-block-business {

  overflow: hidden;
  background: url(../images/bg3.jpg) no-repeat center center;
}
.index-block-business .wrap{padding: 1.1rem 0 1.2rem;position: relative;;}
.index-block-business .flex-box {
  margin-top: 50px;
  position: relative;
}
.index-block-business .flex-box .title-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 15px;
  line-height: 1.6em;
  color: #ffffff;
}
.index-block-business .flex-box .title-li {
  position: relative;
  cursor: pointer;
  padding: 10px;
}
.index-block-business .flex-box .title-li::before {
  content: "";
  display: block;
  margin-right: 1.6em;
  height: 1.6em;
  width: 1px;
  background: #cccccc;
}
.index-block-business .flex-box .title-li .num {
  margin-right: 1.3em;
}
.index-block-business .flex-box .title-li + .title-li {
  margin-top: 0.1em;
}
.index-block-business .flex-box .title-li.on {
  color: #19a6df;
  background: #fff;
 
}
.index-block-business .flex-box .title-li.on::before {
  background: #19a6df;
}
.index-block-business .images-list {
  width: 68.75%;
  padding-bottom: 50px;
}
.index-block-business .images-list .swiper-container {
  margin-left: -10%;
}
.index-block-business .cont-list {
  width: 31.25%;
}
.index-block-business .cont-list .swiper-container {
  --text-color: 0,0,0;
  margin-left: -43%;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.5em;
}
.index-block-business .cont-list .pad {
  padding: 35px 85px;
}
.index-block-business .cont-list .num {
  color: #19a6df;
}
.index-block-business .cont-list .num .line {
  margin-right: 0.6em;
  width: 2em;
}
.index-block-business .cont-list .num .line::before {
  background-color: #19a6df;
}
.index-block-business .cont-list .h3 {
  margin-top: 0.8em;
  margin-bottom: 0.6em;
  font-size: 2.2em;
  line-height: 1.2em;
  letter-spacing: 1px;
  color: rgba(var(--text-color), 1);
}
.index-block-business .cont-list .des {
  font-size: 1.25em;
  line-height: 1.3em;
  color: rgba(var(--text-color), 0.3);
}
.index-block-business .cont-list .cont {
  margin-top: 2.4em;
  margin-bottom: 3.5em;
  color: rgba(var(--text-color), 0.8);
}
.index-block-business .btns {
  position: absolute;
  right: 44.71%;
  bottom: -50px;
}
.index-block-business .btns .more-box {
  background: var(--btn-color);
  padding: 2.5em 5.6em;
  font-size: 16px;
  line-height: 1.25em;
  transition: background 0.3s;
}
.index-block-business .btns .more-box:hover {
  background: var(--btn-hover-color);
}
@media (max-width: 1600px) {
  .index-block-business {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .index-block-business .flex-box {
    margin-top: 30px;
  }
  .index-block-business .images-list .swiper-container {
    margin-left: -5%;
  }
  .index-block-business .cont-list .swiper-container {
    margin-left: -43%;
  }
  .index-block-business .cont-list .pad {
    padding: 40px 45px;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.6em;
    margin-bottom: 0.4em;
    font-size: 2em;
  }
  .index-block-business .btns {
    bottom: -34px;
  }
  .index-block-business .btns .more-box {
    padding: 2em 5em;
  }
}
@media (max-width: 1500px) {
  .index-block-business {
    padding-top: 0;
    padding-bottom: 80px;
  }
  .index-block-business .flex-box {
    margin-top: 20px;
  }
  .index-block-business .cont-list .pad {
    padding: 30px 35px;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-size: 1.6em;
  }
  .index-block-business .cont-list .des {
    font-size: 1em;
  }
  .index-block-business .cont-list .cont {
    margin-top: 2em;
    margin-bottom: 2.5em;
  }
}
@media (max-width: 1200px) {
  .index-block-business {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    background-color: #f8f8f8;
  }
  .index-block-business .flex-box {
    margin-top: 0.2rem;
  }
  .index-block-business .flex-box .title-box {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    line-height: 1.6em;
  }
  .index-block-business .flex-box .title-li {
    position: relative;
  }
  .index-block-business .flex-box .title-li .num {
    margin-right: 1.3em;
  }
  .index-block-business .flex-box .title-li + .title-li {
    margin-top: 0.9em;
  }
  .index-block-business .flex-box .title-li.on {
    color: #19a6df;
  }
  .index-block-business .flex-box .title-li.on::before {
    background: #19a6df;
  }
  .index-block-business .images-list {
    order: 2;
    width: 100%;
    padding-bottom: 0;
  }
  .index-block-business .images-list .swiper-container {
    margin-left: 0;
  }
  .index-block-business .cont-list {
    width: 100%;
  }
  .index-block-business .cont-list .swiper-container {
    background: transparent;
    margin-left: 0;
    font-size: 0.26rem;
    line-height: 1.5em;
  }
  .index-block-business .cont-list .pad {
    padding: 0;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-size: 1.3em;
    line-height: 1.2em;
  }
  .index-block-business .cont-list .des {
    font-size: 1em;
    line-height: 1.3em;
  }
  .index-block-business .cont-list .cont {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .index-block-business .btns {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: static;
    right: 0%;
    bottom: 0;
  }
  .index-block-business .btns .more-box {
    padding: 1em 2.6em;
    font-size: 0.24rem;
    line-height: 1.25em;
  }
}


.selectLike {
  padding: 90px 0 110px 0;
  background:url(../images/probg.jpg) no-repeat #000;
  color: #fff;
}

.selectLike .pctitle {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.selectLike .pctitle span {
  color: #19a6df;
}
.selectLike .wrap{position:relative;max-width:1740px;padding:0 0 1.2rem}
.selectLike .swiper-button-next:after, .selectLike .swiper-button-prev:after{display: none;}
.selectLike .content {
  margin-top: 76px;
  position: relative;
}
.selectLike .swiper-button-prev,
.selectLike .swiper-button-next {
  width: 52px;
  height: 52px;
  margin: -26px 0 0 0;
  background: no-repeat;
  background-size: 100% 100%;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.selectLike .swiper-button-prev {
  left: -52px;
  background-image: url(../images/arrow4.png);
}
.selectLike .swiper-button-prev:hover {
  background-image: url(../images/arrow6.png);
}
.selectLike .swiper-button-next {
  right: -52px;
  background-image: url(../images/arrow5.png);
}
.selectLike .swiper-button-next:hover {
  background-image: url(../images/arrow7.png);
}
.selectLike .swiper-slide.swiper-slide-next {
  border-left: solid 1px #eeeeee42;
  border-right: solid 1px #eeeeee42;
}
.selectLike .swiper-slide{overflow:hidden;}
.selectLike .swiper-slide a {
  display: block;
  text-align: center;
  padding: 0 10px;
}
.selectLike .swiper-slide a:hover .tit {
  color: #19a6df;
}
.selectLike .swiper-slide a:hover .pcmore span {
  padding-right: 36px;
}
.selectLike .swiper-slide a:hover img{-webkit-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); transform:scale(1.03, 1.03);}
.selectLike .swiper-slide .pic {
  height: 300px;
  line-height: 300px;
}
.selectLike .swiper-slide .pic img {
  display: inline-block;
  vertical-align: bottom;
  max-height: 100%;
  -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.selectLike .swiper-slide .tit,
.selectLike .swiper-slide .txt {
  height: 30px;
  line-height:30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.selectLike .swiper-slide .tit {
  font-size: 24px;
  margin: 48px 0 20px 0;
  color: #fff;
  font-weight: bold;
}
.selectLike .swiper-slide .txt {
  height: auto;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 20px;
}
.selectLike .pctitle {
  text-align: left;
  font-size: 56px;
  font-weight: bold;
  padding-left: 20px;
}
.selectLike .pctitle span {
  color: #19a6df;
}
.selectLike .pcmore {
  text-align: center;
  line-height: 20px;
}
.selectLike .pcmore span,
.selectLike .pcmore a {
  display: inline-block;
  padding-right: 56px;
  color: #fff;
  background: url(../images/jiantou.png) no-repeat right 0 center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.selectLike .pcmore span:hover,
.selectLike .pcmore a:hover {
  padding-right: 36px;
}


.service-wrap4{background: #f9fafc;text-align:center;padding: 1.1rem 0 1.2rem;}
.service-wrap4 .boxs{ overflow:hidden; margin:0 auto; text-align:left;}
.service-wrap4 .boxs h2{font-weight:normal;overflow:hidden;line-height:58px;width: 40%;float: left;}
.service-wrap4 .boxs h2 b{ font-weight:bold; float:left; margin-right:10px;font-size: 38px;}
.service-wrap4 .boxs h2 span{ float:left; font-size:14px;}
.service-wrap4 .boxs h2 span label{ display:inline-block; margin-right:6px; padding-right:38px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:0;}
.service-wrap4 .boxs h2 span label:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:32px; background:url(../images/i_bg1.jpg) repeat-x;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s; z-index:-1;}
.service-wrap4 .boxs h2:hover span label{ padding-right:0; padding-left:28px;}
.service-wrap4 .boxs h2:hover span label:after{ left:0; width:20px;}
.service-wrap4 .boxs .service-wrap4_a{overflow:hidden;float: right;}
.service-wrap4 .boxs .service-wrap4_a a{ float:left; margin-right:28px; overflow:hidden; color:#000;background:#fff;line-height: 38px; font-size:18px;padding: 5px 30px;border-radius: 5px;}
.service-wrap4 .boxs .service-wrap4_a a.isel{ color:#fff;background: linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);}
.service-wrap4 .boxs .news_ul{overflow:hidden;clear: both;padding-top: 3.5%;}
.service-wrap4 .boxs .news_ul .divhidden{display:none;}
.service-wrap4 .a2{ display:inline-block;height:20px; line-height:20px; overflow:hidden; color:#333; font-size:14px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; font-family:Arial; margin-top:5%;}
.service-wrap4 .a2 a{ color:#333;}
.service-wrap4 .a2:after{ content:""; position:absolute; left:0; top:50%; height:2px; width:0; margin-top:-1px;background:url(../images/i_bg2.jpg) repeat-x;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.service-wrap4 .a2:hover{padding-left:26px;color:#19a6df;}
.service-wrap4 .a2:hover a{color:#19a6df;}
.service-wrap4 .a2:hover:after{width:19px;}

/*新闻*/
.owl-demo2.owl-carousel .owl-wrapper-outer{}
.owl-demo2{ width:100%; text-align:center; }
/* Styling Next and Prev buttons*/
.owl-demo2.owl-theme .owl-controls{/* bottom:60%;*/ height:0; top:50%;}
.owl-demo2.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:80%; margin-top:0;  width:100%;  height:0; display:none;}
/*.owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: block;zoom: 1;*display: inline; width:22px; height:32px; text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/left.png) center center no-repeat; float:left;background-size:22px 32px; margin-left:0px;}
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); }
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/right.png) center center no-repeat;float:right;background-size:22px 32px;margin-right:0px; }
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); }*/

.owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo2 .item{margin-right:2%;background:#ffffff;width: 23.5%; border-radius:8px;overflow:hidden;float: left;}
.owl-demo2 .item:nth-child(4){margin-right:0;}
.owl-demo2 .item img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.owl-demo2 .item dd{ text-align:center; overflow:hidden;  position:relative;}
.owl-demo2 .item dd .imgs{overflow:hidden;/* border:1px solid #e7e7e7;*/}
/*.owl-demo3 .item dd:hover .imgs{border:1px solid #73b8e2;}*/
.owl-demo2 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo2 .item dd .txts{ width:90%; margin:0 auto; overflow:hidden; text-align:left; }
.owl-demo2 .item dd .txts .h2{width:100%; font-weight:bold; color:#000000;height:52px; line-height:26px; margin-top:20px; font-size:16px;text-overflow: ellipsis;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.owl-demo2 .item dd .txts .p{ width:100%; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:20px; height:40px; color:#666; font-size:14px; margin-top:11px;}
.owl-demo2 .item dd:hover .txts .h2{ color:#19a6df;}
.owl-demo2 .item dd .txts .a{  height:20px; line-height:20px; overflow:hidden; color:#333; font-size:12px; position:relative;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; font-family:Arial; margin-top:30px; margin-bottom:50px;opacity:.8;}
.owl-demo2 .item dd .txts .a a{ color:#333;}
.owl-demo2 .item dd .txts .a span{float:right;}
.owl-demo2 .item dd .txts .a:after{ content:""; position:absolute; left:0; top:50%; height:2px; width:0; margin-top:-1px;background:#19a6df;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.owl-demo2 .item dd:hover .txts .a{padding-left:26px;color:#19a6df;}
.owl-demo2 .item dd:hover .txts .a:hover{color:#19a6df;}
.owl-demo2 .item dd:hover .txts .a a{color:#19a6df;}
.owl-demo2 .item dd:hover .txts .a:after{width:21px;}

@media (max-width:960px) {
    .service-wrap4 .boxs h2{width:100%;}
	.owl-demo2 .item{width:98%; margin-bottom:30px;}
	.service-wrap4 .boxs .service-wrap4_a{float: left;margin: 20px 0px;}
}



.knowshare{padding:1rem 0;text-align:center;background: linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);}
.knowshare .wrap{overflow:hidden;}
.knowshare .hd1{color:#fff;font-weight:bold;}
.knowshare .hd2{font-size: 16px;color:#fff;font-weight:normal;margin-bottom:3%;}
.swiper_knowshare{padding-bottom:.8rem;}
.swiper_knowshare li{width:calc((1360px + 0px)/ 3)}
@media (max-width:1800px){.swiper_knowshare li{width:calc((1360px + 0px)/ 3)}
}
@media (max-width:768px){.swiper_knowshare li{width:calc((88vw + 10px)/ 2)}

.owl-demo2{width:100%;margin-left:0;}
}
@media (max-width:550px){.swiper_knowshare li{width:100%}
}
.swiper_knowshare .inner{margin-right:10px;margin-left:10px;background:#ffffff;overflow:hidden;}

@media (max-width:768px){.swiper_knowshare .inner{margin-right:10px}
}
@media (max-width:550px){.swiper_knowshare .inner{margin:0 1px}
}
.swiper_knowshare .inner:hover{background-color:#19a6df}
.swiper_knowshare .inner .on{background:linear-gradient(to bottom, rgb(165 206 9 / 80%), rgb(25 166 223 / 80%));text-align:center;width: 100%;height: 100%;position:absolute;transition: transform .6s ease 0s; z-index:2;opacity:0;}
.swiper_knowshare .inner .on p{line-height:100%;position:absolute;bottom:45%;font-size:18px;font-weight:bold;}
.swiper_knowshare .inner:hover .on{opacity:1;}
.swiper_knowshare .inner:hover .coverbox ._bg{z-index:3}
.swiper_knowshare .inner:hover .tit{color:#fff}
.swiper_knowshare .info{height:50px;display:flex;align-items:center;justify-content:center}
.swiper_knowshare .tit{font-size:16px;line-height:24px;max-height:48px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;width:100%;padding:0 20px;display:block}
.swiper_knowshare .swiper-pagination-bullet-active{background:#ffffff !important;}
@media (max-width:480px){.swiper_knowshare .tit{font-size:15px;line-height:20px}
}



footer {
	background: url(../images/bgs.png) repeat center #f4f4f7;
}

@media (max-width:480px) {
	footer {
		border-top-width: .1rem
	}
}

footer .ft-topper {
	padding: .6rem 0 .6rem;
	position: relative;
	z-index: 55
}

@media (min-width:1200px) {
	footer .ft-topper {
		display: flex;
		justify-content: space-between
	}
}

@media (max-width:1199px) {
	footer .ft-topper {
		padding-bottom: .4rem
	}
}

@media (max-width:640px) {
	footer .ft-topper {
		padding-top: .4rem
	}
}

footer .codebox {
	text-align: center
}

footer .codebox img {
	margin-bottom: .16rem
}

footer .ft-bottom {
	padding: 0px 0 28px;
	color: #999
}

@media (min-width:1200px) {
	footer .ft-bottom {
		padding: 28px 0;
		border-top: 1px solid #dbdbde
	}
}

footer .ft-bottom a {
	color: #999
}

footer .ft-bottom a:hover {
	color: #19a6df
}

@media (min-width:1200px) {
	footer .ft-bottom {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-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
	}
}

footer .ft-bottom .copyright {
	line-height: 1.8
}

footer .ft-bottom .copyright a {
	display: inline-block !important
}

@media (min-width:1200px) {
	footer .ft-bottom .copyright span,footer .ft-bottom .copyright a {
		display: inline-block;
		margin-left: 10px
	}
}

footer .ft-bottom .copyright span,footer .ft-bottom .copyright a {
	margin-right: 10px
}

@media (max-width:480px) {
	footer .ft-bottom .copyright {
		font-size: 13px
	}
}

.ft-navs {
	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 (min-width:768px) {
	.ft-navs ul {
		display: flex;
		justify-content: space-between
	}
}

@media (min-width:768px) and (max-width:992px) {
	.ft-navs ul {
		flex-wrap: wrap
	}
}

@media (min-width:992px) {
	.ft-navs .navitem {
		margin-bottom: .5rem
	}
}

@media (max-width:991px) {
	.ft-navs .navitem {
		min-width: auto
	}
}

.ft-navs .navitem h4 {
	font-size: 16px;
	position: relative;
	margin-bottom: 12px
}

@media (min-width:1200px) {
	.ft-navs .navitem h4 {
		color: #19a6df
	}
}

.ft-navs .navitem .icon-jia {
	float: right;
	transition: .3s;
	display: none;
	margin-right: 10px
}

.ft-navs .navitem .info {
	line-height: 30px
}

.ft-navs .navitem .info a {
	display: block;
	color: #666
}

.ft-navs .navitem .info a:hover {
	color: #19a6df
}

@media (max-width:991px) {
	.ft-navs {
		margin-bottom: .5rem
	}

	.ft-navs .navitem {
		float: none;
		width: 100%
	}

	.ft-navs .navitem .icon-jia {
		display: block
	}

	.ft-navs .navitem h4 {
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0.14);
		height: 46px;
		line-height: 46px;
		margin: 0;
		font-weight: normal
	}

	.ft-navs .navitem .info {
		display: none;
		font-size: 15px;
		padding: 10px 30px;
		line-height: 2
	}

	.ft-navs .navitem.active h4 {
		font-weight: bold
	}

	.ft-navs .navitem.active .iconfont::before {
		content: "\e627"
	}
}

@media (max-width:768px) {
	.ft-navs .navitem h4 {
		font-size: 16px
	}
}

.ft-follow {
	position: relative;
	line-height: 30px;
	color: #666
}

@media (min-width:1200px) {
	.ft-follow {
		width: 38%
	}
}

.ft-follow .logo {
	display: block;
	margin: 0 0 22px
}

.ft-follow a {
	color: #666
}

.ft-follow a:hover {
	color: #19a6df
}

.ft-follow .code {
	margin-top: 16px
}

@media (max-width:1199px) {
	.ft-follow .code {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0
	}
}

@media (max-width:1199px) {
	.ft-follow {
		margin-bottom: .5rem
	}
}

.vmore {
    border: 1px solid #666;
    width: 160px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    color: #666;
    transition: all .4s ease 0s
}

.vmore em {
    display: inline-block;
    padding-right: 30px;
    background-image: url('../images/arr_r_f.png');
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: right center
}

.vmore:hover {
    background: #19a6df;
    border-color: #19a6df;
    color: #fff
}

.index-banner .vmore {
    display: block;
    margin: 0 auto
}

.ihd .en{color:#19a6df;text-transform:uppercase;font-size:16px;margin-bottom:3px}
.ihd .en2{font-size:.48rem;text-transform:uppercase;font-style:italic}
.ihd h2{font-size:.4rem;font-weight:700;text-transform: uppercase;}
@media (max-width:768px){.ihd h2{font-size:24px}
}
/**首页banner**/
.index-banner {
  --text-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--text-color);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
.index-banner .swiper-container {
  height: 100%;
}
.index-banner .swiper-box {
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}
.index-banner .swiper-box .box {
  display: block;
  position: relative;
  height: 100%;
}
.index-banner .swiper-box .box img {
  display: block;
  height: 100%;
  width: 100vw;
  object-position: center;
  object-fit: cover;
}
.index-banner .word-block {
  position: absolute;
  left: 50%;
  top: 53%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 74%;
  font-size: 58px;
}
.index-banner .word-block .h2 {
  line-height: 1.3em;
  letter-spacing: 0px;
}
.index-banner .word-block .en {
  margin-bottom: 4vh;
  margin-top: 0.3em;
  line-height: 1em;
}
.index-banner .other {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 5%;
  width: 100%;
}
.index-banner .other .line {
  width: 40px;
  margin-right: 16px;
}
.index-banner .other .other-list {
  position: absolute;
  right: var(--bettwen-full-pad);
  bottom: 0;
  text-align: right;
}
.index-banner .other .other-list .other-li .title {
  font-size: 12px;
  line-height: 1.2em;
}
.index-banner .other .other-list .other-li .des {
  margin-top: 6px;
  font-size: 16px;
  line-height: 26px;
}
.index-banner .index-swiper-btns {
  position: absolute;
  z-index: 2;
  right: var(--bettwen-full-pad);
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
  height: auto;
  flex-direction: column;
}
.index-banner .index-swiper-btns .index-swiper-btn {
  opacity: 1;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: transparent;
}
.index-banner .index-swiper-btns .index-swiper-btn.swiper-pagination-bullet-active .c-circle circle:nth-child(1) {
  animation: circle-animate1 4.5s;
}
.index-banner .index-swiper-btns .index-swiper-btn.swiper-pagination-bullet-active .c-circle circle:nth-child(2) {
  animation: circle-animate2 4.5s;
}
.index-banner .index-swiper-btns .c-circle {
  position: absolute;
}
.index-banner .index-swiper-btns .c-circle circle:nth-child(1) {
  stroke-dasharray: 0px, 252px;
  will-change: strokeDasharray;
  transition: all 0.9s;
}
.index-banner .index-swiper-btns .c-circle circle:nth-child(2) {
  stroke-dasharray: 252px, 252px;
  stroke-dashoffset: 252px;
  will-change: strokeDasharray, strokeDashoffset;
}
.index-banner .index-swiper-btns .point {
  will-change: transform;
}
@media (min-width: 1201px) {
  .index-banner .word-block {
    font-size: 3.0208vw;
  }
}
@media (min-width: 1201px) and (min-width: 1920px) {
  .index-banner .word-block {
    font-size: 58px;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .index-banner {
    --bettwen-full-pad: 55px;
    --wrap-full-width: calc(100% - 55px*2);
  }
  .index-banner .wrap-full {
    width: calc(100% - 55px*2);
  }
}
@media (max-width: 1200px) {
  .index-banner .word-block {
    top: 50%;
    font-size: 0.6rem;
  }
  .index-banner .other .other-list .other-li .des {
    font-size: 14px;
  }
  .index-banner .index-swiper-btns .index-swiper-btn {
    width: .8rem;
    height: .8rem;
  }
}
@keyframes circle-animate1 {
  0% {
    stroke-dasharray: 0, 252px;
  }
  10% {
    stroke-dasharray: 252px, 252px;
  }
  90% {
    stroke-dasharray: 252px, 252px;
  }
  100% {
    stroke-dasharray: 0px, 252px;
  }
}
@keyframes circle-animate2 {
  0% {
    stroke-dasharray: 252px, 252px;
    stroke-dashoffset: 252px;
  }
  50% {
    stroke-dasharray: 252px, 252px;
    stroke-dashoffset: 0px;
  }
  100% {
    stroke-dasharray: 252px, 252px;
    stroke-dashoffset: 252px;
  }
}
/**通用banner**/
.auto-banner-a {
  position: relative;
  color: #ffffff;
}
.auto-banner-a .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.auto-banner-a .pc {
  display: block;
}
.auto-banner-a .phone {
  display: none;
}
.auto-banner-a .word-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 6%;
  padding-left: var(--bettwen-pad);
  padding-right: var(--bettwen-pad);
  font-size: 14px;
  line-height: 1.4em;
}
.auto-banner-a .word-block .word-top {
  width: 100%;
}
.auto-banner-a .word-block .word-top .p {
  line-height: 0.9em;
}
.auto-banner-a .word-block .word-top .h1 {
  margin-top: -0.1em;
  font-size: 4.42em;
  line-height: 1.4em;
}
.auto-banner-a .word-block .word-top .word-en {
  margin-top: 0.1em;
  font-size: 2.57em;
  line-height: 1em;
  letter-spacing: -1px;
}
.auto-banner-a .word-block .word-tips {
  margin-top: 15%;
}
.auto-banner-a .other {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 5%;
  width: 100%;
}
@media (min-width: 1201px) {
  .auto-banner-a .word-block .word-top .h1 {
    font-size: 3.229vw;
  }
  .auto-banner-a .word-block .word-top .word-en {
    font-size: 2.57em;
  }
}
@media (min-width: 1201px) and (min-width: 1921px) {
  .auto-banner-a .word-block .word-top .h1 {
    font-size: 4.42em;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .auto-banner-a .other .wrap-full {
    width: calc(100% - 55px*2);
  }
}
@media (max-width: 1200px) {
  .auto-banner-a .pc {
    display: none;
  }
  .auto-banner-a .phone {
    display: block;
  }
  .auto-banner-a .word-block {
    font-size: 0.6rem;
  }
  .auto-banner-a .word-block .word-top .p {
    font-size: 0.4em;
  }
  .auto-banner-a .word-block .word-top .h1 {
    margin-top: 0.1em;
    font-size: 1em;
    line-height: 1.4em;
  }
  .auto-banner-a .word-block .word-top .word-en {
    margin-top: 0.2em;
    font-size: 0.5em;
  }
  .auto-banner-a .word-block .word-tips {
    margin-top: 12%;
    font-size: 0.4em;
    line-height: 1.4em;
  }
}
@media (max-width: 992px) {
  .auto-banner-a .word-block {
    padding-top: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 768px) {
  .auto-banner-a .word-block {
    padding-top: 0;
  }
  .auto-banner-a .word-block .word-top .h1 {
    font-size: 0.8em;
  }
  .auto-banner-a .word-block .word-tips {
    margin-top: 4%;
  }
}
.auto-banner-b {
  position: relative;
  color: #ffffff;
}
.auto-banner-b .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.auto-banner-b .pc {
  display: block;
}
.auto-banner-b .phone {
  display: none;
}
.auto-banner-b .word-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: calc(var(--header-height)/2);
  text-align: center;
  font-size: 24px;
  line-height: 1.4em;
  color: #ffffff;
}
.auto-banner-b .word-block.type-a {
  padding-top: var(--header-height);
}
.auto-banner-b .word-block .word-top {
  width: 100%;
}
.auto-banner-b .word-block .word-top .p {
  font-size: 2em;
  line-height: 0.9em;
}
.auto-banner-b .word-block .word-top .h1 {
  margin-top: 0.5em;
  opacity: 0.8;
}
@media (max-width: 1200px) {
  .auto-banner-b .pc {
    display: none;
  }
  .auto-banner-b .phone {
    display: block;
  }
  .auto-banner-b .word-block {
    font-size: 0.4rem;
  }
  .auto-banner-b .word-block .word-top .p {
    font-size: 1.3em;
  }
  .auto-banner-b .word-block .word-top .h1 {
    margin-top: 0.1em;
    font-size: 1em;
    line-height: 1.4em;
  }
}
@media (max-width: 992px) {
  .auto-banner-b .word-block {
    padding-top: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 768px) {
  .auto-banner-b .word-block {
    padding-top: 0;
    font-size: 0.34rem;
  }
  .auto-banner-b .word-block.type-a {
    padding-top: 0;
  }
  .auto-banner-b .word-block .word-top .p {
    margin-bottom: 0.3em;
    font-size: 1em;
  }
}


.index_banner {
	position: relative;
	overflow: hidden;
	height:9rem;
}

.index_banner .swiper-pagination {
	bottom: .5rem
}

.index_banner li {
	position: relative
}

.index_banner li .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	background: url(../images/hdcover.png) repeat-x center top
}

.index_banner video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 555
}

.index_banner .bg {
	display: block;
	height: 100%;
	transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform: scale(1.1);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%
}

.index_banner .bg img {
	visibility: hidden
}

.index_banner .content {
	position: absolute;
	left: 8.75%;
	top:38%;
	width: 36%;
	color: #fff;
	z-index: 5;
	text-align: left;

}



.index_banner .content h3 {
	font-size: .66rem;
	font-weight: bold;
	margin: 24px 0 10px;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
	text-transform: uppercase;
	color: #fff;
}

.index_banner .content h3 span{
    background: linear-gradient(275deg, #19a6df 20.2%, #a5ce09 49.23%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index_banner .content .desc {
	font-size: 16px;
	color: #fff;
}

.index_banner .content .more{border-radius:10px 0px 10px 0px;display: inline-block;margin-top:3vw;font-size:14px;color:#fff;padding: 12px 30px;background: linear-gradient(45deg, #a5ce09 0%, #a5ce09 30%, #19a6df 100%);}
.index_banner .content .more .icon-r{font-size:12px;}
.index_banner .content .more:hover{background:linear-gradient(45deg, #1842f4 0%, #27e290 100%);}


@media (max-width:920px){
 .index_banner{height:70vh;}   
}
@media (max-width:768px) {
	.index_banner .content .desc {
		font-size: 16px
	}

.index_banner .content {width: 68%; top: 15%;}
.index_banner .content .ml80{margin-left:0;}
	.index_banner .content h3 {
		font-size: .5rem
	}
}

@media (max-width:480px) {
	.index_banner .content {
		padding-top: .7rem
	}

	.index_banner .content h3 {
		margin: 10px 0 7px
	}

	.index_banner .content .desc {
		font-size: 12px
	}
}

.index_banner video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.index_banner .swiper_pnext {
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
	/*background: rgba(255,255,255,0.3);*/
	opacity: 0;
	transition: .6s;
	z-index: 5555;
}

.index_banner .swiper_pnext::after {
	font-size:16px;
	color: #fff
}

.index_banner .swiper_pnext:hover {
	background-color: #a5ce09
}

.index_banner .swiper_pnext:hover::after {
	color: #fff
}

.index_banner .swiper-button-prev {
	left: 2.75%
}

.index_banner .swiper-button-next {
	right:2.75%
}

.index_banner:hover .swiper-button-prev {
	opacity: 1
}

.index_banner:hover .swiper-button-next {
	opacity: 1
}

.index_banner .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	width: .3rem;
	height: .3rem;
	position: relative;
	transition: .6s
}

.index_banner .swiper-pagination-bullet::before {
	content: '';
	display: block;
	border: 1px solid transparent;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	border-radius: 50%;
	transition: .6s
}

.index_banner .swiper-pagination-bullet::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.index_banner .swiper-pagination-bullet-active {
	background: none!important
}

.index_banner .swiper-pagination-bullet-active::before {
	border-color: #fff;
	content: '';
	display: block;
	position: absolute;
	width: .15rem;
	height: .15rem
}

.index_banner .swiper-slide-active .bg {
	transform: scale(1)
}

@media (max-width:480px) {
	.index_banner .swiper-pagination {
		bottom: 6%
	}
}

.index-banner {
	text-align: center
}

@media (max-width:1680px) {
	.index-banner img {
		max-width: 100vw;
		width: 100vw;
		position: relative;
	}
}

.fs24 {
	font-size: .24rem
}

@media (max-width:992px) {
	.fs24 {
		font-size: 20px
	}
}

@media (max-width:640px) {
	.fs24 {
		font-size: 19px
	}
}

.fs36 {
	font-size: .36rem
}

@media (max-width:768px) {
	.fs36 {
		font-size: 22px
	}
}

@media (max-width:480px) {
	.fs36 {
		font-size: 20px
	}
}

.index_menu {
    background-color:#ffffff;
    padding: .56rem 0 0
}

.index_menu .vhd {
    text-align: center
}
.index_menu .vhd .vtit {
    font-size: .44rem;
    font-weight: bold;
    line-height: 1;
}
.index_menu .vhd .desc {
    font-size: 18px;
    margin-top: 14px;
}

@media (min-width:38px) {
    .index_menu .bd {
        display: flex
    }

    .index_menu .item:first-child {
        width: 42%
    }

    .index_menu .item:nth-child(2) {
        width: 29%
    }

    .index_menu .item:nth-child(3) {
        flex: 1
    }
}

@media (min-width:38px) and (max-width:767px) {
    .index_menu .bd {
        flex-wrap: wrap
    }
}

@media (min-width:38px) and (max-width:767px) {
    .index_menu .item:first-child {
        width: 100%
    }

    .index_menu .item:nth-child(2) {
        width: 50%
    }

    .index_menu .item:nth-child(3) {
        width: 50%
    }
}

.index_menu .item {
    padding: 1.4rem .4rem .36rem;
    max-height: 255px;
    display: block;
    position: relative;
    overflow: hidden
}

@media (max-width:480px) {
    .index_menu .item {
        padding: .8rem 0 .4rem .3rem
    }
}

.index_menu .item .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .6s
}

.index_menu .item .inner {
    position: relative;
    z-index: 5;
    transition: .6s
}

.index_menu .item h3 {
    font-size: .24rem;
    margin-bottom: 4px
}

@media (max-width:992px) {
    .index_menu .item h3 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .index_menu .item h3 {
        font-size: 19px
    }
}

.index_menu .item .txt {
    font-size: 16px;
    color: #666
}

@media (max-width:992px) {
    .index_menu .item .txt {
        font-size: 14px
    }
}

.index_menu .item:hover::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(253,208,0,0.2);
    left: 0;
    top: 0;
    z-index: 2
}

.index_menu .item:hover .bg {
    transform: scale(1.1)
}

.index_menu .item:hover .inner {
    transform: translateY(-10px)
}

.index_menu .item:nth-child(2):hover::after {
    background-color: rgba(252,128,140,0.1)
}



.bugspot_box {
	padding: 1.2rem 0 1.6rem;
	background: url(../images/bg3.jpg) no-repeat center #19a6df;
	text-align: center;
	background-size: cover;
	color: #fff
}

.bugspot_box .wrap {
	position: relative;
	z-index: 55
}

.bugspot_box h4 {
	font-size: .48rem;
	line-height: 1.3;
	font-weight: bold
}

.bugspot_box .desc {
	margin: 16px 0 30px
}

.vbox {
	padding: 1rem 0
}

.vbtn {
	height: 48px;
	line-height: 48px;
	display: inline-block;
	padding: 0 60px;
	font-size: 16px;
	letter-spacing: .5px;
	position: relative;
	border-radius: 16px 0 16px 0;
	overflow: hidden;
	color: #19a6df;
	transition: .6s
}

.vbtn em {
	position: relative;
	z-index: 55
}

.vbtn:hover {
	background-color: #19a6df;
	color: #fff
}

.vbtn.fill {
	background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);
	color: #fff
}

.vbtn.fill:hover {
	background: #000;
	border-color: #000
}

@media (max-width:1200px) {
	.vbtn {
		height: 44px;
		line-height: 44px;
		padding: 0 30px
	}
}

@media (max-width:640px) {
	.vbtn {
		height: 40px;
		line-height: 40px;
		padding: 0 26px
	}
}

.fs40 {
	font-size: .4rem
}

@media (max-width:992px) {
	.fs40 {
		font-size: 26px
	}
}

@media (max-width:640px) {
	.fs40 {
		font-size: 22px
	}
}

.hd1 {
	font-size: .4rem;
	min-width: 220px;
	text-align: left;
	line-height: 1.2
}

.hd1._f {
	background-image: url("../images/logo3.png")
}

@media (max-width:992px) {
	.hd1 {
		font-size: 26px
	}
}

@media (max-width:640px) {
	.hd1 {
		line-height: 1.4;
		font-size: 24px;
		padding-top: .46rem
	}
}

.hd1._center {
	text-align: center;
	background-position: center 0
}

.bdrs {
	border-radius: 0 20px 0 20px;
	overflow: hidden
}

.bdrs2 {
	border-radius: 20px 0 20px 0;
	overflow: hidden
}

.more2 {
	background-color: #19a6df;
	border-radius: 20px 0 20px 0;
	overflow: hidden;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 16px
}

.more2 span {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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
}

.more2 .icon {
	position: relative;
	border-radius: 50%;
	margin-right: 12px;
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #fff
}

.more2 .icon::before {
	background: #fff;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	border-radius: 50%
}

.more2 em {
	color: #fff
}

.more2:hover {
	background: #6e6178
}



.banner_box {
	position: relative;
	max-height: calc((100vh - 100px));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media (min-width:1920px) {
	.banner_box {
		height: 8.5rem
	}
}

.banner_box .wrap {
	display: flex;
	align-items: center
}

.banner_box .content {
	padding: 1.88rem 0 2.9rem;
	width: 50%;
	max-width: 580px
}

.banner_box .content h2 {
	font-size: .6rem;
	color: #19a6df;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: bold
}

.banner_box .content .desc {
	font-size: .24rem;
	color: #666;
	line-height: 1.25;
	margin: 16px 0 40px
}

@media (max-width:992px) {
	.banner_box .content .desc {
		font-size: 20px
	}
}

@media (max-width:640px) {
	.banner_box .content .desc {
		font-size: 19px
	}
}

@media (max-width:768px) {
	.banner_box .content {
		padding: 2rem 0;
		width: 100%
	}

	.banner_box .content .desc {
		line-height: 1.4
	}
}

@media (max-width:480px) {
	.banner_box .content {
		padding: 1.2rem 0
	}

	.banner_box .content .desc {
		font-size: 16px
	}
}

.BMap_cpyCtrl,.anchorBL {
	display: none
}

#map label,#map img {
	max-width: none;
	max-height: none
}

.ibox0 {
	background: url('../images/bg3.jpg') no-repeat center center;
	background-size: cover;
	padding: 1rem 0 .3rem
}

.ibox0 .hd {
	margin-bottom: .5rem
}

@media (min-width:640px) {
	.ibox0 .hd {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-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
	}
}

.ibox0 .hd .desc {
	font-size: 16px;
	line-height: 1.76;
	color: #666
}

@media (max-width:639px) {
	.ibox0 .hd .desc {
		margin-top: .2rem;
		font-size: 15px
	}
}

.ibox0 .row {
	margin-left: -0.38rem !important;
	margin-right: -0.38rem !important
}

.ibox0 .row>* {
	padding-left: .38rem !important;
	padding-right: .38rem !important;
	margin-bottom: .76rem
}

@media (max-width:991px) {
	.ibox0 .row {
		margin-left: -0.2rem !important;
		margin-right: -0.2rem !important;
		padding-bottom: .3rem
	}

	.ibox0 .row>* {
		padding-left: .2rem !important;
		padding-right: .2rem !important;
		margin-bottom: .4rem
	}
}

.ibox0 .inner .img {
	border-radius: 0 20px 0 20px;
	overflow: hidden
}

.ibox0 .inner .info {
	position: relative;
	margin-top: -1rem;
	z-index: 55;
	background-color: rgba(255,255,255,0.95);
	margin-right: .4rem;
	border-radius: 0 20px 0 20px;
	overflow: hidden;
	transition: .6s;
	padding: .16rem .38rem .16rem;
}

.ibox0 .inner .info .tit {
	font-size: .3rem;
	display: block;
	margin-bottom: .16rem
}

.ibox0 .inner .info .desc {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	height: 90px
}

@media (min-width:768px) {
	.ibox0 .inner .info .desc {
		word-break: break-all;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3
	}
}

@media (max-width:991px) {
	.ibox0 .inner .info .tit {
		font-size: 20px
	}

	.ibox0 .inner .info .desc {
		font-size: 14px;
		line-height: 26px;
		height: 78px
	}
}

@media (max-width:767px) {
	.ibox0 .inner .info .desc {
		height: auto
	}
}

@media (max-width:480px) {
	.ibox0 .inner .info .tit {
		font-size: 18px
	}
}

.ibox0 .inner:hover .img .coverimg {
	transform: scale(1.05, 1.05)
}

.ibox0 .inner:hover .info {
	background-color: #19a6df
}

.ibox0 .inner:hover .info * {
	color: #fff
}

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

.index_choose .hd1 {
	margin-bottom: .84rem
}

.index_choose ul {
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-size: 18px
}

.index_choose ul .ic1 {
	background: url('../images/ic_b1.png') no-repeat center center;
	background-size: contain
}

.index_choose ul .ic2 {
	background: url('../images/ic_b2.png') no-repeat center center;
	background-size: contain
}

.index_choose ul .ic3 {
	background: url('../images/ic_b3.png') no-repeat center center;
	background-size: contain
}

.index_choose ul .ic4 {
	background: url('../images/ic_b4.png') no-repeat center center;
	background-size: contain
}

.index_choose ul .ic5 {
	background: url('../images/ic_b5.png') no-repeat center center;
	background-size: contain
}

.index_choose ul .ic {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto .24rem;
	background-size: contain
}

@media (max-width:992px) {
	.index_choose ul {
		font-size: 16px
	}
}

@media (max-width:991px) {
	.index_choose ul {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.index_choose ul li {
		width: 33.33%;
		margin-bottom: .5rem
	}
}

@media (max-width:480px) {
	.index_choose ul {
		font-size: 15px
	}

	.index_choose ul li {
		width: 50%;
		margin-bottom: .7rem
	}
}

@-webkit-keyframes scale2 {
	from {
		transform: scale(1.02)
	}

	to {
		transform: scale(1)
	}
}

/*index_newlist */
.index_newlist{padding:3%;background:url(../images/bg.png) no-repeat center #fff;background: url(../images/xyun_bg.jpg) repeat;}
.index_newlist .title{padding: 0 0 16px 0;margin-bottom: 16px;font-size: 24px;line-height: 34px;color: #d1b19a;border-bottom: 1px solid #d1b19a;position: relative;}
.index_newlist .title a{position: absolute;right:0;padding: 0 1.642em;font-size: 14px;color: #d1b19a;transition:0.3s;background: url(../images/more_bg.png) no-repeat;}
.index_newlist .title a:hover{color: #e3e3e3;transition:0.3s;}
.index_newlist .title span{font-size:28px;display:inline-block;position: relative;color: #d1b19a;}
.index_newlist .title span:before{display: inline-block;content: '';width: 100%;height: 3px;background: #863c3d;position: absolute;left:0;bottom: -18px;}


@media(max-width:480px){
.index_newlist .title{font-size: 6vw;}
.index_newlist .title a{font-size: 3.5vw;}
}

@media(min-width:1025px){
.index_newlist .box{width: 49%;}
}
@media(max-width:1024px){
.index_newlist{margin: 0 0 5vw 0;}
.index_newlist .box{padding-top: 6vw;}
}



.index_newlist .box ol{padding-top: 18px;padding-bottom: 12px;margin-bottom: 10px;/* padding: 15px 0;*/}
/*.index_newlist .box ol:first-child{  padding-top: 0;}
.index_newlist .box ol:last-child{ border-bottom: none; padding-bottom: 0;}*/
.index_newlist .box ol.ol-pic a{display: block;position: relative;}
.index_newlist .box ol.ol-pic .Ispic{height: 134px;}
.index_newlist .box ol.ol-pic aside{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff;background: rgba(0,0,0,0.5);font-size: 16px;line-height: 40px;}
.index_newlist .box ol.ol-pictxt .txt aside{font-size: 16px;}
.index_newlist .box ol.ol-pictxt .txt aside a{color: #d1b19a;}
.index_newlist .box ol.ol-pictxt .txt p{line-height: 24px;height: 48px;overflow: hidden;color: #d1b19a;margin: 12px 0;font-size: 14px;}
.index_newlist .box ol.ol-pictxt .txt time{color: #d1b19a;}

.index_newlist .box li{line-height: 24px;padding: 12px 0;}
.index_newlist .box li:not(:last-child){border-bottom: 1px dashed #d1b19a;}
.index_newlist .box li a{font-size: 16px;padding-left: 15px;background: url("../images/neww_ico.png") no-repeat left center;color: #d1b19a;}
.index_newlist .box li a:hover{ color:#19a6df}
.index_newlist .box li time{float: right;color: #d1b19a;font-size: 14px;}
.ytable-cell { display: table-cell;vertical-align: middle;}
@media(min-width:481px){
.index_newlist .box ol.ol-pictxt .pic{width: 204px;}
.index_newlist .box ol.ol-pictxt .txt{padding-left: 20px;}
}
@media(max-width:480px){
}

.index_newlist .new-list{width: 48.5%;}
.index_newlist .new-list .item{padding: 20px 48px;background: rgba(0,0,0,.02);min-height: 497px;}
.index_newlist .box{width: 45.5%;min-height: 497px;}

.index_newlist .new-top{position: relative;z-index: 1;width: 48.5%;float:left;}
.index_newlist .box ul{padding: 20px 0px;}
.index_newlist .new-top aside.dot2{padding: 0 110px 0 1.667em;font-size: 18px;color: #333;height:60px;line-height:30px;}
.index_newlist .new-top .btn{width: 100px;position: absolute;right: 0;bottom: 80px;height: 60px;z-index: 10;/* background: #19a6df; */}
.index_newlist .new-top .btn:before{position: absolute;content: '';width: 4px;height: 4px;border-radius: 50%;background: #19a6df;left: 50%;top: 50%;margin: -2px 0 0 -2px;}
.index_newlist .new-top .slick-arrow{position: absolute;width: 12px;height: 12px;border-left: 2px solid #333;border-bottom: 2px solid #333;top: 50%;left: 50%;margin-top: -6px;}
.index_newlist .new-top .slick-prev{margin-left: -24px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.index_newlist .new-top .slick-next{margin-left: 12px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.index_newlist .new-top .slick-arrow:hover{border-color: #19a6df;}
.index_newlist .new-top  .txt{display:block;/* background:#19a6df; */padding: 10px 0;}
@media(min-width:1025px){
.index_newlist .new-top .Ispic{height: 476px;}
}
@media(max-width:1024px){
.index_newlist .new-top .Ispic{padding-bottom: 63.606%;}
}

.index_newlist .new-list li,
.index_newlist .new-list ol{line-height:24px;padding: 12px 0;position: relative;padding-right: 80px;border-bottom:1px dashed #e8e8e8;}
.index_newlist .new-list ol a,
.index_newlist .new-list li a{font-size: 16px; color:#333;}
.index_newlist .new-list li a{    padding-left: 15px;background: url(../images/new_ico.png) no-repeat left center;}
.index_newlist .new-list li a:hover{ color: #19a6df;}
.index_newlist .new-list li:last-child{border-bottom:none;}
.index_newlist .new-list li time{color: #999;font-size:14px;margin-top:5px;position: absolute;right: 0;top: 10px;}
.index_newlist .new-list ol a{position:relative;display:block;padding-left: 84px;position:relative;}
.index_newlist .new-list ol {margin-bottom: 12px;padding-bottom:25px;}
.index_newlist .new-list ol h2{ font-weight:normal; font-size:16px; margin:0;}
.index_newlist .new-list ol p{ font-size:14px;color: #666; margin:12px 0 0;}
.index_newlist .new-list ol time{position:absolute;left:0;color:#fff;font-size:14px;width:72px;border-radius:4px;padding-bottom: 10px;box-sizing: border-box;text-align: center;background:#19a6df;overflow: hidden;top: 50%;transform: translateY(-50%);}
.index_newlist .new-list ol time span{display:block;padding: 12px 7px 8px 7px;font-size:30px;}
@media(max-width:480px){
    .index_newlist {padding: 4% 0;}
    .index_newlist .title span { font-size: 20px;}
    .index_newlist .new-list,
    .index_newlist .box {width: 100%;}
    .index_newlist .new-list li,
    .index_newlist .new-list li a{font-size: 14px;}
    .index_newlist .new-list li a,
    .index_newlist .box li a { padding-right: 2%;}
    .index_newlist .new-list .item {padding: 5% 6%;}
    .index_newlist .new-top aside.dot2{font-size: 4vw;}
    .index_newlist .box { padding-top: 0;}
    .index_newlist .box ul{padding: 5% 0%;}
    .index_newlist .box ol { margin-bottom: 0;}
    .index_newlist .box ol.ol-pictxt .ytable,
    .index_newlist .box ol.ol-pictxt .ytable-cell{display: block;}
    .index_newlist .box ol.ol-pictxt .txt{padding: 3vw;}
    .index_newlist .box li a,
    .index_newlist .box ol.ol-pictxt .txt aside,
    .index_newlist .box ol.ol-pic aside,
    .index_newlist .box ol.ol-pictxt .txt p{font-size: 14px;}
    .index_newlist .box ol.ol-pictxt .txt aside a { font-size: 16px;}
}



.z_video_page{ padding: 5vw 8.3vw; box-sizing: border-box;background: #f2f1f2;}
.z_video_page .z_index_tit{ margin-bottom: 4vw;}
.z_video_page .z_index_tit .en::before{ left: 0; right: auto;}
.z_video_list ul{ margin-left: -2.3%;}
.z_video_list li{ width: 31%; margin-left: 2.3%; float: left; margin-bottom: 1vw;    background: #fff;}
.z_video_list li .imgbox{ width: 100%; height: 20vw; overflow: hidden;position:relative;}
.z_video_list li:hover .imgbg{ transform: scale(1.04,1.04);}
.z_video_list li .infobox{ padding: 1.5vw 1vw;text-align: center;}
.z_video_list li h3{color: #010101; font-size: 18px;}
.z_video_list li h4{color: #888888;
line-height: 28px; margin: 15px 0;}
.z_video_list li .iconfont{font-size:12px;}
.z_video_list li .video_on{background: url(../images/video_on.png) repeat center;text-align:center;width: 100%;height: 100%;position:absolute;transition: transform .6s ease 0s; z-index:2;opacity:0;}
.z_video_list li:hover .video_on{opacity:1;}
.z_video_list li .more,.z_xg_more{font-size: 14px;font-family: Messapia;font-weight: bold;color: #323D4F; display: inline-block; border-bottom: 1px solid #e0e2e5;padding: 10px 0;}
.z_video_list li:hover .more,.z_xg_more:hover,.z_video_list li:hover .ellipsis,.z_video_list li:hover .ellipsis2{ color: #fff;}
.z_video_list li:hover a{background: #0365db;display: block;}
.z_video_list li:hover .iconfont,.z_xg_more:hover .iconfont{ transform: rotate(0);}

.z_video_page .z_index_more{ margin: 0 auto; margin-top: 2vw;}

@media (max-width:980px){
.z_video_page{ padding: 30px 15px;}
.z_video_page .z_index_tit{ text-align: center; margin-bottom: 30px;}
.z_video_list li{ width: 97.7%; margin-bottom: 20px;}
.z_video_list li .imgbox{ height: 50vw;}
.z_video_list li .infobox{ padding: 15px 0;}
.z_video_list li h3{ font-size: 15px;}
.z_video_list li h4{ margin: 10px 0; line-height: 24px; font-size: 14px;}
}
.z_service_page{ padding: 5vw 8.3vw; box-sizing: border-box;background: #f2f1f2;}
.z_service_page .z_index_tit{ margin-bottom: 4vw;}
.z_service_page .z_index_tit .en::before{ left: 0; right: auto;}
.z_service_list ul{width:100%;}
.z_service_list li{ width:32%; margin-right: 2%; float: left; margin-bottom:2%;background: #fff;border-radius: 5px;
    overflow: hidden;}
.z_service_list li:nth-child(3n+0){margin-right:0;}
.z_service_list li .imgbox{ width: 100%; height: 20vw; overflow: hidden;}
.z_service_list li:hover .imgbg{ transform: scale(1.04,1.04);}
.z_service_list li .infobox{ padding: 1.5vw 1vw;text-align: center;}
.z_service_list li h3{color: #010101; font-size: 24px;}
.z_service_list li h4{color: #888888;
line-height: 28px; margin: 15px 0;}
.z_service_list li .more,.z_xg_more{font-size: 12px;font-family: Messapia;font-weight: bold;color: #323D4F; display: inline-block; border-bottom: 1px solid #e0e2e5;padding: 10px 0;}
.z_service_list li:hover .more,.z_xg_more:hover,.z_service_list li:hover .ellipsis,.z_service_list li:hover .ellipsis2{ color: #fff;}
.z_service_list li:hover a{background:linear-gradient(133deg, #19a6df 0%,  #19a6df 30%, #a5ce09 100%);display: block;}
.z_service_list li:hover .iconfont,.z_xg_more:hover .iconfont{ transform: rotate(0);}

.z_service_page .z_index_more{ margin: 0 auto; margin-top: 2vw;}

@media (max-width:980px){
.z_service_page{ padding: 30px 15px;}
.z_service_page .z_index_tit{ text-align: center; margin-bottom: 30px;}
.z_service_list li{ width: 97.7%; margin-bottom: 20px;}
.z_service_list li .imgbox{ height: 50vw;}
.z_service_list li .infobox{ padding: 15px 0;}
.z_service_list li h3{ font-size: 24px;}
.z_service_list li h4{ margin: 10px 0; line-height: 24px; font-size: 14px;padding: 0px 10px;}
}


.index_company{padding:1rem 0 1.2rem}
.index_company h2{font-size: .36rem;color:#19a6df;}
.index_company .lbox .txt{color:#666;line-height:24px;margin:.3rem 0;}
.aboutimg{margin-top:40px;}

.about_culture{padding:1rem 0 1.5rem;text-align:center;background: #f2f1f2;}
.about_culture h2{font-size: .36rem;margin-bottom:.64rem;text-align:center;}
@media (min-width:768px){.about_culture .list{display:flex;align-items:stretch}
.about_culture .list li{flex:1}
}
@media (min-width:768px){.about_culture .list li+li{margin-left:.44rem}
}
@media (min-width:768px) and (max-width:1200px){.about_culture .list li+li{margin-left:.24rem}
}
@media (max-width:767px){.about_culture .list li{margin-bottom:.3rem}
}
.about_culture .inner{background:#fff;border-radius:10px;padding:40px;height:100%}
@media (max-width:1200px){.about_culture .inner{border-radius:0 .6rem 0 .6rem}
}
.about_culture .inner .ic1{background:url(../images/honor_1.png) no-repeat center center}
.about_culture .inner .ic2{background:url(../images/honor_2.png) no-repeat center center}
.about_culture .inner .ic3{background:url(../images/honor_3.png) no-repeat center center}
.about_culture .inner .ic{width:.56rem;height:.56rem;display:inline-block;background-size:contain}
.about_culture .inner h5{font-size:.3rem;line-height:1.3;color:#19a6df;margin:.1rem 0 .22rem}
@media (max-width:1200px){.about_culture .inner h5{font-size:25px}
}
@media (max-width:768px){.about_culture .inner h5{font-size:21px}
}
.about_culture .inner .desc{font-size:16px;color:#666;line-height:28px;margin-bottom: 20px;text-align: center; text-indent: 2em}
@media (max-width:480px){.about_culture .inner .desc{font-size:15px}
}


.ibox1{padding: 3%;}
.ibox1 .hd{display:flex;position:relative;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.ibox1 .bd{background-color:#f3f3f3}
.ibox1 .swiper-pagination{text-align:right;padding-right:15px}
.ibox1 .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1}
.ibox1 .swiper-pagination .swiper-pagination-bullet-active{background:#19a6df}
.ibox1 .swiper-slide{position:relative}
.ibox1 .swiper-slide .tit{position:absolute;left:0;right:0;bottom:0;z-index:55;color:#fff;font-size:16px;height:48px;line-height:48px;background-color:rgba(0,0,0,.5);padding:0 35px 0 15px}
.ibox1 .swiper-slide span{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
@media (min-width:992px){.ibox1 .swiper_nature{float:left;width:60%;height:474px}
.ibox1 .swiper_nature a{height:100%}
.ibox1 .news-list{float:right;width:40%;padding:0 .36rem 0 .4rem}
}
.ibox1 .news-list li{position:relative;padding:22px 0 22px 32px;background:url("../images/new_ico.png") no-repeat left center}
.ibox1 .news-list li+li{border-top:1px dashed #d2d2d2}
.ibox1 .news-list .id{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;position:absolute;left:0;top:20px;background-color:#d2d2d2}
.ibox1 .news-list .tit{font-size:16px;color:#666;display:block;margin-bottom:5px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ibox1 .news-list .time{color:#999}
.ibox1 .news-list li:hover .tit{color:#19a6df}
.ibox1 .news-list li:hover .id{background:#19a6df;color:#fff}
@media (max-width:992px){.ibox1 .swiper_nature{background-color:#f3f3f3;border-bottom:20px solid #f3f3f3}
.ibox1 .news-list{padding:0 .3rem;margin-top:.2rem}
}
@media (max-width:768px){.ibox1 .swiper_nature{padding-bottom:24px}
.ibox1 .swiper_nature .tit{height:36px;line-height:36px;font-size:14px}
.ibox1 .swiper_nature .swiper-pagination{text-align:center;bottom:0}
.ibox1 .swiper_nature .swiper-pagination-bullet{background:#333}
.ibox1 .swiper_nature .swiper-pagination-bullet-active{background:#19a6df}
}
.igoods{margin-bottom:.2rem;border-bottom:4px solid #19a6df;text-align:center}
.igoods .row{margin-left:-.12rem;margin-right:-.12rem}
.igoods .row>*{padding-left:.12rem;padding-right:.12rem}
.igoods li{margin-bottom:.3rem}
.igoods li:hover .title{color:#19a6df}
.igoods li:last-child{margin-right:0}
.igoods .cover-box{margin-bottom:10px}
.igoods .title{display:block;font-size:14px;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.ibox2{overflow:hidden;background: url(../images/bg3.jpg) repeat center top;padding: 3%;}
.ibox2 .row{margin-left:-.2rem;margin-right:-.2rem}
.ibox2 .row>*{padding-left:.2rem;padding-right:.2rem}
@media (max-width:992px){.ibox2 .row li:last-child{clear:both}
}
.ibox .hd{display:flex;position:relative;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ddd}
@media (max-width:768px){.ibox{padding-left:.2rem;padding-right:.2rem}
}
.arc-list{padding-bottom:10px}
.arc-list li{position:relative;padding:12px 0;border-bottom:1px dashed #ddd;overflow:hidden;}
.arc-list .tit{color:#666;font-size:16px;display:block;margin-right:1rem;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;padding-left:15px;background: url(../images/new_ico.png) no-repeat left center;}
.arc-list .fl{width:40%;padding-right:3%; float:left;}
.arc-list .fr{width:57%; float:right;}
.arc-list .fr .txt{font-size:18px;font-weight:bold;margin-bottom:10px;}
.arc-list .fr .desc{font-size:14px;}
/*.arc-list .tit::before{content:'';display:block;width:4px;height:4px;background-color:#6b1d1d;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0}*/
@media (max-width:640px){.arc-list .tit::before{left:5px}
}
.arc-list .time{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999;padding-left:15px}
.arc-list li:hover .tit{color:#19a6df}
.arc-list li:hover .tit::before{background:#19a6df}
.ibox3{overflow: hidden;padding: 3%;}
.ibox3 .col-md-4{padding-right:0px; }
.ibox3 .col-md-8{padding-left:0px;}
.ibox3>*{padding-left:.1rem;padding-right:.1rem}
.ibox3 .ibox{background:#fff}
.ibox3 .vhd-box{border-bottom:2px solid #19a6df;padding-bottom:10px}
.ibox3 .txt{color:#999;line-height: 30px;}
.ibox3 .leftbox{margin-left:-5px;margin-right:-5px;margin-bottom:.3rem}
.ibox3 .leftbox>*{padding-left:5px;padding-right:5px}
.ibox3 .leftbox li{margin-bottom:17px}
.ibox3 .leftbox .inner{background-color:#f3f3f3;transition:.3s;padding:1px}
.ibox3 .leftbox .inner:hover{background:#19a6df}
.ibox3 .leftbox .inner:hover *{color:#fff}
.ibox3 .leftbox .img{height:154px}
.ibox3 .leftbox .title{font-size:16px;line-height: 50px;color:#19a6df;text-align:center;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ibox3 .member-box{margin-bottom:.3rem;background-color:#f3f3f3}
.ibox3 .member-box .imgbox{background-repeat:no-repeat;background-size:cover;background-position:center center;text-align:center;color:#fff;font-size:24px;height:100px;line-height:100px}
.ibox3 .member-box .info{padding: 18px;color:#999;line-height: 35px;text-indent: 2em;}
@media (max-width:992px){.ibox3 .member-box .info{height:auto}
}
.ibox3 .member-box .txt{}
@media (max-width:992px){.ibox3 .member-box .txt{height:auto}
}
.ibox3 .member-box .more{color:#19a6df;display:block;margin-top:5px}
.ibox3 .member-box .more:hover{text-decoration:underline}
.ibox3 .member-box .btns{display:flex;position:relative;align-items:center}
.ibox3 .member-box .btns .item{width:50%;text-align:center;height:50px;line-height:50px;background:#19a6df;font-size:18px;color:#fff;font-weight:700}
.ibox3 .member-box .btns .item+.item{background-color:#434343}

.ibox4 {
	background: url(../images/wenli.jpg) center center;
	background-size: contain;
	padding: 3%;
}

.ibox4 .vhd {
     margin-bottom: .4rem;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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
}

.ibox4 .vhd h2 {
    font-size: .4rem;
}

.ibox4 .pnext {
	width: 130px;
	margin-right: -10px;
	height: 48px;
	position: relative
}

.ibox4 .pnext>div::after {
	display: none
}

.ibox4 .pnext>div {
	border: 1px solid #bbbbbb;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	transition: .6s
}

.ibox4 .pnext>div.swiper-button-next,.ibox4 .pnext>div:hover {
	border-color: #863c3d;
	background-color: #863c3d;
}

.ibox4 .pnext>div.swiper-button-next .iconfont,.ibox4 .pnext>div:hover .iconfont {
	color: #fff
}

.ibox4 .pnext .iconfont {
	font-size: 20px;
	color: #666
}

@media (max-width:480px) {
	.ibox4 .pnext {
		height: 40;
		width: 110px
	}

	.ibox4 .pnext>div {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center
	}
}


.inews {
  padding-bottom: 3%;
}
.inews .bd-item {
  width: 50%;
}
.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-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  box-align: stretch;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inews .tab-hd {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.inews .tab-hd .item {
  background: #f4f4f4;
  background: #f5f5f9;
  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;
  overflow: hidden;
  padding: 0 35px;
  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;
  width: 100%;
}
.inews .tab-hd .item:not(last-child)::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 2px solid #fff;
  bottom: 0;
}
.inews .tab-hd .item .iconfont {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 30px;
  right: -120px;
}
.inews .tab-hd .item .info {
  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;
}
.inews .tab-hd .item .date {
  font-family: medium;
  line-height: 1.2;
  text-align: center;
  width: 80px;
  margin-right: 30px;
}
.inews .tab-hd .item .date b {
  display: block;
  font-size: 30px;
}
.inews .tab-hd .item h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.inews .tab-hd .item p {
  font-size: 16px;
  color: #999999;
}
.inews .tab-hd .item h4,
.inews .tab-hd .item p {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inews .tab-hd .item p {font-size:14px;}
.inews .tab-hd .item .info,
.inews .tab-hd .item .date {
  transition: all 0.3s;
}
.inews .tab-hd .active {
  background: #5b1b1c;
  color: #f5f5f9;
}
.inews .tab-hd .active p {
  color: #eee;
}
.inews .tab-hd .active .info,
.inews .tab-hd .active .date {
  transform: translateX(-110px);
}
.inews .cItem a {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.inews .cItem a img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.inews .cItem 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);
}
.inews .cItem .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 20px;
  line-height: 80px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 5%;
}
.inews .cItem .txt span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media (min-width: 1140px) {
  .inews .tab-bd {
    padding-right: 20px;
  }
  .inews .tab-hd {
    padding-left: 20px;
  }
}
@media (max-width: 1280px) {
  .inews .item h4 {
    font-size: 18px;
  }
  .inews .item p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .inews {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  .inews {
    border-top: 1px solid #eaeaea;
  }
}
@media (max-width: 480px) {
  .inews {
    padding-top: 50px;
    margin-top: 20px;
  }
}
.inews-list {
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 0.5rem;
}
.inews-list li {
  padding-left: -20px;
  padding-right: -20px;
  margin-bottom: 40px;
  cursor: pointer;
}
.inews-list .inner {
  background: #f4f4f4;
  border: 1px solid #fff;
  padding: 0.32rem 0;
  overflow: hidden;
  transition: all 0.3s;
}
.inews-list .date {
  width: 1.4rem;
  text-align: center;
  min-width: 100px;
  font-family: medium;
  border-right: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.inews-list .date b {
  font-size: 48px;
  line-height: 1.4;
}
.inews-list .date p {
  color: #999999;
}
@media (min-width: 992px) {
  .inews-list li:hover .inner {
    border-color: #0d4e9b;
    background: none;
  }
  .inews-list li:hover .inner .date > * {
    color: #0d4e9b;
  }
  .inews-list h4 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .inews-list .inner {
    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;
  }
  .inews-list .inner .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;
  }
  .inews-list .info {
    color: #999;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
  }
  .inews-list .content {
    padding: 0 0.42rem 0 0.3rem;
  }
}
@media (max-width: 991px) {
  .inews-list {
    margin: 0;
  }
  .inews-list .inner {
    background: none;
  }
  .inews-list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
  }
  .inews-list .date2 {
    color: #bbb;
    font-family: medium;
    font-size: 0.95em;
    margin: 0.5em 1em 0.25em 0;
  }
  .inews-list h4 {
    margin: 0.5em 0 1em 0;
    font-size: 16px;
    line-height: 1.3;
  }
  .inews-list h4:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #e1e1e1;
    margin-top: 1em;
  }
  .inews-list .more {
    display: inline-block;
    margin-top: 0.8em;
    color: #19a6df;
    border-bottom: 1px dotted #fff;
  }
  .inews-list .info {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.hezuo{overflow:hidden;margin-bottom:3%}
.hezuo .li a{padding:2px 30px;border:1px #ccc solid;margin-right:2%;margin-bottom:8px;line-height: 35px;width:15%;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;float: left;}
.hezuo .li a:nth-child(6n+0){margin-right:0;}
@media (max-width:992px) {
    .hezuo{max-height: 480px;}
	.hezuo .li a {
		width:100%; max-height: 300px;
	}
}

.swiper_history {
	margin-left: -0.19rem;
	margin-right: -0.19rem
}

.swiper_history .coverbox {
	margin: 0 .19rem
}

.swiper_history li {
	width: 25%
}

@media (max-width:992px) {
	.swiper_history li {
		width: 33.33%
	}
}

@media (max-width:768px) {
	.swiper_history li {
		width: 50%
	}
}

@media (max-width:480px) {
	.swiper_history {
		margin-right: -4vw
	}

	.swiper_history li {
		width: 70%
	}
}

@media (max-width:1200px) {
	.swiper_history {
		margin-left: -0.1rem;
		margin-right: -0.1rem
	}

	.swiper_history .coverbox {
		margin: 0 .1rem
	}
}

.history_item .coverbox {
	display: block;
	position: relative;
	cursor: pointer
}

.history_item .coverbox .content {
	position: absolute;
	left: 0%;
	right: 0;
	padding:7%;
	top: 70%;
	color: #fff;
	height: 100%;
	z-index: 55;
	transition: .6s;
	background: #00000073;
}

@media (max-width:640px) {
	.history_item .coverbox .content {
		top: 58%
	}
}

@media (max-width:480px) {
	.history_item .coverbox .content {
		top: 15%
	}
}

.history_item .coverbox .line {
	width: 20px;
	height: 3px;
	background: #fff;
	display: block;
	margin-bottom: .26rem
}

.history_item .coverbox h3 {
	font-size: 24px;
	margin-bottom: .1rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media (max-width:1200px) {
	.history_item .coverbox h3 {
		font-size: 20px
	}
}

.history_item .coverbox .en {
	font-size: 16px;
	margin-bottom: .4rem;
	text-transform: uppercase
}

.history_item .coverbox .txt {
	line-height: 24px;
	height: 72px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	margin-bottom: .4rem;
	transition: .6s
}

@media (min-width:481px) {
	.history_item .coverbox .txt {
		height: 0;
		margin-bottom: 0
	}
}

.history_item .coverbox .more {
	line-height: 35px;
	display: inline-block;
	transition: .6s;
	background: url('../images/more_bg.png') no-repeat center center;
	background-size: contain;
	padding: 0 1.8em;
	line-height: 48px;
	color: #fff;
}


@media (min-width:481px) {
	.history_item .coverbox .more {
		opacity: 0;
	}
}

@media (min-width:481px) {
	.history_item .coverbox:hover .content {
		top: 0%
	}

	.history_item .coverbox:hover .txt {
		height: 72px;
		margin-bottom: .4rem
	}

	.history_item .coverbox:hover .more {
		opacity: 1;
		height: .48rem
	}
}

.history_main {
	padding: .78rem 0 1rem
}

.history_main .row {
	margin-left: -0.2rem !important;
	margin-right: -0.2rem !important
}

.history_main .row>* {
	padding-left: .2rem !important;
	padding-right: .2rem !important;
	margin-bottom: .4rem
}

@media (max-width:1360px) {
	.history_main .row {
		margin-left: -0.15rem !important;
		margin-right: -0.15rem !important
	}

	.history_main .row>* {
		padding-left: .15rem !important;
		padding-right: .15rem !important;
		margin-bottom: .3rem
	}
}

@media (max-width:480px) {
	.history_main .row li {
		width: 100%
	}
}

@media (max-width:768px) {
	.history_main .coverbox {
		height: 300px
	}
}

@media (max-width:480px) {
	.history_main .coverbox {
		height: 180px
	}

	.history_main .coverbox .more,.history_main .coverbox .txt {
		display: none!important
	}

	.history_main .coverbox .en {
		font-size: 14px;
		margin-top: .2rem
	}

	.history_main .coverbox .content {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		transform: translateX(-50%) translateY(-50%) !important;
		z-index: 5 !important;
		width: 100%
	}
}

.index_service {
	padding: .9rem 0;
	position: relative;
	overflow: hidden
}

.index_service .bg {
	background: url('../images/bg01.png') no-repeat center center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform: scale(1.1)
}

.index_service.animated .bg {
	transform: scale(1)
}

.index_service .wrap {
	position: relative;
	z-index: 5
}

.index_service .topper {
	margin-bottom: 1.1rem
}

@media (min-width:992px) {
	.index_service .topper {
		width: 60%;
		max-width: 570px;
		margin-left: auto
	}
}

.index_service .topper .desc {
	font-size: 16px;
	color: #666;
	line-height: 1.7;
	margin: .26rem 0 .46rem
}

.index_service ul {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.index_service ul>* {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0
}

.index_service li {
	height: 300px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media (max-width:640px) {
	.index_service li {
		margin-bottom: .2rem
	}
}

.index_service .cover {
	border-radius: 30px 0 0 0;
	background: #fff;
	width: 65%;
	min-height: 1.82rem;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 18px;
	padding: 20px 0 30px
}

.index_service .cover .txt {
	display: none;
	margin-top: 14px;
	line-height: 30px;
	font-size: 16px
}

.index_service .cover .txt p {
	position: relative;
	padding-left: .2rem
}

.index_service .cover .txt p::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

.index_service .ic1 {
	background: url('../images/ic_a1.png') no-repeat center center;
	background-size: contain
}

.index_service .ic2 {
	background: url('../images/ic_a2.png') no-repeat center center;
	background-size: contain
}

.index_service .ic3 {
	background: url('../images/ic_a3.png') no-repeat center center;
	background-size: contain
}

.index_service .ic4 {
	background: url('../images/ic_a4.png') no-repeat center center;
	background-size: contain
}

.index_service .vicon {
	width: 72px;
	height: 72px;
	display: block;
	margin: 0 auto 20px
}

.index_service li:hover .cover {
	width: 100%;
	height: 100%;
	text-align: left;
	border-radius: 0;
	background: rgba(254,143,93,0.9);
	padding: 30px;
	color: #fff
}

.index_service li:hover .cover .vicon {
	position: absolute;
	right: .26rem;
	bottom: 0
}

.index_service li:hover .cover .vicon .ic {
	margin-left: -200px;
	filter: drop-shadow(200px 0 0 #fff)
}

.index_service li:hover .cover h3 {
	font-size: 24px
}

.index_service li:hover .cover .txt {
	display: block
}

.index_service.s2 {
	background: url('../images/bg03.png') no-repeat center center;
	background-size: cover
}

.index_service.s2 .desc {
	text-align: center;
	margin: .4rem auto;
	font-size: 16px;
	line-height: 30px;
	max-width: 1200px
}

.banner {
	position: relative;
	overflow: hidden
}

.banner .bg {
	background-position: center;
	background-size: cover;
	transition: transform 1s ease 0s;
	transform: scale(1.05);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.banner.animated .bg {
	transform: scale(1)
}

.banner .wrap {
	height: 4.5rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: .2rem;
	position: relative
}

@media (max-width:992px) {
	.banner .wrap {
		height: 5rem
	}
}

@media (max-width:480px) {
	.banner .wrap {
		height: 4.5rem
	}
}

.banner .wrap .crumbs {
	color: #fff;
	position: relative;
	text-align: center;
}
.banner .wrap .crumbs a {
	color: #fff
}

.banner .wrap .crumbs a:hover {
	color: #19a6df
}

.banner h2 {
	font-size: .34rem;
	text-align: center;
}

.banner .en {
	font-size: .24rem;
	font-family: dinpro;
	text-align: center;
}

.get_quote {
	padding: .74rem 0 1rem;
	background: url('../images/quote_bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align: center
}

.get_quote h2 {
	font-size: .4rem;
	line-height: 1
}

@media (max-width:992px) {
	.get_quote h2 {
		font-size: 26px
	}
}

@media (max-width:640px) {
	.get_quote h2 {
		font-size: 22px
	}
}

.get_quote .txt {
	margin: 36px 0;
	font-size: 16px;
	line-height: 30px
}

.get_quote .txt a {
	color: #fff
}

.get_quote .txt a:hover {
	color: #19a6df
}

@media (max-width:480px) {
	.get_quote .txt {
		margin: 20px 0;
		line-height: 1.8
	}
}

.fixed_nav {
	overflow: hidden
}

@media (min-width:992px) {
	.fixed_nav .wrap {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-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
	}
}

@media (min-width:769px) {
	.fixed_nav {
		border-bottom: 1px solid #dedede
	}
}

@media (max-width:991px) {
	.fixed_nav .wrap {
		width: 100vw
	}
}

@media (max-width:640px) {
}

@media (max-width:640px) {
	.fixed_nav.scroll {
		overflow-x: auto
	}
}

.fixed_nav.scroll nav {
	white-space: nowrap
}

@media (max-width:480px) {
	.fixed_nav.scroll nav {
		font-size: 16px
	}
}

.fixed_nav.scroll nav a {
	display: inline-block;
	padding: 0 .2rem
}

.fixed_nav:not(.scroll) nav {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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
}

.fixed_nav:not(.scroll) a {
	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
}

.fixed_nav nav {
	font-size: 16px
}

@media (max-width:768px) {
	.fixed_nav nav {
		border-bottom: 1px solid #dedede
	}
}

@media (max-width:991px) {
	.fixed_nav nav {
		justify-content: center
	}
}

.fixed_nav nav a {
	padding: 0 .5rem;
	position: relative;
	display: block
}

.fixed_nav nav a:hover {
	color: #fff;
	background: #19a6df;
}

.fixed_nav nav em {
	display: block;
	position: relative;
	height: 76px;
	line-height: 76px
}

@media (max-width:992px) {
	.fixed_nav nav em {
		height: 56px;
		line-height: 56px
	}
}

.fixed_nav nav .active {
	color: #fff;
	background: #19a6df;
}

.fixed_nav nav .active em::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #19a6df;
	left: 0;
	bottom: -1px
}

.fixed_nav nav a+a::before {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background-color: #e5e5e5;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

@media (max-width:992px) {
	.fixed_nav:not(.scroll) nav{display:inline-block;}
	.fixed_nav nav .active em::after,.fixed_nav nav a+a::before{display:none !important;}
}

@media (max-width:600px) {
	.fixed_nav nav {
		padding: 0 .2rem
	}

	.fixed_nav nav a {
		padding: 0 .4rem;
		width: 50%;
    float: left;
	}
}

@media (max-width:480px) {
	.fixed_nav nav {
		min-width: 100%;
		text-align: center
	}
}

.fixed_nav .crumbs {
	color: #999;
	line-height: .76rem
}

.fixed_nav .crumbs a {
	color: #999
}

.fixed_nav .crumbs a:hover {
	color: #19a6df
}

.fixed_nav .crumbs em {
	color: #19a6df
}

@media (max-width:991px) {
	.fixed_nav .crumbs {
		padding: 0 4vw
	}
}

@media (max-width:640px) {
	.fixed_nav .crumbs {
		display: none
	}
}


.header_search_tag {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.header_search_tag._close::before {
	content: "\e661"
}

header.active .header_search_tag,header.transparent.bgf .header_search_tag {
	color: #333
}

.header_search_xs {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	left: 0;
	z-index: 999;
	padding-right: 8.75%;;
	border-top: 1px #efebeb solid;
}

@media (max-width:992px) {
	.header_search_xs {
		padding: .3rem 4vw
	}
}

.header_search_xs .inner {
	height: 60px;
	max-width: 500px;
	margin: 0 0 0 auto;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-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;
	position: relative;
	z-index: 55
}

.header_search_xs .form {
	position: relative;
	display: block;
	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
}

.header_search_xs .del {
	display: block;
	padding: .2rem 0;
	text-align: center;
	font-size: 24px
}

.header_search_xs input {
	font-size: 14px;
	width: 100%;
	border-radius: 5px;
	background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);
    backdrop-filter: blur(15px);
	height: 46px;
	padding-left: 20px
}
.header_search_xs input::placeholder{
    color:#f5f5f5;
}

@media (max-width:768px) {
	.header_search_xs input {
		font-size: 16px
	}
}

.header_search_xs .submit {
	margin-left: 20px;
	font-size: 18px;
	padding: .2rem 0;
	font-size: 18px;
	position: absolute;
	right: .3rem;
	color: #f5f5f5;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

/*分享二维码*/
.z_share a{ display: inline-block; color: #BBBBBB; display: inline-block; margin-left: 10px; cursor: pointer; }
.z_share .iconfont{ font-size: 24px;}
.z_share a:hover{ color: #0365db;}
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}