@charset "UTF-8";
/* ========== 首页 start ========== */
/* ————— indexBanner start ————— */
.indexBannerBox{position: relative;overflow: hidden;height: 100%;}
.indexBanner{height: 100%;position: absolute;width: 100%;top: 0;left: 0;overflow: hidden;}
.scrollBottom{padding-left: 35px;line-height: 30px;height: 30px;font-size: 16px;color: #fff;background: url("../images/scrollBg.png") no-repeat left center;font-family: 'Alibaba PuHuiTi 2.0 55';position: absolute;right: 120px;bottom: 50px;z-index: 2;cursor: pointer;animation: moveUp 3s linear infinite;-webkit-animation: moveUp 3s linear infinite;}
@keyframes moveUp{
  0%{
    bottom: 50px;
  }
  25%{
    bottom: 55px;
  }
  50%{
    bottom:50px;
  }
  75%{
    bottom: 45px;
  }
  100%{
    bottom: 50px;
  }
}
.bannerSwiper{height: 100%;width: 100%;}
.bannerSwiper .swiper-slide{text-align: center;font-size: 18px;background: #fff;overflow:hidden;}	
.slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;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;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.bannerSwiper .swiper-slide .video{width: 100%;height: 100%;object-fit: cover;}
.indexBannerArrowL{float: left;display: inline;margin-right: 5px;}
.indexBannerPrev{float: left;display: inline;width: 56px;height: 56px;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.6);background: url("../images/indexBannerPrev.png") no-repeat center center;margin-right: 20px;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexBannerPrev:hover{background-color: rgba(255, 255, 255, 0.3);border-color: rgba(255, 255, 255, 0.3);}
.indexBannerArrowL .num{overflow: hidden;line-height: 60px;height: 60px;font-size: 24px;color: #ffffff;}
.indexBannerArrowR{float: right;display: inline;margin-left: 10px;}
.indexBannerNext{float: right;display: inline;width: 56px;height: 56px;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.6);background: url("../images/indexBannerNext.png") no-repeat center center;margin-left: 20px;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexBannerNext:hover{background-color: rgba(255, 255, 255, 0.3);border-color: rgba(255, 255, 255, 0.3);}
.indexBannerArrowR .count{overflow: hidden;line-height: 60px;height: 60px;font-size: 24px;color: #ffffff;}
.indexBannerArrow .line{overflow: hidden;position: relative;padding-top: 29px;}
.indexBannerArrow .line::before{display: block;content: ""; width: 100%;height: 1px;position: absolute;bottom: 0;background: rgba(255, 255, 255, 0.3);left: 0;}
.indexBannerArrow .line .lineBg{width: 0%;transition: all 0.3s;-webkit-transition: all 0.3s; height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.indexBanner .slideText{line-height: 75px;font-size: 48px;color: #ffffff;top: 30%;left: 120px;position: absolute;font-family: 'Alibaba PuHuiTi 2.0 85';z-index: 2;text-align: left;}
@keyframes quanquan{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}

.indexBanner .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	display: flex;
	flex-direction: column;
	text-align: left;
	z-index: 10;
	font-family: 'Coca-ColaCareFontKaiTi';
}
.indexBanner .slide-inner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
.indexBanner .text .titleMax {
	padding-top: 16.875rem;
	font-size: 4.25rem;
	line-height: 6.25rem;
}
.indexBanner .text .titleMin {
	font-size: 2.125rem;
	line-height: 5rem;
}
 .indexBannerArrow {
	position: absolute;
	bottom: 9.375rem;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 3.75rem;
}
 .indexBannerArrow .wrap{
	position: relative;
	height: 100%;
 }

.bannerPaeg div {
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	position: absolute;
	bottom: .3rem;
	z-index: 20;
}
.bannerPaeg .prev {
	left: 0;
}
.bannerPaeg .prev:hover{
	background-color: #fff;
}
.bannerPaeg .next {
	left: 23.75rem;
}
.bannerPaeg .next:hover{
	background-color: #fff;	
}
.bannerPaeg span {
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 2rem;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 2rem;
    /* 必须添加 background-color 才能让 mask 区域可见 */
    background-color: #fff;
    transition: background-color 0.3s, border-color 0.3s;
}
.bannerPaeg .prev span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
}
.bannerPaeg .prev:hover span {
    background-color: #fff;
}
.bannerPaeg .prev:hover {
	background-color: var(--themeColor);
}
.bannerPaeg .next span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
}
.bannerPaeg.next:hover span {
    background-color: #fff;
}
.bannerPaeg .next:hover {
	background-color: var(--themeColor);
}

.custom-progress {
    width: 12.5rem;
    height: 2px;
    background: rgba(255,255,255,0.5);
    position: absolute;
   left: 6.875rem;
	bottom: 2rem;
}
.custom-progress-bar {
    width: 0;
    height: 100%;
    background: #fff;
    transition: width 0.5s ease;
}
.pageBtEl .pageNum span {
	display: inline-block;
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	bottom: 1.25rem;
}
.pageBtEl .pageNum .span1 {
	left: 5rem;
}
.pageBtEl .pageNum .span2 {
	left: 20rem;
}
.indexBannerDown {
	display: inline-block;
	height: 1.875rem;
	width: 5.625rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: 1.875rem;
	right: 0;
	
	 animation: floatUpDown 2s infinite;
}
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}
/* ————— indexBanner end ————— */
/* ========== 首页 start ========== */
/* 公共部分 start */
.inTitle {
	position: relative;
	padding-top: 1.5625rem;
	min-width: 20rem;
}
.inTitle .titleNg {
	font-size: 3.25rem;
	color: #999;
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
}
.inTitle .tltleCn span {
	display: inline-block;
	font-size: 2rem;
	line-height: 3rem;
	color: #333333;
	position: relative;
	z-index: 1;
	padding-left: 2.5rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 2rem;
}
.indexMore a {
	display: flex;
	width: 11.875rem;
	box-sizing: border-box;
	height: 3.125rem;
	line-height: 3.125rem;
	align-items: center;
	font-size: 1.125rem;
	color: #fff;
	background-color: var(--themeColor);
	border-radius: 0 1.65rem 0 1.65rem;
	column-gap: 1.875rem;
	padding: 0 1.875rem;
}
.indexMore a em {
	width: .5rem;
	height: .5rem;
	border-radius: 100%;
	background-color: #fff;
	position: relative;
}
.indexMore a em::before {
	content: '';
	position: absolute;
	top: -.25rem;
	left: -.25rem;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	animation: pulse 2s infinite;
}
.indexFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
/* 公共部分 end */

/* 第一栏 start */
.indexColumn1 {
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 6.25rem;
}
.indexColumn1 .wrap {
	position: relative;
}
.indexC1Swiper {
	position: relative;
	overflow: hidden;
	margin: 5rem 0 4.375rem;
}
.indexC1Swiper .pic {
	overflow: hidden;
	border-radius: 10px;
}
.indexC1Swiper .pic::before{
	padding-top: 63.2653%;
}
.indexC1Swiper .title {
	font-size: 1.125rem;
	line-height: 2rem;
	color: #333;
	height: 4rem;
	margin: 1.375rem 0 2rem;
}
.indexC1Swiper .timeMore {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexC1Swiper .time {
	font-size: 1rem;
	color: #666;
}
.indexC1Swiper .more {
	font-size: 1rem;
	color: var(--themeColor);
	text-transform: uppercase;
	padding-right: 3rem;
	position: relative;
	transition: .3s;
}
.indexC1Swiper .more:hover {
	font-weight: 500;
}
.indexC1Swiper .more::before {
	display: block;
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/icon/inc1more.png);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -.75rem;
	transition: .3s;
	transform: translateX(0);
}
.indexC1Swiper .more:hover::before{
	transform: translateX(10px);
}
.swiperPage {
	column-gap: 1.25rem;
}
.swiperPage div {
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 0 0  8px rgba(0,0,0,.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	z-index: 200;
}
.swiperPage .prev:hover{
	background-color: var(--themeColor);
}

.swiperPage .next:hover{
	background-color: #fff;	
}
.swiperPage span {
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 1.75rem;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 1.75rem;
    /* 必须添加 background-color 才能让 mask 区域可见 */
    background-color: var(--themeColor);
    transition: background-color 0.3s, border-color 0.3s;
}
.swiperPage .prev span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
}
.swiperPage .prev:hover span {
    background-color: #fff;
}
.swiperPage .prev:hover {
	background-color: var(--themeColor);
}
.swiperPage .next span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
}
.swiperPage .next:hover span {
    background-color: #fff;
}
.swiperPage .next:hover {
	background-color: var(--themeColor);
}
/* 第一栏 end */
/* 第二栏 start */
.indexColumn2 {
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: 6.25rem;
}
.indexColumn2 .inVidoMain {
	display: flex;
	column-gap: 9.2564%;
	align-items: center;
	margin-top: 6.25rem;
}
.indexColumn2 .inVidoMain .videoBox {
	width: 42.5rem;
	height: 28.125rem;
	border-radius: 1rem;
	border: 1px solid var(--themeColor);
}
.indexColumn2 .inVidoMain .video {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 1rem;
	cursor: pointer;
	position: relative;
	bottom: 15px;
	right: 15px;
}
.indexColumn2 .inVidoMain .playVido {
	width: 6.875rem;
	height: 6.875rem;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 20;
}
.indexColumn2 .inVidoMain .playVido::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/icon/playvido3.png);
	 animation: spin 6s linear infinite;
}
@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
  .inVidoMain .text {
	flex: 1;
  }
  .mapDl {
	margin: 3rem 0 3.75rem;
	display: flex;
	column-gap: 10rem;
  }
  .mapDl .con .number,
  .mapDl .con em
   {
	font-size: 2.1875rem;
	color: var(--themeColor);
	font-style: normal;
  }
  .mapDl .con .post {
	font-size: 1rem;
	line-height: 1.875rem;
	width: 1.875rem;
	border-radius: 100%;
	background-color: var(--themeColor);
	 color: #fff;
	 margin-left: 1rem;
	 text-align: center;
  }
  .mapDl .con .num {
	display: flex;
	align-items: center;
  }
  .mapDl .con .client {
	margin-top: .5rem;
	font-size: 1rem;
	line-height: 1rem;
	color: #666;
  }
   .inVidoMain .title {
	font-size: 1.5rem;
	line-height: 3.75rem;
	color: #f60a00;
   }
     .inVidoMain .textC {
	margin: 1rem 0 3.75rem;
	font-size: 1.125rem;
	line-height: 2.25rem;
	height: 6.75rem;
	color: #666;
   }
