/*  */

body {
	overflow-x: hidden;
}

.head-tran .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 4.1667vw;
}

.container {
	max-width: 87.5vw;
	margin: 0 auto;
}



.logo {
	float: left;
	width: 15%;
	height: 4.1667vw;
}

.logo h1 {
	text-align: center;
	margin-top: 0.94vw;
	float: left;
}

.logo h1 img {
	height: 2.083vw;
}

.head-tran .header .logo-primary {
	display: none;
}


.stock-code {
	font-size: 12px;
	color: #fff;
	font-weight: initial;
	display: block;
	margin-top: 6px;
}


.tel-search {
	width: 15%;
	float: left;
}

.not-tel {
	line-height: 4.1667vw;
	float: right;
	color: #fff;
	font-size: 1.25vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.tel-icon {
	width: 0.4167vw;
	height: 0.99vw;
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	bottom: -1px;
	margin-right: 0.8333vw;
}



/*菜单*/

.menu-box {
	float: left;
	width: 70%;
	display: flex;
	justify-content: center;
}

nav {}

#starlist {
	text-align: center;
}

#starlist li {
	display: inline-block;
	text-align: center;
	position: relative;
}



#starlist li>a {
	color: rgba(255, 255, 255, .6);
	font-size: 0.8333vw;
	display: block;
	line-height: 4.1667vw;
	position: relative;
	z-index: 9;
	transition: initial;
	margin: 0 1.04166vw;
}

#starlist li>a.active {
	color: rgba(255, 255, 255, 1);
}

#starlist li>a:hover {
	color: rgba(255, 255, 255, 1);
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: calc(50% - 4.2vw);
	top: 4.1667vw;
	width: 9.4vw;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	border-bottom: 0.260417vw solid #0168b7;
	border-radius: 0.8333vw;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 4.1667vw;
	padding: 0.72vw 0;
	height: auto;
	z-index: 99;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: 100%;
	text-align: center;
	margin: 0 0px;
	padding: 0.260417vw 0;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 0.8333vw;
	line-height: 1.55vw;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #00837e;
	background: initial;
}




.menu .pull-sj {
	display: none;
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 16px;
	height: 24px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #fff;
	bottom: -8px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -8px;
}

.navicon:after {
	margin-top: 8px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
}


.head-primary .head-height {
	height: 4.1667vw;
}


/*导航鼠标切换*/

.head-tran:hover .header .navicon {
	background: #fff;
}

.head-tran:hover .header .open .navicon {
	background: none
}

.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after {
	background: #fff;
}

.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after {
	background: #fff;
}

.head-tran:hover .header {
	background-color: #0168b7;
}

.head-tran:hover .header .logo-white {
	display: none;
}

.head-tran:hover .header .logo-primary {
	display: inline-block;
}

.head-tran:hover .header .stock-code {
	color: #fff;
}

.head-tran:hover .header .tel-search:before {
	background-color: rgba(255, 255, 255, .2);
}

.head-tran:hover .header .not-tel {
	color: #FFF;
}

.head-tran:hover .header .not-tel2 {
	color: #fff;
}

.head-tran:hover .header .tel-icon {
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran:hover .header .tel-icon2 {
	background: url(../images/tel) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran:hover .header #starlist li>a {
	color: rgba(255, 255, 255, .6);
}

.head-tran:hover .header #starlist li ul li>a {
	color: rgba(51, 51, 51, 1);
}


.head-tran:hover .header #starlist li>a.active {
	color: rgba(255, 255, 255, 1);
}

.head-tran:hover .header #starlist li>a:hover {
	color: #fff;
}

.head-tran:hover .header #starlist li ul li>a:hover {
	color: #0168b7;
}




/*原色*/

.head-tran.head-primary .header .navicon {
	background: #fff;
}

.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after {
	background: #fff;
}

.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after {
	background: #fff;
}

.head-tran.head-primary .header {
	background-color: #0168b7;
}

.head-tran.head-primary .header .logo-white {
	display: none;
}

.head-tran.head-primary .header .logo-primary {
	display: inline-block;
}

.head-tran.head-primary .header .stock-code {
	color: #fff;
}

.head-tran.head-primary .header .tel-search:before {
	background-color: rgba(255, 255, 255, .2);
}

.head-tran.head-primary .header .not-tel {
	color: #fff;
}

.head-tran.head-primary .header .not-tel2 {
	color: #fff;
}

.head-tran.head-primary .header .tel-icon {
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran.head-primary .header .tel-icon2 {
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran.head-primary .header #starlist li>a {
	color: rgba(255, 255, 255, .6);
}

.head-tran.head-primary .header #starlist li ul li>a {
	color: rgba(51, 51, 51, 1);
}


.head-tran.head-primary .header #starlist li>a.active {
	color: rgba(255, 255, 255, 1);
}

.head-tran.head-primary .header #starlist li>a:hover {
	color: #fff;
}

.head-tran.head-primary .header #starlist li ul li>a:hover {
	color: #0168b7;
}


/*导航悬浮*/
.head-tran .header.fixed .navicon {
	background: #fff;
}

.head-tran .header.fixed .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after {
	background: #fff;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after {
	background: #fff;
}

.head-tran .header.fixed {
	background-color: #0168b7;
}

.head-tran .header.fixed .logo-white {
	display: none;
}

.head-tran .header.fixed .logo-primary {
	display: inline-block;
}

.head-tran .header.fixed .stock-code {
	color: #fff;
}

.head-tran .header.fixed .tel-search:before {
	background-color: rgba(255, 255, 255, .2);
}

.head-tran .header.fixed .not-tel {
	color: #fff;
}

.head-tran .header.fixed .not-tel2 {
	color: #fff;
}

.head-tran .header.fixed .tel-icon {
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran .header.fixed .tel-icon2 {
	background: url(../images/tel.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran .header.fixed #starlist li>a {
	color: rgba(255, 255, 255, .6);
}

.head-tran .header.fixed #starlist li ul li>a {
	color: rgba(51, 51, 51, 1);
}


.head-tran .header.fixed #starlist li>a.active {
	color: rgba(255, 255, 255, 1);
}

.head-tran .header.fixed #starlist li>a:hover {
	color: #fff;
}

.head-tran .header.fixed #starlist li ul li>a:hover {
	color: #0168b7;
}



/* 首页 */

.index-banner {
	position: relative;
	z-index: 1;
}

.index-banner .carousel-slide img.pc {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.index-banner .carousel-indicators {
	bottom: 50px;
}

.index-banner .carousel-controls span {
	display: none;
}


.responsive-carousel {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-slide {
	text-align: center;
	width: 100%;
}

.carousel-slide a {
	display: block;
}

.carousel-slide img.phone {
	display: none;
}


.carousel-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.carousel-controls span {
	cursor: pointer;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-weight: bold;
	user-select: none;
}

.carousel-indicators {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.carousel-indicators span {
	display: inline-block;
	width: 20px;
	height: 6px;
	margin: 0 5px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.5s;
}

.carousel-indicators span.active {
	width: 30px;
	background-color: #5bb732;
	transition: all 0.5s;
}




/* 新闻中心 */

.page-banner-public {
	width: 100%;
	overflow: hidden;
	background: #0068b7 url(../images/page_bg_pic.png) left bottom no-repeat;
	background-size: auto 32vw;
}

.page-banner-public .container {
	position: relative;
}

.page-banner-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #fff;
}


.page-banner-text .title {
	margin-top: 12.5vw;
}

.page-banner-text .title h2 {
	font-weight: initial;
}

.page-banner-text .title p {
	line-height: 3.8vw;
	margin-top: 1.9vw;
	height: 7.6vw;
	position: relative;
	z-index: 99;
}

.page-banner-text .title p span {
	display: block;
}

.page-banner-text .title i {
	margin-top: 7.2vw;
	width: 2.604166vw;
	height: 2.604166vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.04vw;
	transform: rotate(90deg) !important;
	font-weight: bold;
	border: 1px solid rgba(255, 255, 255, .4);
}


.sub-menu {
	margin-top: 7.2vw;
	position: relative;
	z-index: 99;
	white-space: nowrap;
}

.sub-menu .menu-wrapper {
	display: inline-block;
	transition: transform 0.1s ease-out;
	/* 拖动过渡效果 */
}

.sub-menu a {
	border: 2px solid rgba(255, 255, 255, .4);
	height: 2.604166vw;
	line-height: 2.604166vw;
	display: inline-block;
	border-radius: 1.3vw;
	font-size: 1.04166vw;
	color: #fff;
	padding: 0 1.6vw;
	margin-right: 1vw;
}

.sub-menu a:hover {
	color: #0068b7;
	background-color: #fff;
	border: 2px solid rgba(255, 255, 255, 1);
	font-weight: bold;
}

.sub-menu a.active {
	color: #fff;
	background-color: #23b8bc;
	border: 2px solid #23b8bc;
	font-weight: bold;
}


.page-banner-pic {
	float: right;
	width: 66vw;
}

.page-banner-pic a {
	display: block;
	position: relative;
}

.page-banner-pic a:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
	width: 100%;
	height: 15.5vw;
	content: "";
	z-index: 9;
}


.page-banner-pic .text .box {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5vw;
	width: 41vw;
	color: #fff;
	z-index: 99;
}

.page-banner-pic .text span {}

.page-banner-pic .text h2 {
	font-weight: initial;
	line-height: 2.5vw;
	height: 5vw;
	margin-top: 0.8vw;
}


.page-banner-pic .pic {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48.52vw;
	overflow: hidden;
}

.page-banner-pic .pic img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: initial;
}


.page-banner-pic .right-button {
	position: absolute;
	bottom: 7vw;
	right: 6.77vw;
	z-index: 99;
	background-color: #fff;
	width: 2.604166vw;
	height: 2.604166vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-banner-pic .right-button i {
	color: #23b8bc;
	font-size: 1.04vw;
	transform: rotate(-45deg);
	font-weight: bold;
}



.padding-box {
	padding: 6.77vw 0;
	overflow: hidden;
}

.itemlist-3 .item {
	width: 30.66%;
	margin-left: 4%;
	margin-bottom: 3.125vw;
	float: left;
}

.itemlist-3 .item:nth-child(3n+1) {
	margin-left: 0;
}

.news-list .item .pic {
	overflow: hidden;
	border-radius: 16px;
}

.news-list .item .pic img {
	width: 100%;
}

.news-list .item .text {
	margin-top: 1.52vw;
}

.news-list .item .text span {
	color: #999;
}

.news-list .item .text h2 {
	color: #333333;
	line-height: 1.52vw;
	font-weight: initial;
	height: 3.04vw;
	margin-top: 0.5vw;
	transition: all 0.6s;
}

.news-list .item:hover .text h2 {
	color: #0068b7;
	transition: all 0.6s;
}


.view-details {
	margin-top: 1.35vw;
	padding-top: 1.30vw;
	border-top: 1px solid #dddddd;
	color: #0068b7;
}

.view-details i {
	font-size: 0.94vw;
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: .5vw;
	transition: all 0.6s;
}

.news-list .item:hover .view-details i {
	transition: all 0.6s;
	transform: rotate(0);
}

.increase-more {
	margin-top: 1.35vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%) !important;
	color: #333;
	display: inline-block;
	text-align: center;
	transition: all 0.6s;
	line-height: 2.083vw;
}

.increase-more:hover {
	color: #0068b7;
	transition: all 0.6s;
}

.increase-more span {
	display: flex;
}

.increase-more i {
	background-color: rgba(35, 184, 188, .1);
	width: 2.083vw;
	height: 2.083vw;
	line-height: 2.083vw;
	border-radius: 50%;
	font-size: 0.8333vw;
	color: #00837e;
	margin-left: .8vw;
	transition: all 0.6s;
}


.increase-more:hover i {
	background-color: rgba(35, 184, 188, 1);
	color: #fff;
	transition: all 0.6s;
}




.foot {
	background: #0068b7 url(../images/foot_bg.jpg) center center no-repeat;
	background-size: cover;
}

.foot-box {
	padding: 5.2083vw 0 3.125vw;
	position: relative;
}

.external-platform {
	position: absolute;
	right: 0;
	bottom: 3.125vw;
}

.external-platform ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 0.94vw;
}

.external-platform ul li a {
	width: 2.083vw;
	height: 2.083vw;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, .6);
	display: flex;
	justify-content: center;
	align-items: center;
}

.external-platform ul li a:hover {
	background-color: rgba(35, 184, 188, 1);
}



.foot-con {
	width: 21vw;
}

.foot-logo img {
	height: 2.916666vw;
}

.foot-contact {
	margin-top: 2.604vw;
	color: #fff;
}

.foot-contact ul li {
	margin-top: 1.302vw;
}

.foot-contact ul li span {
	color: rgba(255, 255, 255, .6);
}

.foot-contact ul li p {
	font-weight: bold;
	margin-top: .5vw;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
}

.foot-contact ul li:first-child p {
	margin-top: 0;
}

.foot-rwm {
	margin-top: 2.604vw;
}

.foot-rwm ul li {
	width: 5.2083vw;
	float: left;
	text-align: center;
	margin-right: 1vw;
}

.foot-rwm ul li img {
	width: 100%;
	max-width: initial;
}

.foot-rwm ul li p {
	color: rgba(255, 255, 255, .6);
	margin-top: .5vw;
}



.foot-menu {
	width: 57.894736vw;
	margin-top: 1.55vw;
}

.foot-menu ul {
	display: flex;
	justify-content: space-between;
}

.foot-menu ul li {}

.foot-menu ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.04166vw;
}

.foot-menu ul li ul {
	margin-top: 1.9vw;
	display: block;
}

.foot-menu ul li ul li {
	width: 100%;
	float: initial;
	line-height: 2.5vw;
}

.foot-menu ul li ul li a {
	color: rgba(255, 255, 255, .6);
	font-weight: initial;
	font-size: 0.94vw;
}

.foot-menu ul li ul li a:hover {
	color: rgba(255, 255, 255, 1);
}



.foot-copy {
	padding-bottom: 1.55vw;
}

.link {
	color: rgba(255, 255, 255, .6);
	line-height: 3.125vw !important;
}

.link .title {
	width: 5vw;
}

.link .con {
	width: 82.5vw;
}

.link a,
.copy-text a,
.copy-menu a {
	color: rgba(255, 255, 255, .6);
}

.link a:hover,
.copy-text a:hover,
.copy-menu a:hover {
	color: rgba(255, 255, 255, 1);
}

.link span,
.copy-text span,
.copy-menu span {
	margin: 0 .5vw;
	color: rgba(255, 255, 255, .4);
	font-size: 0.72916vw;
}

.copy-box {
	padding-top: 1vw;
	margin-top: .3vw;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .6);
}

.news-particles {
	position: fixed !important;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: -2;
}



/* 新闻内容页 */

.news-page-return {
	width: 7.36842vw;
	padding-top: .5vw;
}

.news-page-return a {
	color: #333333;
}

.news-page-return a i {
	font-size: 1.25vw;
	color: #333333;
	margin-right: .3vw;
}


.news-page-con {
	width: 72.74vw;
}


.news-title .title h2 {
	width: 57.89vw;
	line-height: 2.916666vw;
	font-weight: initial;
}

.news-title .describe {
	margin-top: 1.25vw;
	line-height: 1.55vw;
}

.news-title .describe span {
	margin-right: 1.25vw;
	color: #999999;
}


.news-con {
	margin-top: 3.72vw;
	padding-top: 2.916666vw;
	border-top: 1px solid #ddd;
	font-size: 0.94vw;
	line-height: 1.875vw;
	color: #333;
}

.news-con img {
	display: block;
	margin: 0 auto;
}


.statement {
	margin-top: 3.72vw;
	color: #999999;
	line-height: 1.875vw;
}


.news-paging {
	margin-top: 2.604vw;
	padding-top: 3.125vw;
	border-top: 2px solid #0068b7;
	display: flex;
	justify-content: space-between;
}

.news-paging a {
	color: #999;
}

.news-paging a:hover,
.news-paging .dir {
	color: #0068b7;
}




.related-news {
	background: url(../images/related_news_bg.jpg) center center no-repeat;
	background-size: cover;
}