/* 第二栏 end */

/* 第三栏 start
.indexColumn3 {
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
.indexC3MaxSwiper::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/inc3xd.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}
.indexC3SwiperBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}
.indexC3MaxSwiper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.indexC3MaxSwiper .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.indexC3MaxSwiper .bg::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
}
.indexColumn3 .titlePage {
	position: relative;
	z-index: 1200;
	padding-top: 8.75rem;
}
.indexC3MaxSwiper .con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
}
.textDatBox {
	position: absolute;
	width: 100%;
	height:20rem;
	bottom: 8.125rem;
}
.textData {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2000;
	width: 40.625rem;
	height: 100%;
}
.textDatBox .wrap {
	position: relative;
	height: 100%;
}

.pageNumTitle {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
	position: relative;
	z-index: 5000;
	color: #fff;
}
.pageNumTitle .pageNum {
	display: flex;
	color: #fff;
}
.pageNumTitle .pageNum .span1,
.pageNumTitle .pageNum em {
	font-size: 1.125rem;
	line-height: 2.5rem;
}
.pageNumTitle  .span2 {
	font-size: 3.75rem;
	font-weight: 700;
}
.pageNumTitle  .title {
	flex: 1;
	font-size: 2.25rem;
	line-height: 2.25rem;
	height: 2.25rem;
	font-weight: 700;
}
.pageNumTitle .line {
	width: 3.5rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}
.textData .textC {
	font-size: 1.25rem;
	line-height: 2.5rem;
	height: 7.5rem;
	margin: 2.3125rem 0 1.4375rem;
	position: relative;
	z-index: 1200;
	color: #fff;
}
.indexC3MinSwiper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1002;
	overflow: hidden;
}

.indexC3MinSwiper .swiper-slide {
	width: auto !important;
	height: auto !important;
}
.indexC3MinSwiper .indexMore {
	position: relative;
	z-index: 20000;
}
.indexC3MinSwiper dd{
	position: absolute;
	z-index: 4000;
}
.indexC3MinSwiper .swiper-slide .con {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.indexC3MinSwiper .t {
	font-size: 1.125rem;
	line-height: 2.5rem;
	color: #fff;
	font-weight: bold;
}
.indexC3MinSwiper .icon {
	width: 1.875rem;
	height: 1.875rem;
	border: 1px solid #fff;
	border-radius: 100%;
	position: relative;
}
@keyframes circle-opacity 
{
	
	0% {
		opacity: .2;
		transform:scale(1);
	}
	100% {
		opacity: .8;
		transform:scale(1.5);
	}
}
.indexC3MinSwiper .icon::before{
	display: block;
	content: '';
	width: .5rem;
	height: .5rem;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.indexC3MinSwiper .icon::after{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
}
.indexC3MinSwiper dd:nth-child(6n-5){
	left: 12.5rem;
	bottom: 59vh;
}
.indexC3MinSwiper dd:nth-child(6n-4){
	left: 32.5rem;
	bottom: 51.7vh;
}
.indexC3MinSwiper dd:nth-child(6n-3){
	left: 50.3125rem;
	bottom: 47.3vh;
}
.indexC3MinSwiper dd:nth-child(6n-2){
	left: 68.125rem;
	bottom: 41.3vh;
}
.indexC3MinSwiper dd:nth-child(6n-1){
	right: 31.25rem;
	bottom: 37.5vh;
}
.indexC3MinSwiper dd:nth-child(6n){
	right: 11.25rem;
	bottom: 47.5vh;
}
.indexC3MinSwiper .swiper-slide-thumb-active .icon::after {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
	animation: circle-opacity 1s infinite;
}
.indexC3MinSwiper .swiper-slide-thumb-active .icon {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
	opacity: 0.8;
} */