.public-title {
	width: 100%;
	margin-bottom: 3.64583vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.public-title .title h2 {
	color: #000;
	font-weight: initial;
}

.public-title .title p {
	color: #333;
	margin-top: 0.94vw;
	line-height: 1.875vw;
}

.public-title .more a {
	color: #333;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 8.85vw;
	border-radius: 1.4vw;
	overflow: hidden;
	position: relative;
}

.public-title .more a:hover {
	color: #fff;
}

.public-title .more span {
	position: relative;
	z-index: 9;
}

.public-title .more i {
	background-color: #23b8bc;
	width: 2.604166vw;
	height: 2.604166vw;
	border-radius: 1.4vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.04vw;
	transition: all 0.6s;
	margin-left: 1vw;
	position: relative;
	z-index: 9;
}

.public-title .more a:hover i {
	transform: rotate(-45deg);
	transition: all 0.6s;
}

.public-title .more a:before {
	transition: all 0.6s;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #23b8bc;
	display: block;
	content: "";
	z-index: 1;
	transform: skewX(-10deg);
}

.public-title .more a:hover:before {
	width: 100%;
	transition: all 0.6s;
}

.related-news .news-list .item {
	margin-bottom: 0;
}




/* 联系我们 */

.contact-title .title h2 {
	line-height: 3.72vw;
	font-weight: initial;
}

.contact-title .title h2 span {
	display: block;
}

.contact-title .title p {
	line-height: 2.08333vw;
	margin-top: 1.25vw;
}

.contact-title .title p span {
	display: block;
}


.social-interaction-box {
	margin-top: 1.55vw;
}


.social-interaction-box .line {
	width: 72.74vw;
	height: 1px;
	background-color: #ddd;
	margin-top: 1.04vw;
}


.social-interaction {
	width: 13.54vw;
}

.social-interaction .sub-title {
	text-align: right;
	font-weight: bold;
	color: #0068b7;
	line-height: 2.0833vw;
}

.external-platform.account {
	position: initial;
	text-align: right;
	margin-top: 1.04166vw;
}



.contact-HQ-box {
	overflow: hidden;
}

.contact-HQ-box .pic {
	border-radius: 24px;
	overflow: hidden;
	width: 41.67vw;
}

.contact-HQ-box .pic img {
	width: 100%;
}


.contact-HQ-box .con {
	width: 39.19vw;
}

.contact-HQ-box .con .box {
	padding-top: 4.78767vw;
}

.contact-HQ-box .con .title {
	color: #333;
}

.contact-HQ-box .con .title span {
	line-height: 3.72vw;
}

.contact-HQ-box .con .title h2 {
	line-height: 3.125vw;
	margin-top: 0.52vw;
}


.contact-HQ-box .con .infor {
	margin-top: 2.76vw;
	padding-top: 2.47vw;
	border-top: 1px solid #ddd;
}

.contact-HQ-box .con .infor ul li:first-child {
	margin-top: 0;
}

.contact-HQ-box .con .infor ul li {
	margin-top: 2.178vw;
}

.contact-HQ-box .con .infor ul li span {
	color: #757575;
	line-height: 1.25vw;
}

.contact-HQ-box .con .infor ul li p {
	color: #333;
	font-weight: bold;
	margin-top: .52vw;
	line-height: 1.55vw;
}


.contact-HQ-box .con .button {
	margin-top: 5.2083vw;
}

.contact-HQ-box .con .button a {
	padding: 0 5%;
	background-color: rgba(0, 104, 183, 0.1);
	height: 4.1667vw;
	line-height: 4.1667vw;
	border-radius: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.25vw;
	color: #0068b7;
	font-weight: bold;
}

.contact-HQ-box .con .button a:hover {
	color: #fff;
	background-color: rgba(0, 104, 183, 1);
}

.contact-HQ-box .con .button a:hover i {
	background-color: #fff;
}

.contact-HQ-box .con .button i {
	font-size: 0.94vw;
	color: #0068b7;
	background-color: rgba(0, 104, 183, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.083vw;
	height: 2.083vw;
	border-radius: 50%;
}



.contact-subsidiary {
	background-color: rgba(0, 104, 183, 0.1);
}

.contact-subsidiary-list {
	margin-bottom: 3.125vw;
}

.contact-subsidiary-list .container {
	border-top: 2px solid #d8e8f4;
	border-bottom: 2px solid #d8e8f4;
}

.contact-subsidiary-list .box {
	padding: 3.65vw 0;
}

.contact-subsidiary-list .pic {
	width: 28.515625vw;
}

.contact-subsidiary-list .pic img {
	width: 100%;
}


.contact-subsidiary-list .type {
	width: 16.041666vw;
	padding-top: 1.25vw;
	text-align: center;
	text-decoration: underline;
}

.contact-subsidiary-list .con {
	width: 37.0833vw;
	padding-top: 1.25vw;
}

.contact-subsidiary-list .con .title {}

.contact-subsidiary-list .con .title span {
	color: #666666;
	line-height: 1.55vw;
}

.contact-subsidiary-list .con .title h2 {
	color: #0072bb;
	line-height: 2.083vw;
	margin-top: 0.52vw;
}


.contact-subsidiary-list .con .infor {
	margin-top: 1.40625vw;
}

.contact-subsidiary-list .con .infor ul li {
	margin-top: 0.3125vw;
	color: #333333;
	line-height: 1.67vw;
}

.contact-subsidiary-list .con .infor ul li span {
	float: left;
	width: 9%;
}

.contact-subsidiary-list .con .infor ul li p {
	float: left;
	width: 91%;
}


.contact-subsidiary-list .con .view-details {
	margin-top: 1.04166vw;
	border-top: initial;
}

.view-details a {
	color: #0068b7;
}

.view-details:hover i {
	transition: all 0.6s;
	transform: rotate(0);
}



.message {
	background: url(../images/submit_bg.jpg) center center no-repeat;
	background-size: cover;
}

.message .container {
	overflow: hidden;
}

.message .text {
	float: left;
	width: 43.07619vw;
	padding-top: 2.08333vw;
}

.message .text .title h2 {
	color: #000000;
	line-height: 3.72vw;
}

.message .text .title h2 span {
	display: block;
}

.message .text .title p {
	color: #333333;
	line-height: 1.875vw;
	margin-top: 1.875vw;
}

.message .text .title p span {
	display: block;
}


.mess-contact {
	margin-top: 7.78vw;
}

.mess-contact .item:first-child {
	border-top: initial;
}

.mess-contact .item {
	margin-top: 3.125vw;
}

.mess-contact .item span {
	display: flex;
	align-items: center;
	color: #333333;
	font-size: 0.94vw;
}

.mess-contact .item span img {
	margin-right: 15px;
	width: 22px;
	height: 22px;
}

.mess-contact .item b {
	line-height: 2.08333vw;
	color: #005ca1;
	margin-top: 12px;
	display: block;
	font-size: 1.25vw;
}


.mess-contact .item:first-child b {
	font-size: 2.08333vw;
}


.message .mess-box {
	float: right;
	width: 43.07619vw;
	overflow: hidden;
}

.mess-box .box {
	background-color: #f0f7fb;
	padding: 3.645833vw;
	border-radius: 16px;
}

.mess-box .subtitle {
	font-size: 1.55vw;
	color: #000000;
	text-align: center;
}


.mess-input-box .item {
	margin-top: 1.875vw;
}

.mess-input-box .item p {
	font-size: 0.94vw;
	color: #333;
}

.mess-input-box .item p span {
	color: #ff0000;
	margin-left: 8px;
}

.mess-input-box .item input {
	font-size: 0.94vw;
	color: #333;
	height: 2.604vw;
	border: initial;
	outline: initial;
	background-color: #fff;
	width: 94%;
	padding: 0 3%;
	border-radius: 8px;
	margin-top: 0.8333vw;
}

.mess-input-box .item textarea {
	font-size: 0.94vw;
	color: #333;
	height: 7.291666vw;
	border: initial;
	outline: initial;
	background-color: #fff;
	width: 94%;
	padding: 10px 3%;
	border-radius: 8px;
	margin-top: 0.8333vw;
}

.mess-submit a {
	width: 9.4vw !important;
	height: 3.125vw;
	line-height: 3.125vw;
	display: block;
	background-color: #23b8bc;
	text-align: center;
	border-radius: 12px;
	color: #fff;
	font-size: 0.94vw;
	margin-top: 2.604166vw;
}





/* 售后服务 */

.after-sales-list .item .box {
	padding: 4.1667vw 1.04vw;
	text-align: center;
}

.after-sales-list .item .icon {
	width: 7.291666vw;
	height: 7.291666vw;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: relative;
}

.after-sales-list .item .icon:before {
	position: absolute;
	left: calc(50% - 4.425vw);
	top: calc(50% - 4.425vw);
	display: block;
	border-radius: 50%;
	content: "";
	background-color: rgba(0, 104, 183, 0.2);
	width: 8.85vw;
	height: 8.85vw;
	z-index: -1;
}

.after-sales-list .item .icon img {
	height: 2.864583vw;
}

.after-sales-list .item .con .title {
	font-weight: bold;
	color: #0068b7;
	line-height: 3.72vw;
	margin-top: 3.125vw;
}

.after-sales-list .item .con .title span {
	font-weight: initial;
	margin-left: .52vw;
}

.after-sales-list .item .con .text {
	color: #333;
	line-height: 1.875vw;
	height: 1.875vw;
	margin-top: 2.604vw;
	position: relative;
}

.after-sales-list .item .con .text:before {
	position: absolute;
	left: calc(50% - 0.625vw);
	top: -1.302vw;
	display: block;
	content: "";
	background-color: rgba(0, 104, 183, 1);
	width: 1.25vw;
	height: 4px;
}

.after-sales-list .item .con .text span {
	display: block;
	color: #999;
}



.itemlist-4 .item {
	width: 23.875%;
	background-color: rgba(0, 104, 183, 0.1);
	border-radius: 24px;
	float: left;
	margin-left: 1.5%;
}

.itemlist-4 .item:first-child {
	margin-left: 0;
}


.sales-network {
	background-color: rgba(0, 104, 183, 0.1);
}

.sales-network-con {
	width: 43.07619vw;
}

.sales-network-con .public-title .title p {
	width: 68%;
}

.sales-network-con .char {
	margin-top: 3.38vw;
}

.sales-network-con .char .item {
	margin-top: 3.90625vw;
	float: left;
	width: 48.5%;
	margin-left: 3%;
	border-bottom: 2px solid #dde2e7;
	padding-bottom: 1.464843vw;
}

.sales-network-con .char .item:nth-child(2n+1) {
	margin-left: 0%;
}

.sales-network-con .char .item .number {
	font-weight: bold;
	color: #0068b7;
	line-height: 3.125vw;
	width: 30%;
}

.sales-network-con .char .item .number span {
	margin-left: .52vw;
}

.sales-network-con .char .item .text {
	width: 65%;
	line-height: 1.55vw;
}

.sales-network-con .char .item .text span {
	display: block;
	color: #333;
}

.sales-network-pic {
	width: 43.07619vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

#earth,
#earth canvas {
	width: 30vw !important;
	height: 30vw !important;
}

.service-contact {
	margin-top: 11vw;
}



/* 资料下载 */

.page-submenu {
	text-align: center;
}

.page-submenu a {
	color: #999999;
	line-height: 2.08333vw;
	margin: 0 1.25vw;
}

.page-submenu a:hover {
	color: #0068b7;
}

.page-submenu a.active {
	color: #0068b7;
	border-bottom: 4px solid #0068b7;
	font-weight: bold;
}



.data-list-box {
	margin-top: 4.5833vw;
}

.data-list-box .item .pic {
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 24px;
	position: relative;
}

.data-list-box.news-list .item .text h2 {
	height: 1.52vw;
}

.download.view-details {
	display: flex;
	justify-content: space-between;
}

.download.view-details i {
	transform: rotate(0);
	margin-right: .5vw;
	font-weight: bold;
}



/* 弹出层 */

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: calc(50% - 17vw) !important;
	left: calc(50% - 31.25vw);
	width: auto;
	position: fixed;
	z-index: 101;
}

.reveal-modal .close-reveal-modal {
	font-size: 1.55vw;
	line-height: .5;
	position: absolute;
	top: 2.08333vw;
	right: 2.08333vw;
	color: #0068b7;
	font-weight: bold;
	cursor: pointer;
}


.pop-up-mess {
	border-radius: 24px;
	background: #fff url(../images/bage_bg_2.png) left bottom no-repeat;
	background-size: 31.25vw auto;
}


.pop-up-mess .text-cont {
	width: 31.25vw;
}

.pop-up-mess .text-cont .box {
	padding: 3.645833vw;
}

.pop-up-mess .text-cont .title .font-20 {
	margin-top: .52vw;
}

.pop-up-mess-tel {
	margin-top: 3.125vw;
	color: #666;
}

.pop-up-mess-tel b {
	display: block;
	font-size: 1.875vw;
	color: #0068b7;
}

.pop-up-mess-rwm {
	margin-top: 3.125vw;
	text-align: center;
	display: inline-block;
}

.pop-up-mess-rwm img {
	border: 1px solid #ddd;
	margin-bottom: .52vw;
	width: 7.29vw;
}



.pop-up-mess .pop-up-mess-box {
	width: 31.25vw;
}

.pop-up-mess-box .mess-input-box .item:first-child {
	margin-top: 0;
}

.reveal-modal a {
	transition: initial;
}



/* 视频 */

.play-icon {
	position: absolute;
	left: calc(50% - 1.55vw);
	top: calc(50% - 1.55vw);
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	z-index: 99;
	background: #23b8bc url(../images/Play_icon.png) center center no-repeat;
	background-size: auto 1.25vw;
}

.data-list-box .pic::after {
	position: absolute;
	left: calc(50% - 2vw);
	top: calc(50% - 2vw);
	width: 4vw;
	height: 4vw;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, 0.3);
	display: block;
	content: "";
	z-index: 1;
}


.data-list-box .item:hover .pic::after {
	animation: pulse 1s infinite;
}


@keyframes pulse {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(2);
	}
}



.video-page-play {
	margin-top: 3.125vw;
}


.video-page-play iframe {
	width: 100%;
	height: 80vh;
}






/* 发展历程 */

.honor-list {
	padding-top: 1.875vw;
	padding-bottom: 3.125vw;
}

.honor-list a {
	display: block;
	float: left;
	width: 22.19%;
	margin-left: 3.73%;
	margin-top: 3.125vw;
}

.honor-list a .box {}

.honor-list a .pic {
	position: relative;
	overflow: hidden;
	background-color: rgba(0, 104, 183, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 16px;
	padding: 2.08333vw 0;
}

.honor-list a .pic img {
	height: 20.8333vw;
}

.honor-list a .pic:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a .pic:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/honor_amp.png) center center no-repeat;
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a:hover .pic:before,
.honor-list a:hover .pic:after {
	opacity: 1;
}

.honor-list a:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

.honor-list a h3 {
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
}



#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out;
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}



/* 董事长 */

.chairman-saying-box {}

.chairman-saying-box .item {
	width: 46%;
	border-top: 4px solid #0068b7;
	float: left;
	margin-left: 8%;
	margin-top: 6.77vw;
}

.chairman-saying-box .item:first-child,
.chairman-saying-box .item:nth-of-type(2) {
	margin-top: 1.55vw;
}

.chairman-saying-box .item:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}

.chairman-saying-box .item p {
	line-height: 2.08333vw;
	color: #0068b7;
	margin-top: 1.55vw;
}



.chairman-column {
	background-color: rgba(0, 104, 183, 0.1);
}

.chairman-column-list {
	margin-bottom: 2.08333vw;
}

.chairman-column-list .item {
	padding: 2.6vw 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: block;
}

.chairman-column-list .item:hover {
	background-color: #fff;
}

.chairman-column-list .item .time {
	float: left;
	width: 9.895833vw;
	color: #333;
	line-height: 1.25vw;
	font-family: Arial, Helvetica, sans-serif;
}

.chairman-column-list .item .time span {
	display: block;
}


.chairman-column-list .item .pic {
	float: left;
	overflow: hidden;
	width: 21vw;
}

.chairman-column-list .item .pic img {
	width: 100%;
}


.chairman-column-list .item .con {
	float: right;
	overflow: hidden;
	width: 50.520833vw;
	padding-top: 0.52vw;
}

.chairman-column-list .item .con h2 {
	line-height: 1.875vw;
	height: 1.875vw;
	font-weight: initial;
	color: #333;
}

.chairman-column-list .item .con p {
	line-height: 1.875vw;
	color: #666;
	margin-top: 0.72916vw;
}

.column-details {
	border: initial;
}





/* 发展历程 */

.course {
	overflow: hidden;
	background: url(../images/bage_bg_2.png) right -5.5vw no-repeat;
}

.course .container {
	position: relative;
}

.history-title {
	font-size: 2.08333vw;
	color: #333;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.history-title span {
	font-size: 7.8125vw;
	color: #0068b7;
	display: block;
	font-weight: initial;
}

#timeline {
	height: 48vw;
	overflow: hidden;
	position: relative;
	padding-top: 8.8vw;
	touch-action: none;
	/* 阻止浏览器默认的触摸行为 */
	-webkit-user-select: none;
	user-select: none;

	cursor: grab;
}


#timeline:after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 2.56vw;
	left: 0;
	background: #DDDDDD;
	z-index: 1;
}


#dates {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#dates li {
	float: left;
	width: 12%;
	font-size: 1.04166vw;
	text-align: center;
}

#dates a {
	color: #333333;
	position: relative;
}

#dates a.selected {
	color: #0068b7;
	font-weight: bold;
}

#dates li a.selected:after {
	display: block;
	content: "";
	width: 0.9vw;
	height: 0.9vw;
	background: #0068b7;
	position: absolute;
	top: -1.875vw;
	left: 50%;
	margin-left: -.45vw;
	z-index: 9;
	border-radius: 50%;
}

#dates li a.selected:before {
	display: block;
	content: "";
	width: 0.9vw;
	height: 0.9vw;
	background: rgba(0, 104, 183, 0.2);
	position: absolute;
	top: -1.875vw;
	left: 50%;
	margin-left: -.45vw;
	z-index: 9;
	border-radius: 50%;
	transform: scale(1.6);
}




#issues {
	width: 87.5vw;
	overflow: hidden;
}

#issues li {
	width: 87.5vw;
	height: 39.58vw;
	float: left;
	position: relative;
}


#issues li .tp {
	float: left;
	width: 35.42vw;
	padding-left: 9.4vw;
	text-align: right;
	overflow: hidden;
}

#issues li .tp img {
	width: 100%;
	height: 39.58vw;
	border-radius: 24px;
	object-fit: cover;
}

#issues li .text {
	float: right;
	width: 30.833vw;
	height: 39.58vw;
	padding-right: 6.25vw;
	display: flex;
	align-items: center;
}

#issues li .title {
	position: relative;
}

#issues li .title h2 {
	font-size: 2.08333vw;
	line-height: 3.75vw;
	color: #0068b7;
	position: absolute;
	left: 0;
	bottom: 0;
}

#issues li .title span {
	font-size: 12.5vw;
	line-height: 12.5vw;
	font-weight: bold;
	background: -webkit-linear-gradient(#23b8bc, rgba(255, 255, 255, 0));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: .2;
	display: block;
}

#issues li .chara {
	padding-top: 20px;
}

#issues li .chara p {
	font-size: 1.25vw;
	line-height: 2.08333vw;
	color: #333333;
	position: relative;
	padding-left: 1.25vw;
	margin-top: 0.8333vw;
	position: relative;
}

#issues li .chara p:before {
	position: absolute;
	left: 0;
	top: .72vw;
	width: .52vw;
	height: .52vw;
	display: block;
	content: "";
	background-color: #0068b7;
	border-radius: 50%;
}



#next,
#prev {
	position: absolute;
	top: calc(50% - 1.302vw);
	width: 2.604vw;
	height: 2.604vw;
	overflow: hidden;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, .2);
	color: #0068b7;
	display: flex;
	justify-content: center;
	align-items: center;
}

#next i,
#prev i {
	font-size: 1.04166vw;
}

#next {
	right: 0;
}

#prev {
	left: 0;
}

#next:hover,
#prev:hover {
	background-color: rgba(35, 184, 188, 1);
	color: #fff;
}




/* 企业文化 */

.culture-list .item {
	position: relative;
	float: left;
	width: 41.875vw;
	margin-left: 3.75vw;
	border-radius: 24px;
	overflow: hidden;
}

.culture-list .item:first-child {
	margin-left: 0;
}

.culture-list .item .box {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3.75vw 4.1667vw;
}

.culture-list .item .pic img {
	width: 100%;
}

.culture-list .item .title {
	color: #fff;
	display: flex;
	align-items: center;
}

.culture-list .item .title i {
	display: flex;
	height: 1.55vw;
	margin-right: 0.8333vw;
}

.culture-list .item .text {
	color: #fff;
	line-height: 2.08333vw;
	font-weight: bold;
	margin-top: 1.55vw;
}


.culture-list .item .text span {
	display: block;
}



.brand-proposition {
	position: relative;
	background: url(../images/culture_bg_1.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 90vh;
}

.brand-proposition .title {
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 6.25vw;
	z-index: 9;
}

.brand-proposition .title h2{
	font-weight: initial;
}

.brand-proposition-list {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.brand-proposition-list .item {
	width: 25%;
	float: left;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.4);
	position: relative;
	transition: all 0.6s;
}

.brand-proposition-list .item:hover {
	background-color: rgba(35, 184, 188, .9);
}

.brand-proposition-list .item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: rgba(255, 255, 255, .2);
	display: block;
	content: "";
}

.brand-proposition-list .item .box {
	text-align: center;
}

.brand-proposition-list .item .box p {
	color: #fff;
	font-weight: bold;
	margin-top: 1.25vw;
}



 .culture-team-list {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: grab;
    padding-bottom: 3.125vw;
}

.culture-team-list ul {
	display: flex;
	gap: 1.25vw; /* 图片间距 */
	position: relative;
	left: 0;
	transition: left 0.1s ease-out; /* 拖动顺滑过渡 */
}

.culture-team-list li {
	flex: 0 0 auto; 
}

.culture-team-list ul li img {
	border-radius: 16px;
	height: 30.625vw;
}


/* 拖动状态样式 */
.culture-team-list.grabbing {
	cursor: grabbing;
}

.drag-indicator {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	/* 初始宽度 */
	height: 6px;
	background-color: #e0e0e0;
	border-radius: 2px;
	overflow: hidden;
	opacity: 0.8;
	transition: opacity 0.3s ease, width 0.3s ease;
}


.drag-progress {
	height: 100%;
	background-color: #0068b7;
	/* 主色调 */
	width: 100%;
	border-radius: 2px;
	transition: width 0.1s ease-out;
}


.culture-team-list:hover .drag-indicator {
	width: 100%;
	opacity: 1;
}


.culture-team-list.no-scroll .drag-indicator {
	display: none;
}




/* 解决方案 */

.solution-list-box{
	
}

.solution-list .item{
	width: 48%;
	float: left;
	margin-left: 4%;
	background-color: rgba(0, 104, 183, 0.1);
	border-radius: 24px;
	margin-top: 3.125vw;
	transition: all 0.6s;
}

.solution-list .item:nth-of-type(1),.solution-list .item:nth-of-type(2){
	margin-top: 0;
}

.solution-list .item:hover{
	background-color: rgba(0, 104, 183, 1);
}

.solution-list .item:nth-child(2n+1){
	margin-left: 0;
	clear: both;
}

.solution-list .item .box{
	display: block;
	padding: 1.25vw 1.25vw 0;
}

.solution-list .item .pic{
	border-radius: 16px;
	overflow: hidden;
}

.solution-list .item .pic img{
	width: 100%;
}

.solution-list .item .con{
	text-align: center;
	padding: 2.08333vw 0;
}

.solution-list .item .con .title{
	display: flex;
	justify-content: center;
	align-items: center;
}

.solution-list .item .con .title i{
	margin-right: 0.94vw;
}

.solution-list .item .con .title img{
	height: 2.083vw;
}

.solution-list .item:hover .con .title img{
	 filter: grayscale(100%) brightness(1000%);
}

.solution-list .item .con .title h2{
	font-size: 1.875vw;
	color: #333;
}

.solution-list .item .con .text p{
	padding: 0 3.125vw;
	margin-top: 1.25vw;
	color: #666;
	height: 3.75vw;
	line-height: 1.875vw;
}

.solution-list .item:hover .con .title h2,.solution-list .item:hover .con .text p{
	color: #fff;
}



/* 解决方案内容页 */

.single-page .title p{
	padding-top: 3.125vw;
}

.popups{
	width: 9.4vw;
	height: 3.125vw;
	background-color: rgba(35, 184, 188, 1);
	line-height: 3.125vw;
	text-align: center;
	font-size: 0.94vw;
	display: block;
	color: #fff;
	border-radius: 1.6vw;
	margin-top: 4.1667vw;
	transition: all 0.6s;
}

.popups:hover{
	background-color: rgba(35, 184, 188, .6);
	transition: all 0.6s;
}


.solution-describe{
	padding: 14.58vw 0 15.52vw;
}

.solution-describe p{
	width: 60%;
	margin: 0 auto;
	color: #333;
	line-height: 2.91666vw;
	position: relative;
}

.solution-describe p::before{
	color: #ddd;
	position: absolute;
	left: -7vw;
	top: -.52vw;
	display: block;
	font-size: 12vw;
	line-height: 100px;
	content: "“";
}

.solution-describe p::after{
	color: #ddd;
	position: absolute;
	right: -7vw;
	bottom: -7vw;
	display: block;
	font-size: 12vw;
	line-height: 80px;
	content: "”";
}




/* 产品服务 */

.product-recom{
	
}

.product-recom .item{
	display: block;
	border-radius: 24px;
	background-color: rgba(0, 104, 183, 0.06);
	margin-bottom: 4.1667vw;
	transition: all 0.6s;
}

.product-recom .item:hover{
	background-color: rgba(0, 104, 183,1);
}

.product-recom .item .pic{
	width: 43.75vw;
	overflow: hidden;
	border-radius: 24px;
}

.product-recom .item .pic img{
	width: 100%;
}


.product-recom .item .con{
	width: 43.75vw;
}

.product-recom .item .con .box{
	padding: 4.1667vw 6.76vw;
}

.product-recom .item .con .tag{
	
}

.product-recom .item .con .tag span{
	padding: 0 0.8333vw;
	height: 1.354167vw;
	line-height: 1.354167vw;
	font-size:  0.625vw;
	border-radius: 20px;
	background-color: #0068b7;
	display: inline-block;
	color: #fff;
}

.product-recom .item:hover .con .tag span{
	background-color: #fff;
	color: #0068b7;
}


.product-recom .item .con .text{
	margin-top: 3.90625vw;
}

.product-recom .item .con .text h2{
	font-size: 1.875vw;
	line-height: 2.08333vw;
	height: 2.08333vw;
	font-weight: initial;
	color: #333;
}

.product-recom .item:hover .con .text h2{
	color: #fff;
}

.product-recom .item .con .text p{
	font-size: 0.94vw;
	line-height: 1.875vw;
	height: 3.75vw;
	color: #666666;
	margin-top: 1.25vw;
}

.product-recom .item:hover .con .text p{
	color: rgba(255, 255, 255, .6);
}

.product-recom .item .con .view-details{
	margin-top: 4.6875vw;
	border-top: initial;
}


.product-recom .item:hover .con .view-details{
	color: #fff;
}




.product-list{
	
}

.product-list .item{
	background-color: rgba(0, 104, 183, .06);
	border-radius: 24px;
}

.product-list .item:hover{
	background-color: rgba(0, 104, 183, 1);
}

.product-list .item .pic{
	border-radius: 20px;
	overflow: hidden;
}

.product-list .item .box{
	padding: 0.775vw 0.775vw 0;
}