.indexColumn3 {
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
.indc3Line{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}
.indexC3SwiperBox::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/inc3xd.png);
}
.indexC3SwiperBox::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 13;
	background-color: rgba(0, 0, 0, 0.2);
}
.indexC3SwiperBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	overflow: hidden;
}
.indexC3SwiperBox .swiper-wrapper {
	position: relative;
	z-index: 1000;
}
.indexColumn3 .titlePage {
	position: relative;
	z-index: 1200;
	padding-top: 8.75rem;
}
.indexC3MaxSwiper .conTic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
}
.textDatBox {
	position: absolute;
	width: 100%;
	height:20rem;
	bottom: 8.125rem;
}
.textData {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2000;
	width: 40.625rem;
	height: 100%;
}
.textDatBox .wrap {
	position: relative;
	height: 100%;
}

.pageNumTitle {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
	position: relative;
	z-index: 5000;
	color: #fff;
}
.pageNumTitle .pageNum {
	display: flex;
	color: #fff;
}
.pageNumTitle .pageNum .span1,
.pageNumTitle .pageNum em {
	font-size: 1.125rem;
	line-height: 2.5rem;
}
.pageNumTitle  .span2 {
	font-size: 3.75rem;
	font-weight: 700;
}
.pageNumTitle  .title {
	flex: 1;
	font-size: 2.25rem;
	line-height: 2.25rem;
	height: 2.25rem;
	font-weight: 700;
}
.pageNumTitle .line {
	width: 3.5rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}