.product-list .item .con{
	padding: 2.083vw 1.25vw;
}


.product-list .item .title{
	display: flex;
	align-items: center;
}

.product-list .item .title h2{
	font-weight: initial;
	color: #333;
	line-height: 1.55vw;
}

.product-list .item:hover .title h2,.product-list .item:hover .title i,.product-list .item:hover .text p{
	color: #fff;
}

.product-list .item .title i{
	color: #0068b7;
	font-size: 1.875vw;
	transform: rotate(-45deg);
	margin-left: .52vw;
}

.product-list .item .text{
	margin-top: 0.8333vw;
	padding-top: 0.8333vw;
	border-top: 1px solid #c0daed;
}

.product-list .item .text p{
	line-height: 1.55vw;
	color: #666;
}





/* 解决方案内容页 */



.core-highlights{
	background: url(../images/highlights_bg.jpg) center center no-repeat;
	background-size: cover;
}


.highlights-box .item{
	width: 18.72%;
	margin-left: 1.6%;
	float: left;
	background-color: #fff;
	border-radius: 16px;
	text-align: center;
}

.highlights-box .item:first-child{
	margin-left: 0;
}


.highlights-box .item .box{
	padding: 2.08333vw 10%;
}

.highlights-box .item .box h3{
	color: #333;
	line-height: 1.55vw;
	margin-top: 1.55vw;
}

.highlights-box .item .box p{
	color: #666;
	line-height: 1.55vw;
	margin-top: .52vw;
	text-align: justify;
	height: 6.2vw;
}




.plan-advantages-box{
	
}

.plan-advantages-box .item{
	background-color: rgba(0, 104, 183, 0.06);
	border-radius: 16px;
	overflow: hidden;
}

.plan-advantages-box .item .box{
	padding: 3.125vw 10%;
	background: url(../images/page_bg_pic.png) 12vw -3.25vw no-repeat;
	background-size: 17vw auto;
}

.plan-advantages-box .item h3{
	margin-top: 3.125vw;
	line-height: 3.125vw;
}

.plan-advantages-box .item p{
	color: #666;
	line-height: 1.55vw;
	height: 3.125vw;
}




.related-product{
	background-color: rgba(0, 104, 183, 0.06);
}





/* 产品内容页 - 血压 */

.product-page-banner .page-banner-text .title{
	margin-top: 16vw !important;
}

.product-page-banner p{
	width: 25vw;
	margin-top:1.25vw !important;
	line-height: 1.875vw !important;
	height: 3.75vw !important;
}

.product-page-banner .popups{
	margin-top: 3.125vw !important;
}


.product-technical-box .item{
	background-color: rgba(0, 104, 183, 1);
	text-align: center;
}

.product-technical-box .item .box{
	padding: 4.1667vw 10%;
}

.product-technical-box .item h3{ 
	color: #fff;
	line-height: 1.55vw;
	margin-top: 1.55vw;
}

.product-technical-box .item p{ 
	color: rgba(255, 255, 255, .6);
	line-height: 1.55vw;
	margin-top: .52vw;
}




.application-product-list{
	background-color: rgba(0, 104, 183, 0.06);
}



  /* 产品展示容器 */
         .product-container {
             position: relative;
         }
 
         .product-scroll {
             display: flex;
             gap: 40px;
             transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
             will-change: transform;
         }
 
         /* 卡片容器（用于限制显示数量） */
         .product-cards {
             position: relative;
         }
 
         /* 产品卡片样式 */
         .product-card {
             flex: 0 0 calc(33.33% - 30px);
             background: white;
             border-radius: 24px;
             overflow: hidden;
             cursor: pointer;
             transition: transform 0.3s ease, box-shadow 0.3s ease;
             user-select: none;
         }
 
         .product-card:hover {
             transform: translateY(-15px);
         }
 
         .product-card-img {
             width: 100%;
             object-fit: cover;
         }
 
         .product-card-info {
			 margin-top: -1.04vw;
             padding: 0 1.55vw 3.125vw;
			 text-align: center;
         }
		 
		 .product-card-tag{
			 height:1.55vw;
			 line-height:1.55vw;
			 border-radius: 36px;
			 background-color: rgba(0, 104, 183, 1);
			 color: #fff;
			 font-size: 0.72vw;
			 display: inline-block;
			 padding: 0 0.8333vw;
		 }
 
         .product-card-name {
             font-size: 1.25vw;
             font-weight: bold;
             color: #333;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
			 height:1.875vw;
			 line-height:1.875vw;
			 margin-top: .8333vw;
         }
 
         .product-card-price {
             font-size: 0.94vw;
			 height: 1.25vw;
			 line-height: 1.25vw;
			 white-space: nowrap;
			 overflow: hidden;
			 text-overflow: ellipsis;
             color: #666;
			 margin-top: .40vw;
         }
 
         /* 切换按钮 - 新增禁用样式 */
         .product-btn {
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
             width: 2.5vw;
             height: 2.5vw;
             border-radius: 50%;
             background: #0068b7;
             border: none;
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: center;
             z-index: 10;
             transition: background-color 0.3s ease, opacity 0.3s ease;
			 color: #fff;
         }
 
         .product-btn:hover {
             background-color: #0068b7;
         }
		 
		 .product-btn i{
			 font-size: 0.94vw;
		 }
 
         /* 禁用状态样式 */
         .product-btn.disabled {
             opacity: 0.3;
             cursor: not-allowed;
             pointer-events: none; /* 禁止点击 */
         }
 
         .product-btn-left {
             left: -1.25vw;
         }
 
         .product-btn-right {
             right: -1.25vw;
         }
 

 
         /* 详情弹窗样式 */
         .product-modal {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.7);
             display: none;
             align-items: center;
             justify-content: center;
             z-index: 1000;
         }
 
         .product-modal.active {
             display: flex;
         }
 
         .modal-content {
             width: 52.0833vw;
             height: 70vh;
             background: white;
             border-radius: 16px;
             display: flex;
             position: relative;
             transition: none;
         }
 
         /* 弹窗关闭按钮 */
         .modal-close {
             position: absolute;
             top: 20px;
             right: 20px;
             width: 40px;
             height: 40px;
             border-radius: 50%;
             border: none;
             color: #666;
             font-size: 24px;
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: center;
             z-index: 20;
             transition: 0.3s ease;
         }
		 
		 .modal-close i{
			 font-size: 1.25vw;
		 }
 
         .modal-close:hover {
             opacity: .6;
         }
 
         /* 弹窗图片区域 */
         .modal-img-container {
             flex: 1;
             overflow: hidden;
             position: relative;
         }
 
         .modal-img-scroll {
             display: flex;
             height: 100%;
             transition: transform 0.3s ease;
         }
 
         .modal-img {
             flex: 0 0 100%;
             height: 100%;
             display: flex;
             align-items: center;
             justify-content: center;
         }
 
         .modal-img img {
             object-fit: cover;
         }
 
         /* 弹窗信息区域 */
         .modal-info {
             flex: 0 0 400px;
             padding: 0 1.875vw;
             overflow-y: auto;
			 background-color: rgba(0, 104, 183, 0.03);
			 height: 70vh;
			 display: flex;
			 align-items: center;
         }
 
         .modal-product-name {
             font-size: 1.55vw;
			 line-height: 1.875vw;
             color: #333;
         }
 
         .modal-product-price {
             font-size: 1.04166vw;
             color: #666;
             margin-bottom: .52vw;
         }
		 
		 .modal-tech-title{
			 font-weight: bold;
			 font-size:  0.8333vw;
			 color: #333;
			 margin-bottom: 0.52vw;
			 margin-top: 1.04vw;
		 }
		 
         .modal-tech-list {
             font-size: 18px;
             color: #1d2129;
         }
		 
		 .modal-tech-list li{
			margin-bottom: 0.52vw;
		 }
 
 
 
         /* 弹窗切换按钮（切换产品）- 新增禁用样式 */
         .modal-product-btn {
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
             width: 2.5vw;
             height: 2.5vw;
             border-radius: 50%;
             background: rgba(35, 184, 188, 1);
             border: none;
             color: #fff;
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: center;
             z-index: 10;
             transition: background-color 0.3s ease, opacity 0.3s ease;
         }
 
         .modal-product-btn:hover {
             background: rgba(35, 184, 188, .7);
         }
 
         /* 弹窗按钮禁用样式 */
         .modal-product-btn.disabled {
			 opacity: .5;
             cursor: not-allowed;
             pointer-events: none;
			  display: none;
         }
 
         .modal-product-btn-left {
             left: -5vw;
         }
 
         .modal-product-btn-right {
             right: -5vw;
         }
		 
		 .modal-product-btn i{
			 font-size: 0.94vw;
		 }
 
         /* 弹窗图片内部切换按钮 - 新增禁用样式 */
         .modal-img-btn {
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
             width: 2.08333vw;
             height: 2.08333vw;
             border: none;
             color: #333;
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: center;
             z-index: 5;
             transition: background-color 0.3s ease, opacity 0.3s ease;
         }
 
         .modal-img-btn:hover {
            color: #0068b7;
         }
		 
		 .modal-img-btn i{
		 	font-size: 0.94vw;
		 }
 
         /* 图片切换按钮禁用样式 */
         .modal-img-btn.disabled {
             opacity: 0.3;
             cursor: not-allowed;
             pointer-events: none;
			 display: none;
         }
 
         .modal-img-btn-left {
             left: 10px;
         }
 
         .modal-img-btn-right {
             right: 10px;
         }




.product-application-list .item{
	overflow: hidden;
}

.product-application-list .item .box{
	display: block;
	padding: 3.125vw 2.5vw;
	background-color: rgba(0, 104, 183, 0.01);
}

.product-application-list .item .box:hover{
	background-color: rgba(0, 104, 183, 1);
}


.product-application-list .item .subtitle i img{
	height: 2.083vw;
}

.product-application-list .item .box:hover .subtitle i img,.product-application-list .item .box:hover .subtitle span{
	filter: grayscale(100%) brightness(10);
}

.product-application-list .item .subtitle h3{
	color: #000;
	font-weight: initial;
	margin-top: 1.875vw;
	line-height: 1.875vw;
}

.product-application-list .item .subtitle span{
	display: block;
	margin-top: 1.875vw;
}


.product-application-list .item .con{
	margin-top: 1.875vw;
}

.product-application-list .item .con p{
	color: #666666;
	line-height: 1.875vw;
	height: 5.625vw;
}

.product-application-list .item .box:hover .con p,.product-application-list .item .box:hover .subtitle h3{
	color: #fff;
}

.product-application-list .item .more i{
	margin-top: 4.427vw;
	float: right;
	width: 2.604vw;
	height: 2.604vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #23b8bc;
	color: #fff;
	font-size: 1.25vw;
	transform: rotate(-45deg);
}





/* 关于我们 */
.about-us{
	background: url(../images/about_bg.jpg) center center no-repeat;
	background-size: cover;
}

.about-us .container{
	position: relative;
}

.about-us .container:before{
	position: absolute;
	right: -6.25vw;
	top: -12vw;
	width: 41.67vw;
	height: 41.67vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
}


.about-en{
	font-size: 7.8125vw;
	line-height: 8.5vw;
	color: rgba(35, 184, 188, .2);
}

.about-name{
	width: 86%;
	float: right;
}

.about-name p{
	color: #0068b7;
	line-height:  2.5vw;
	font-weight: bold;
	position: relative;
}

.about-name p:before{
	position: absolute;
	left: 14.583333vw;
	bottom: 1.25vw;
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 104, 183, 0.2);
	content: "";
}

.about-con{
	width: 62%;
	float: right;
	margin-top: 4.1667vw;
}


.about-con .text{
	color: #666;
	line-height: 1.875vw;
}

.about-con .chara{
	margin-top: 2.5vw;
}

.about-con .chara ul{
	display: flex;
	justify-content: space-between;
}

.about-con .chara ul li i{
	color: #0068b7;
}

.about-con .chara ul li p{
	color: #666;
}




.subsidiary{
	background: rgba(0, 104, 183, 0.06);
	position: relative;
}



        .vertical-tabs {
            display: flex;
        }

        .tabs-nav {
            width: 50%;
            overflow-y: auto; /* 选项过多时可滚动 */
			padding-top: 9.4vw;
			padding-bottom: 3.125vw;
        }

        .tab-btn {
			font-size: 1.25vw;
			line-height: 3.125vw;
            color: #333;
            text-align: left;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
        }
		
		 .tab-btn i{
			 font-size: 1.55vw;
			 margin-left: 0;
			 opacity: 0;
			  transition: all 0.3s ease;
		 }

        .tab-btn.active {
            color: #0068b7;
			font-size: 1.55vw;
        }
		
		.tab-btn.active i{
			opacity: 1;
			 margin-left: .52vw;
		}

        .tab-btn:hover:not(.active) {
            color: #0068b7;
        }

        .tabs-content {
            flex: 1; /* 占满剩余宽度 */
        }
		
		.tabs-content .pic{
			position: absolute;
			right: 0;
			top: 0;
			width: 50%;
			height: 100%;
		}
		
		.tabs-content .pic img{
			max-width: initial;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 9;
		}
		
		.tabs-content .con{
			position: absolute;
			left: calc(50% - 14.3vw);
			top: calc(50% - 9.35vw);
			width: 28.61111vw;
			height: 18.75vw;
			background-color: #fff;
			z-index: 99;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
		
		.tabs-content .con h2{
			font-size: 1.875vw;
			color: #0068b7;
		}
		
		.tabs-content .con p{
			font-size: 1.25vw;
			color: #666;
			margin-top: .52vw;
		}
		
		.tabs-content .con .box{
			position: relative;
		}
		
		.tabs-content .con span{
			position: absolute;
			top: -7vw;
			right: 50%;
			margin-right: -13.5vw;
			font-size: 3.125vw;
			color: rgba(35, 184, 188, .1);
			font-weight: bold;
		}

        .tab-panel {
            display: none;
            height: 100%;
        }

        .tab-panel.active {
            display: block;
        }
		
		
		
.public-title.production-title{
	margin-bottom: 1.55vw;
}
		
.production-text{
	width: 50%;
	float: right;
	margin-right: 7%;
}

.production-text p{
	line-height: 1.875vw;
}


.production-pic{
	width: 100%;
	margin-top: 2.2917vw;
}

.production-pic ul{
	
}

.production-pic ul li{
	width: 23.8%;
	margin-left: 1.6%;
	float: left;
	margin-top: 1.875vw;
}

.production-pic ul li:nth-child(4n+1){
	margin-left: 0;
}

.production-pic ul li p{
	margin-top: 1.04166vw;
	font-size: 0.94vw;
	text-align: center;
	color: #333;
}



.global-layout{
	background-color: rgba(0, 104, 183, .06);
	padding-bottom: initial;
}

.global-layout-con{
	width: 50%;
	float: right;
	margin-right: 7%;
}

.global-layout-con .text p{
	font-size: 0.94vw;
	line-height: 1.875vw;
	color: #333;
}

.global-layout-con .chara{
	margin-top: 2.5vw;
}

.global-layout-con .chara ul{
	display: flex;
	justify-content: first baseline;
}

.global-layout-con .chara ul li{
	width: 33.33%;
}

.global-layout-con .chara ul li i{
	color: #0068b7;
}

.global-layout-con .chara ul li p{
	color: #333;
}



.global-layout-map{
	position: relative;
}

.map-country .country{
	position: absolute;
	text-align: center;
}

.map-country .country i{
	font-size: 1.875vw;
	line-height: 1vw;
	color: #23b8bc;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, .1);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	animation: living 2s infinite;
}

.map-country .country p{
	font-size: 0.8333vw;
	line-height: 1.25vw;
	color: #333;
	margin-top: .22vw;
}

.map-country .country.c-jnd{
	top: 8.84615vw;
	left: 14.0625vw;
}

.map-country .country.c-mg{
	top: 13.5vw;
	left: 15.0625vw;
}

.map-country .country.c-mxg{
	top: 17vw;
	left: 13vw;
}

.map-country .country.c-bx{
	top: 19.5vw;
	left: 24vw;
}

.map-country .country.c-bo{
	top: 3vw;
	left: 42vw;
}

.map-country .country.c-tg{
	top: 5.2vw;
	left: 42vw;
}

.map-country .country.c-yg{
	top: 5.9vw;
	left: 38.8vw;
}

.map-country .country.c-hl{
	top: 6vw;
	left: 40.6vw;
}

.map-country .country.c-fg{
	top: 8vw;
	left: 39.6vw;
}

.map-country .country.c-ydl{
	top: 8vw;
	left: 41.7vw;
}

.map-country .country.c-zf{
	top: 16vw;
	left: 45.9vw;
}

.map-country .country.c-els{
	top: 4.5vw;
	left: 56.9vw;
}

.map-country .country.c-yd{
	top: 14vw;
	left: 59vw;
}

.map-country .country.c-hg{
	top: 11.5vw;
	left: 69vw;
}

.map-country .country.c-rb{
	top: 12.5vw;
	left: 72.1vw;
}



.partner-list{
	position: relative;
}

        .scroll-mask {
            position: absolute;
            top: 0;
            height: 100%;
            width: 20%; 
            z-index: 10;
            pointer-events: none; 
        }

        .scroll-mask-left {
            left: 0;
            background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
        }

        .scroll-mask-right {
            right: 0;
            background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
        }

.scroll-container:first-child {
            margin-top: 0;
        }

        .scroll-container {
            width: 100%;
            height: 7.75vw;
            overflow: hidden;
            position: relative;
            margin-top: 1.25vw;
        }

               .scroll-track {
                   display: flex;
                   position: absolute;
                   top: 0;
                   left: 0;
                   height: 100%;
               }
       
               .scroll-content {
                   display: flex;
                   align-items: center;
                   height: 100%;
                   flex-shrink: 0;  
               }

        .scroll-item {
            width: 13.541666vw;
            height: 7.6369vw;
            margin: 0 .6vw;
            border: 1px solid #cce1f1;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
			background-color: #fff;
        }

        .scroll-item img {
            object-fit: contain;
        }
		
		
		
		
/* 招商加盟 */

.join-banner{
	position: relative;
}

.join-banner:before{
	position: absolute;
	bottom: -4.1667vw;
	right: 0;
	display: block;
	width: 8.125vw;
	height: 22.45vw;
	content: "";
	background: url(../images/modification.png) center center no-repeat;
	background-size: cover;
	z-index: 99;
}

.join-banner .join-text-box{
	width: 50%;
	position: absolute;
	left: calc(50% - 25%);
	top: 200px;
	text-align: center;
	color: #fff;
}

.join-text-box .title h3{
	background: url(../images/join_title_bg.png) center center no-repeat;
	line-height: 2.60416vw;
	background-size: auto 100%;
	letter-spacing: 8px;
}

.join-text-box .title h2{
	margin-top: 1.25vw;
}

.join-text-box .button{
	margin-top: 1.25vw;
}

.join-text-box .button a{
	padding: 0 1.25vw;
	border: 2px solid #fff;
	border-radius: 8px;
	height: 2.5vw;
	line-height: 2.5vw;
	display: inline-block;
	margin: 0 .52vw;
	cursor: pointer;
	color: #fff;
}

.join-text-box .button a:hover,.join-text-box .button a.active{
	background-color: #fff;
	color: #0068b7;
}

.join-banner .join-pic{
	text-align: center;
}

.join-banner .join-pic .phone{
	display: none;
}

.join-banner .join-pic img{
	object-fit: cover;
	width: 100%;
	height: 100vh;
}





.join-about{
	background: url(../images/bage_bg_2.png) left bottom no-repeat;
	background-size: 50% auto;
	overflow: hidden;
}

.join-about-text{
	width: 40%;
	float: left;
	padding-top: 1.25vw;
}

.join-about-text .chara{
	padding-top: 3.125vw;
}


.join-about-text .chara .item{
	margin-top: 2.5vw;
}

.join-about-text .chara .item .box{
	display: flex;
	align-items: center;
	gap: 3.125vw;
}

.join-about-text .chara .item .pic{
	width: 3.125vw;
}

.join-about-text .chara .item .pic img{
	width: 100%;
}

.join-about-text .chara .item .text b{
	color: #0068b7;
	line-height: 1.25vw;
}

.join-about-text .chara .item .text p{
	color: #666;
	margin-top: .52vw;
	line-height: 1.25vw;
}

.join-about-pic{
	width: 50%;
	float: right;
	border-radius: 24px;
	overflow: hidden;
}

.join-about-pic img{
	width: 100%;
}





.join-platform{
	overflow: hidden;
	background: url(../images/join_platform_bg.jpg) center center no-repeat;
	background-size: cover;
}

.public-title.white .title h2,.public-title.white .title p,.public-title.white .more span{
	color: #fff;
}

.join-platform-con {
	
}

.join-platform-menu .tabs-2 {
	display: flex;
	gap: 1.04166vw;
}

.join-platform-menu .tabs-2 a {
	width: 14.2857%;
	background-color: #fff;
	border-radius: 8px;
	height: 5.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.join-platform-menu .tabs-2 .box{
	display: flex;
	align-items: center;
	gap: 16px;
}

.join-platform-menu .tabs-2 a i {
	height: 1.875vw;
}

.join-platform-menu .tabs-2 a img {
	height: 100%;
}

.join-platform-menu .tabs-2 a h2 {
	font-size: 1.25vw;
	line-height: 1.875vw;
	color: #333333;
	font-weight: initial;
	transition: all 0.5s;
}

.join-platform-menu .tabs-2 a.active{
	background-color: #23b8bc;
}

.join-platform-menu .tabs-2 a.active h2,.join-platform-menu .tabs-2 a.active:hover h2 {
	color: #fff;
}

.join-platform-menu .tabs-2 a.active img{
	 filter: grayscale(100%) brightness(1000%);
}


.join-platform-menu .tabs-2 a:hover h2 {
	color: #0068b7;
}




.join-platform-content-slide {
	position: relative;
	overflow: hidden;
}

.join-platform-box {
	margin-top: 1.875vw;
	background-color: #fff;
	border-radius: 16px;
}

.join-platform-content-slide {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.join-platform-content-slide .pic {
	width: 67.74%;
}

.join-platform-content-slide .pic img{
	width: 100%;
	max-width: initial;
}

.join-platform-content-slide .text {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	width: 32.26%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.join-platform-content-slide .text em{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	font-size: 10.4166vw;
	line-height: 10.4166vw;
	background: -webkit-linear-gradient(#0072bb, #ffffff);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	font-weight: bold;
	opacity: .1;
}

.join-platform-content-slide .text .box{
	padding: 3.125vw;
}

.join-platform-content-slide .text h3 {
	color: #0068b7;
	line-height: 3.125vw;
}

.join-platform-content-slide .text h3 span{
	display: block;
}

.join-platform-content-slide .text h4 {
	color: #333333;
	line-height: 1.875vw;
	font-weight: initial;
	margin-top: 1.04166vw;
	padding-top: 1.04166vw;
	border-top: 1px solid #cccccc;
}

.join-platform-content-slide .text p {
	color: #666666;
	line-height: 1.875vw;
	margin-top: 4.166vw;
}





.swiper-container2,
.swiper-container3 {
	width: 100%;
	border-top: 0;
}

.swiper-slide2,
.swiper-slide3 {
	width: 100%;
	overflow: hidden;
}

.swiper-container2,
.swiper-container3 {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper2,
.swiper-wrapper3 {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;

	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;

	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);

	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;

	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper2,
.swiper-free-mode>.swiper-wrapper3 {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide2,
.swiper-slide3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}


.market-opportunities{
	overflow: hidden;
}

.mar-opp-list .item .box{
	padding: 3.125vw 2.5vw;
	text-align: center;
}

.mar-opp-list .item .box h3{
	font-size: 1.25vw;
	color: #333;
	margin-top: 1.25vw;
}

.mar-opp-list .item .box h3 img{
	display: none;
}

.mar-opp-list .item .box p{
	font-size: 0.8333vw;
	line-height: 1.55vw;
	color: #666;
	text-align: justify;
	height: 6.2vw;
	margin-top: 0.8333vw;
}




.brand-strength{
	background-color: #0068b7;
	position: relative;
	overflow: hidden;
}

.brand-strength:before{
	position: absolute;
	right: 0;
	top: -9.5vw;
	width: 40vw;
	height: 40vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
}

.brand-strength-menu .tabs-3 {
	display: flex;
	gap: 1.55vw;
}

.brand-strength-menu .tabs-3 a {
	width: 20%;
	height: 5.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 5px solid #fff;
	opacity: .6;
}

.brand-strength-menu .tabs-3 .box{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.brand-strength-menu .tabs-3 a i {
	height: 1.875vw;
}

.brand-strength-menu .tabs-3 a img {
	height: 100%;
}

.brand-strength-menu .tabs-3 a h2 {
	font-size: 1.25vw;
	line-height: 1.875vw;
	color: #fff;
	font-weight: initial;
	transition: all 0.5s;
}

.brand-strength-menu .tabs-3 a.active{
	opacity: 1;
}

.brand-strength-menu .tabs-3 a.active h2,.brand-strength-menu .tabs-3 a.active:hover h2 {
	color: #fff;
}

.brand-strength-menu .tabs-3 a.active img{
	 filter: grayscale(100%) brightness(1000%);
}


.brand-strength-menu .tabs-3 a:hover {
	opacity: 1;
}


.brand-strength-box{
	margin-top: 1.04166vw;
	border-radius: 16px;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}

.brand-strength-content-slide .pic{
	float: left;
	width: 50%;
}

.brand-strength-content-slide  .text{
	float: left;
	width: 50%;
}

.brand-strength-content-slide  .text .box{
	padding: 5.2vw;
}

.brand-strength-content-slide  .text h3{
	color: #0068b7;
	line-height: 2.91666vw;
	padding-bottom: 2.5vw;
}

.brand-strength-content-slide  .text p{
	line-height: 1.55vw;
	margin-top: 1.55vw;
}





.join-honor{
	position: relative;
	overflow: hidden;
}

.join-honor .container{
	position: absolute;
	left: 50%;
	top: 6.77vw;
	z-index: 9;
	margin-left: -43.75vw;
	z-index: 9;
}

.join-honor .pic{
	position: relative;
	left: 50%;
	margin-left: -50%;
}

.join-honor .pic img{
	width: 100vw;
}


.supportive-policy{
	position: relative;
	overflow: hidden;
}

.supportive-policy:before{
	position: absolute;
	right: 0;
	top: -9.5vw;
	width: 40vw;
	height: 40vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
	opacity: .5;
}



.supportive-policy-list .item{
	background-color: rgba(0, 104, 183, 0.1);
	border-radius: 16px;
}

.supportive-policy-list .item:nth-of-type(4),.supportive-policy-list .item:nth-of-type(5),.supportive-policy-list .item:nth-of-type(6){
	margin-bottom: 0;
}

.supportive-policy-list .item .box{
	padding: 3.125vw;
}

.supportive-policy-list .item .icon{
	width: 100%;
	text-align: right;
}

.supportive-policy-list .item .icon img{
	height: 2.5vw;
}

.supportive-policy-list .item .con{
	margin-top: 3.125vw;
}

.supportive-policy-list .item .con h3{
	color: #333333;
	font-size: 1.25vw;
	line-height: 1.875vw;
}

.supportive-policy-list .item .con p{
	color: #666;
	font-size: 0.94vw;
	line-height: 1.55vw;
	letter-spacing: 0;
	margin-top: 0.8333vw;
}



.join-conditions{
	background-color: rgba(0, 104, 183, .06);
	position: relative;
	overflow: hidden;
}

.join-conditions:before{
	position: absolute;
	left: 0;
	top: -9.5vw;
	width: 42vw;
	height: 42vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
	opacity: .5;
	transform:rotate(180deg);
}

.join-conditions-list ul li:first-child{
	margin-top: 0;
}

.join-conditions-list ul li{
	margin-top: 1.55vw;
	position: relative;
	float: right;
	clear: both;
}

.join-conditions-list ul li.item-1{
	width: 32%;
}

.join-conditions-list ul li.item-2{
	width: 52%;
}

.join-conditions-list ul li.item-3{
	width: 72%;
}

.join-conditions-list ul li.item-4{
	width: 92%;
}

.join-conditions-list ul li:first-child{
	margin-top: 0;
}

.join-conditions-list ul li i{
	position: absolute;
	left: -7.77vw;
	bottom: 0;
}

.join-conditions-list ul li img{
	width: 6.77vw;
}

.join-conditions-list ul li p{
	font-size: 1.25vw;
	font-weight: bold;
	color: #0068b7;
	padding: 1.875vw 0;
	position: relative;
}

.join-conditions-list ul li p:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 999%;
	height: 15px;
	background-color: rgba(0, 104, 183, 0.2);
	display: block;
	content: "";
}



/* 健康平台 */
.platform-banner{
	position: relative;
	background-color: #09369c;
	height: 100vh;
	overflow: hidden;
}

.platform-banner-pic{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50%;
	height: 100vh;
	width: 100%;
	text-align: center;
}

.platform-banner-pic img{
	width: 100%;
	height: 100vh;
	max-width: initial;
	object-fit: cover;
}

.platform-banner-pic .phone{
	display: none;
}

.particle-container{
	margin-top: 30vh;
	width: 100%;
	height: 100vh;
}




.platform-chara{
	background-color: rgba(0, 104, 183, .06);
}

.platform-chara .item{
	width: 20%;
	float: left;
	position: relative;
}

.platform-chara .item:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	display: block;
	content: "";
	background-color: rgba(0, 104, 183, .1);
}

.platform-chara .item .box{
	padding: 2.5vw 3.125vw;
}

.platform-chara .item h3{
	color: #333333;
	font-size: 1.04166vw;
	line-height: 1.25vw;
	display: flex;
	align-items: center;
	gap: 1.04vw;
}

.platform-chara .item h3 img{
	height: 1.55vw;
}


.platform-chara .item p{
	color: #666666;
	font-size: 0.8333vw;
	line-height: 1.25vw;
	margin-top: 0.8333vw;
}



.platform-con-item{
	position: relative;
}

.platform-con-item .container{
	position: absolute;
	left: calc(50% - 43.75vw);
	top: 0;
	width: 87.5vw;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 9;
}

.platform-con-item .pic{
	text-align: center;
}

.platform-con-item .pic .phone{
	display: none;
}

.platform-con-item.item-2 .container{
	justify-content: flex-start;
}

.platform-con-item .text{
	width: 42%;
}

.platform-con-item .text em{
	font-size: 10.4166vw;
	line-height: 8vw;
	background: -webkit-linear-gradient(#0072bb, #ffffff);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	font-weight: bold;
	opacity: .1 !important;
}

.platform-con-item .text h2{
	font-size: 2.5vw;
	line-height: 3.125vw;
	color: #0068b7;
}

.platform-con-item .text h3{
	font-size: 1.25vw;
	line-height: 1.875vw;
	color: #333333;
	font-weight: initial;
	margin-top: 0.8333vw;
}

.platform-con-item .text p{
	font-size: 0.94vw;
	line-height: 1.875vw;
	color: #333333;
	margin-top: 3.125vw;
}






/* 人才招聘 */
.train-plan .container{
	position: relative;
}

.train-plan .public-title{
	position: absolute;
	left: 0;
}

.train-plan-tab .tab-nav{
	float: left;
	width: 15%;
	margin-top: 14.5833vw;
	 overflow-x: auto;
}

.train-plan-tab .tab-nav .tab-item,.learning-con .tab-nav .tab-item2{
	font-size: 1.55vw;
	color: #666666;
	margin-bottom: .52vw;
	cursor: pointer;
}

.train-plan-tab .tab-nav .tab-item.active,.learning-con .tab-nav .tab-item2.active {
    color: #0068b7;
}

.train-plan-tab .tab-nav .tab-item.active i,.learning-con .tab-nav .tab-item2.active i{
	font-size: 1.55vw;
	margin-left: .52vw;
	opacity: 1;
	 transition: all 0.6s;
}

.train-plan-tab .tab-nav .tab-item i,.learning-con .tab-nav .tab-item2 i{
	opacity: 0;
	 transition: all 0.6s;
}

.train-plan-tab .tab-content{
	float: right;
	width: 85%;
  overflow: hidden;
}


.train-plan-tab .tab-panel{
	 display: none;
}

.train-plan-tab .con{
	float: left;
	width: 27%;
}

.train-plan-tab .con h3{
	font-size: 1.875vw;
	margin-bottom: 0.64vw;
	color: #333;
}

.train-plan-tab .con p{
	font-size: 0.8333vw;
	line-height: 1.50vw;
	color: #666;
}

.train-plan-tab .con ul li b{
	font-size: 1.04166vw;
	color: #666;
}

.train-plan-tab .con ul li{
	margin-top: .62vw;
}

.train-plan-tab .pic{
	float: right;
	width: 65%;
	border-radius: 24px;
	overflow: hidden;
}

        .tab-panel {
           
        }

        .tab-panel.active {
            display: flex;
			justify-content: space-between;
			align-items: end;
        }
		



.salary{
	background-color: rgba(0, 104, 183, .06);
}

.salary .container{
	position: relative;
}

.salary .container:before{
	position: absolute;
	left: -6.25vw;
	bottom: -14vw;
	width: 40vw;
	height: 40vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
	opacity: .6;
}


.salary .public-title{
	float: left;
	width: 40%;
}

.salary-chara{
	float: right;
	width: 50%;
}

.salary-chara .item:first-child{
	margin-top: 0;
}

.salary-chara .item{
	margin-top: 5.2vw;
	display: flex;
	justify-content: space-between;
}

.salary-chara .item .pic{
	
}

.salary-chara .item .pic img{
	height: 6.6667vw;
}

.salary-chara .item .con{
	width: 80%;
}

.salary-chara .item .con h3{
	color: #333;
	font-size: 1.875vw;
	line-height: 2.08333vw;
	margin-bottom: .52vw;
}

.salary-chara .item .con p{
	color: #666;
	font-size: 1.04166vw;
	line-height: 1.875vw;
}




.development-list .item{
	float: left;
	width: 48%;
	margin-left: 4%;
	border-radius: 24px;
	background-color: #0068b7;
	margin-top: 6.6667vw;
}

.development-list .item:first-child{
	margin-left: 0;
	margin-top: 0;
}

.development-list .item .box{
	padding: 1.04166vw;
}

.development-list .item .pic{
	border-radius: 20px;
	overflow: hidden;
}


.development-list .item .con{
	padding: 1.875vw 1.04166vw;
}

.development-list .item .con h3{
	font-size: 1.875vw;
	color: #fff;
	margin-bottom: 1.04vw;
	font-weight: initial;
}

.development-list .item .con p{
	font-size: 0.94vw;
	color: #fff;
	line-height: 1.875vw;
	opacity: .8;
}




.learning{
	background-color: rgba(0, 104, 183, .06);
}

.learning .container{
	position: relative;
}

.learning .container:before{
	position: absolute;
	right: -6.25vw;
	top: -14vw;
	width: 40vw;
	height: 40vw;
	background: url(../images/page_bg_pic.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content: "";
	opacity: .6;
}



.learning-con .tab-nav{
	width: 50%;
	float: right;
}


.tab-nav .tab-item2{
	cursor: pointer;
}

.tab-item2.active {
    color: #0068b7;
}

.learning-con .tab-content{
	margin-top: 3.125vw;
}

.learning-con .tab-content .pic{
	width: 50%;
	float: left;
	margin-top: 3.125vw;
	border-radius: 24px;
	overflow: hidden;
}

.learning-con .tab-content .con{
	width: 45%;
	float: left;
}

.learning-con .tab-content .con h3{
	font-size: 1.875vw;
	font-weight: initial;
	margin-bottom: 1.04vw;
}

.learning-con .tab-content .con p{
	font-size: 0.8333vw;
	line-height: 1.50vw;
	color: #666;
}



.tab-panel2{
	display: none;
}

.tab-panel2.active {
    display: flex;
	justify-content: space-between;
}




.contact-fdiv{
	 display: flex;
	 position: relative;
}

.contact-fli{
	padding: 2.5vw 0;
	border-top: 3px solid #dddddd;
}

.contact-fli.on{
	border-top: 3px solid #0068b7;
}


.contact-f12{
	width: 15%;
	color: #333333;
	font-size: 1.55vw;
}

.contact-f3{
	width: 13%;.
	color: #333333;
	font-size: 1.55vw;
}

.contact-f46{
	width: 46%;.
	color: #333333;
	font-size: 0.94vw;
	line-height: 1.875vw;
}

.contact-f7{
	width: 2.08333vw;
	height: 2.08333vw;
	border-radius: 50%;
	color: #0068b7;
	position: absolute;
	right: 0;
	background: url(../images/resources_a.png) center center no-repeat;
	background-size: 100%;
}

.contact-fli.on .contact-f7{
	background: url(../images/resources_ah.png) center center no-repeat;
	background-size: 100%;
}




.resources-hbj.padding-box{
	background-color: rgba(0, 104, 183, .06);
	    overflow: initial;
		position: relative;
		margin-top: 10vw;
}

.resources-hbj .container{
	
}

.resources-hbj .resources-mimg{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
}

.resources-hbj .resources-mimg img{
	max-width: initial;
	width: 100%;
	border-top-left-radius: 24px;
}

.resources-m a{
	width: 2.08333vw;
	height: 2.08333vw;
	line-height: 2.08333vw;
	border-radius: 50%;
	color: #fff;
	display: block;
	background-color: #23b8bc;
	text-align: center;
	margin-top: 1.25vw;
}

.resources-m a i{
	font-size: 0.94vw;
}





/* 首页 */

.index-banner {
	position: relative;
	z-index: 1;
}

.index-banner .carousel-slide img.pc {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.index-banner .carousel-indicators {
	bottom: 50px;
}

.index-banner .carousel-controls span{
	display: none;
}


.responsive-carousel {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-slide {
	text-align: center;
	width: 100%;
	background-color: #093290;
	position: relative;
}

.carousel-slide a{
	display: block;
	position: relative;
	z-index: 9;
}

.carousel-slide img.phone {
	display: none;
}

.carousel-slide .particle-container{
	position: absolute;
	top: 5vh;
	left: 0;
	z-index: 1;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.carousel-controls span {
	cursor: pointer;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-weight: bold;
	user-select: none;
}

.carousel-indicators {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.carousel-indicators span {
	display: inline-block;
	width: 20px;
	height: 6px;
	margin: 0 5px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.5s;
}

.carousel-indicators span.active {
	width: 30px;
	background-color: rgba(0, 104, 183, 1);
	transition: all 0.5s;
}




.index-brand-con .con{
	float: left;
	width: 47.5%;
	margin-top: 0.94vw;
}

.index-brand-con .title h2{
	line-height: 1.875vw;
	font-weight: initial;
	color: #0068b7;
}

.index-brand-con .title h2 img{
	height: 1.875vw;
	margin-right: 1.04vw;
}

.index-brand-con .title p{
	line-height: 4.166vw;
	color: #000;
	margin-top: 1.04166vw;
	letter-spacing: 0;
}

.index-brand-con .title p span{
	letter-spacing: -1.25vw;
}


.index-brand-con .text{
	margin-top: 8.8462vw;
	position: relative;
}

.index-brand-con .text p{
	padding-left: 32%;
	color: #757575;
	line-height: 1.875vw;
}

.index-brand-con .text .ahover{
	position: absolute;
	left: 0;
	bottom: 0;
	border: 1px solid #23b8bc;
	width: 2.604166vw;
	height: 2.604166vw;
	border-radius: 1.4vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #23b8bc;
	transition: all 0.6s;
}

.index-brand-con .text .ahover:hover{
	background-color: #23b8bc;
	color: #fff;
}

.index-brand-con .text .ahover i {
	transform: rotate(-45deg);
	transition: all 0.6s;
	font-size: 1.04vw;
}


.index-brand-con .pic{
	float: right;
	width: 47.5%;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}

.index-brand-con .pic .play{
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, 1);
	z-index: 9;
	cursor: pointer;
}

.index-brand-con .pic .play:before{
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	content: "";
	background-color: rgba(35, 184, 188, .3);
	z-index: -1;
	animation: living 2s infinite;
	border-radius: 50%;
}


.index-brand-chara{
	margin-top: 5.72916vw;
	justify-content: space-between !important;
}

.index-brand-chara .item{
	position: relative;
}

.index-brand-chara .item:before{
	position: absolute;
	right: -10vw;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	display: block;
	content: "";
}

.index-brand-chara .item em{
	font-weight: bold;
	color: #0068b7;
}

.index-brand-chara .item em span{
	margin-left: .52vw;
}



.videos{
	
}

.videos-bg{
	
}

.videos-bg #video{
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 999999;
	height: 80vh;
	width: 80%;
	margin: 10vh 10%;
	background: rgba(0, 0, 0, 1);
}

.vclose-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	cursor: pointer;
}

.vclose-box .vclose{
	position: fixed;
	right: 40px;
	top: 40px;
	z-index: 9999999;
	cursor: pointer;
}






.join-banner.index-join::after{
	position: absolute;
	top: -4.1667vw;
	left: 0;
	display: block;
	width: 8.125vw;
	height: 22.45vw;
	content: "";
	background: url(../images/modification.png) center center no-repeat;
	background-size: cover;
	z-index: 99;
	transform: rotate(-180deg);
}




.index-news{
	background: url(../images/index_news_bg.jpg) center center no-repeat;
	background-size: cover;
}

.news-menu {
	display: flex;
	align-items: flex-end;
}

.news-tab {
	float: left;
	line-height: 60px;
	display: flex;
	justify-content: flex-end;
}

.news-tab .tabs-3 {
	margin-right: 55px;
}

.news-tab .tabs-3 a {
	height: 2.6vw;
	display: inline-block;
	font-size: 0.94vw;
	line-height: 2.6vw;
	color: #333333;
	text-align: center;
	margin-left: 1.04166vw;
	position: relative;
	background-color: #fff;
	padding: 0 1.55vw;
	border-radius: 2vw;
}

.news-tab .tabs-3 a:hover {
	color: #23b8bc;
}

.news-tab .tabs-3 a.active {
	color: #fff;
	background-color: #23b8bc;
	font-weight: bold;
}



.news-box .item{
	float: left;
	width: 31.33%;
	margin-left: 3%;
}

.news-box .item:first-child{
	margin-left: 0;
}

.news-box .item a{
	display: block;
	border-radius: 16px;
}

.news-box .item a:hover{
	background-color: rgba(255, 255, 255, 1);
}

.news-box .item .pic{
	border-radius: 16px;
	padding: .64vw;
	border-top: 1px solid #0068b7;
	border-bottom: 1px solid #0068b7;
	transition: all 0.6s;
}

.news-box .item a:hover .pic{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.news-box .item .pic img{
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.news-box .item .con{
	padding: 1.25vw .52vw;
	transition: all 0.6s;
}

.news-box .item a:hover .con{
	padding: 1.25vw 1.65vw;
}


.news-box .item .con span{
	font-size: 0.8333vw;
	color: #757575;
}

.news-box .item .con h2{
	font-size: 1.55vw;
	line-height: 2.08333vw;
	height: 4.16666vw;
	color: #333333;
	margin-top: 0.8333vw;
}

.news-box .item .con p{
	font-size: 0.94vw;
	line-height: 1.875vw;
	height: 3.75vw;
	color: #666666;
	margin-top: 0.94vw;
}




/* 隐私政策 */

.privacy-policy {
	
}

.privacy-policy .subtitle{
	text-align: center;
	font-size: 1.875vw;
	color: #333333;
	padding-bottom: 55px;
	border-bottom: 1px solid #ddd;
	display: block;
}


.privacy-policy .con{
	margin-top: 3.125vw;
	font-size: 0.94vw;
	color: #333333;
	line-height: 1.875vw;
	padding: 0 6.25vw;
}

.privacy-policy .con p{
	text-indent: 2em;
}