.textData .textC {
	font-size: 1.25rem;
	line-height: 2.5rem;
	height: 7.5rem;
	margin: 2.3125rem 0 1.4375rem;
	position: relative;
	z-index: 1200;
	color: #fff;
}
.indexC3MinSwiper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	overflow: hidden;
}

.indexC3MinSwiper .swiper-slide {
	width: auto !important;
	height: auto !important;
}
.indexC3MinSwiper .indexMore {
	position: relative;
	z-index: 20000;
}
.indexC3MinSwiper dd{
	position: absolute;
	z-index: 4000;
}
.indexC3MinSwiper .swiper-slide .conTic{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.indexC3MinSwiper .t {
	font-size: 1.125rem;
	line-height: 2.5rem;
	color: #fff;
	font-weight: bold;
}
.indexC3MinSwiper .icon {
	width: 1.875rem;
	height: 1.875rem;
	border: 1px solid #fff;
	border-radius: 100%;
	position: relative;
}
@keyframes circle-opacity 
{
	
	0% {
		opacity: .2;
		transform:scale(1);
	}
	100% {
		opacity: .8;
		transform:scale(1.5);
	}
}
.indexC3MinSwiper .icon::before{
	display: block;
	content: '';
	width: .5rem;
	height: .5rem;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.indexC3MinSwiper .icon::after{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
}
.indexC3MinSwiper dd:nth-child(6n-5){
	left: 12.5rem;
	bottom: 59vh;
}
.indexC3MinSwiper dd:nth-child(6n-4){
	left: 32.5rem;
	bottom: 51.7vh;
}
.indexC3MinSwiper dd:nth-child(6n-3){
	left: 50.3125rem;
	bottom: 47.3vh;
}
.indexC3MinSwiper dd:nth-child(6n-2){
	left: 68.125rem;
	bottom: 41.3vh;
}
.indexC3MinSwiper dd:nth-child(6n-1){
	right: 31.25rem;
	bottom: 37.5vh;
}
.indexC3MinSwiper dd:nth-child(6n){
	right: 11.25rem;
	bottom: 47.5vh;
}
.indexC3MinSwiper .swiper-slide.active .icon::after {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
	animation: circle-opacity 1s infinite;
}
.indexC3MinSwiper .swiper-slide.active .icon {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
	opacity: 0.8;
}

/* 第三栏 end */

/* 首页end */

/* 公司简介 start */
.gsjjColumn {
	padding: 4.375rem 0;
}
.gsjjColumn .logoText {
	display: flex;
	align-items: center;
	column-gap: 10.625rem;
}
.gsjjColumn .logo {
	width: 24.375rem;
	height: 4.375rem;
}
.gsjjColumn .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.gsjjColumn .text {
	flex: 1;
	font-size: 1.125rem;
	color: #666;
	line-height: 2.25rem;
}
.gsjjColumn .bg {
	margin: 3.75rem 0;
	padding: 8.75rem 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.gsjjColumn .bg::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.gsjjColumn .bg .text2 {
	text-align: center;
	position: relative;
	z-index: 50;
	color: #fff;
}
.gsjjColumn .bg .title span {
	display: inline-block;
	line-height: 2.625rem;
	font-size: 1.625rem;
	background-repeat: no-repeat;
	padding-left: 3.75rem;
	background-position: left calc(100% - .1rem);
	background-size: 2rem;
}
.gsjjColumn .bg .textC {
	font-size: 1.5rem;
	line-height: 3.75rem;
	margin-top: 2rem;
}
/* 公司简介end */

/* 联系我们 start */
.lxUsFromColumn {
	padding: 4.375rem 0;
	background-color: #fff;
}
.lxUsFromColumn .main {
	display: flex;
	column-gap: 10.625rem;
	box-shadow:  0 0 10px rgba(0,0,0,.1);
}
.lxUsFromColumn .formText {
	width: 41.6666%;
}
.lxUsFromColumn .lxFormBg {
	flex: 1;
	padding: 1.875rem;
}
.lxUsFromColumn .usTitle span {
	display: inline-block;
	line-height: 3.125rem;
	font-size: 1.5625rem;
	padding-bottom: .75rem;
	position: relative;
	font-weight: bold;
}
.lxUsFromColumn .usTitle.usTitle1 span{
	color: #fff;
}
.lxUsFromColumn .usTitle.usTitle1 span::before{
	background-color: #fff;
}
.lxUsFromColumn .usTitle span::before {
	display: block;
	content: '';
	width: 1.625rem;
	height: 3px;
	background-color: var(--themeColor);
	position: absolute;	
	left: 0;
	bottom: 0;
}
.lxForm {
	display: flex;
	flex-wrap: wrap;
	margin: 3.125rem 0 0;
	column-gap: 6.25rem;
	width: 100%;
}
.lxForm .item {
	width: calc(50% - 3.125rem);
	margin-bottom: 2rem;
}
.lxForm .item .lable {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #999;
	margin-bottom: .625rem;
	font-family: 'Poppins';
}
.lxForm .w100 {
	width: 100%;
}
.lxForm .input {
	border: none;
	border-bottom: 1px solid #ddf3fc;
	padding: 0 !important;
	line-height: 1.875rem;
	height: 1.875rem;
}
.lxForm .input input {
	line-height: 1.875rem;
	height: 1.875rem;
	font-size: 1.25rem;
	color: #333;
}
.lxForm .yzmItem {
	display: flex;
	column-gap: 1rem;
}
.lxForm .yzmItem .yzmCon {
	width: 17.375rem;
}
.lxForm .yzmItem .img {
	width: 12rem;
	height: 4.6875rem;
	overflow: hidden;
	border-radius: 5px;
	background-color: #fafafa;
	cursor: pointer;
}
.lxForm .yzmItem img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.lxForm .yzmItem .post {
	font-size: 1.125rem;
	color: #999;
	cursor: pointer;
	text-wrap: nowrap;
}
.lxForm  textarea {
	font-size: 1.25rem;
	color: #333;
	line-height: 1.875rem;
	min-height: 5.625rem;
	width: 100%;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #ddf3fc;
}

.upLxForm {
	display: flex;
	align-items: center;
	column-gap: 3.125rem;
}
.upLxForm .a2 {
	width: 10rem;
	height: 3.125rem;
	line-height: 3.125rem;
	border: 2px solid #999999;
	border-radius: 3.125rem;
	font-size: 1.25rem;
	color: #333;
	text-align: center;
}
.upLxForm .a1{
	display: flex;
	width: 10rem;
	box-sizing: border-box;
	height: 3.125rem;
	line-height: 3.125rem;
	align-items: center;
	font-size: 1.25rem;
	color: #fff;
	background-color: var(--themeColor);
	border-radius: 3.125rem;
	column-gap: 1.875rem;
	padding: 0 1.875rem;
}
.upLxForm .a1 em {
	width: .5rem;
	height: .5rem;
	border-radius: 100%;
	background-color: #fff;
	position: relative;
}
.upLxForm .a1 em::before {
	content: '';
	position: absolute;
	top: -.25rem;
	left: -.25rem;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	animation: pulse 2s infinite;
}
.formText {
	padding: 1.875rem 2.5rem 1.875rem 4.375rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--themeColor);
}
.formTextDl{
	margin: 2.5rem 0 0;
	color: #fff;
}
.formTextDl dd {
	margin-bottom: 3.125rem;
}
.formTextDl .address{
	font-size: 1.625rem;
	line-height: 2.75rem;
	font-weight: bold;
}
.formTextDl .phone {
	font-size: 1.5rem;
	line-height: 2.75rem;
}
.item.active .input input,
.item.active .textArea textarea {
    border-bottom: 1px solid var(--themeColor);
}
.item.active .lable { color: var(--themeColor); }
/* 联系我们 end */

.imgText1 dd {
	margin-bottom: 1.875rem;
}
.imgText1 a {
	padding: 1.875rem;
	column-gap: 3.125rem;
	align-items: center;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.imgText1 .img {
	width: 23.75rem;
}
.imgText1 .pic{
	overflow: hidden;
	border-radius: .5rem;
}
.imgText1 .pic::before{
	padding-top: 56.5789%;
}
.imgText1 .title {
	font-size: 1.375rem;
	line-height: 1.375rem;
	height: 1.375rem;
	color: #333;
	transition: .3s;
}
.imgText1 .textC {
	font-size: 1rem;
	line-height: 1.75rem;
	height: 3.5rem;
	color: #666;
	margin: 1.625rem 0 1.5rem;
	transition: .3s;
}
.imgText1 .time {
	font-size: 1rem;
	color: #999;
}
.imgText1 .more {
	width: 2.25rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2.25rem,1.2rem;
	background-image: url(../images/icon/more2.png);
	margin-left: 2.5rem;
	transition: .3s;
}
.imgText1 a:hover {
	background-color: var(--themeColor);
	background-image: url(../images/imgtextbg.png);
	border-radius: 0 1rem 0 1rem;
}
.imgText1 a:hover .title {
	color: #fff;
}
.imgText1 a:hover .textC {
	color: #fff;
}
.imgText1 a:hover .time {
	color: #fff;
}
.imgText1 a:hover .more {
	background-image: url(../images/icon/more2h.png);
}

.addTextList1 a {
	padding: 3.875rem 1.875rem 3.875rem 0;
	column-gap: 3.125rem;
	align-items: center;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.addTextList1 .time {
	width: 11.25rem ;
	border-right: 1px solid #e5e5e5;
	transition: .3s;
}

.addTextList1  .day {
	font-size: 1.75rem ;
	line-height: 3rem ;
	color: #333;
	transition: .3s;
}
.addTextList1  .year {
	font-size: 1.125rem ;
	line-height: 3rem ;
	color: #999;
	transition: .3s;
}

.addTextList1 .title {
	font-size: 1.375rem;
	line-height: 1.375rem;
	height: 1.375rem;
	color: #333;
	transition: .3s;
}
.addTextList1 .textC {
	font-size: 1rem;
	line-height: 1.75rem;
	height: 3.5rem;
	color: #666;
	margin: 1.625rem 0 0;
	transition: .3s;
}
.addTextList1 .more {
	width: 2.25rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2.25rem,1.2rem;
	background-image: url(../images/icon/more2.png);
	margin-left: 2.5rem;
	transition: .3s;
}


.addTextList1 a:hover {
	background-color: var(--themeColor);
	background-image: url(../images/imgtextbg.png);
	border-radius: 0 1rem 0 1rem;
}
.addTextList1 a:hover .title {
	color: #fff;
}
.addTextList1 a:hover .textC {
	color: #fff;
}
.addTextList1 a:hover .time {
	color: #fff;
}
.addTextList1 a:hover .more {
	background-image: url(../images/icon/more2h.png);
}
.addTextList1 a:hover .time {
	border-color: #fff;
}
.addTextList1 a:hover .day {
	color: #fff;
}
.addTextList1 a:hover .year {
	color: #fff;
}
/* 图文 end */


/* 业务板块 start */
.ywbkColumn {
	padding: 5rem 0 4.375rem;
}
.ywbkColumn .img {
	width: 38.125rem;
	margin:0 5rem 0 2rem;
	overflow: hidden;
}
.ywbkColumn .pic::before{
	padding-top: 78.6885%;
}
.ywbkColumn .text {
  min-height: 28.125rem;
  padding-top: max(100px, calc((28.125rem - 100%) / 2));
}

.ywbkColumn .title {
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #333;
	margin-bottom: 2.125rem;
}
.ywbkColumn .textC {
	font-size: 1.125rem;
	line-height: 2.25rem;
	color: #666;	
}
/* 业务板块 end */