@charset "UTF-8";
/* ————— indexBanner start ————— */
.indexBannerBox{position: relative;overflow: hidden;}
.indexBannerBox::before{display: block;content: '';padding-top:48.9795%;}
.indexBanner{height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.indexBannerArrowBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.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: 0px;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;position: relative;}	
.bannerSwiper .swiper-slide::after{content: "";display: block;top: 0;left: 0;width: 100%;height: 100%;position: absolute;background: url(../images/indexBannerBoxBg.png) no-repeat center center;background-size: cover;z-index: 1;}
.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;}
.indexBannerArrow{position: absolute;width: 430px;height: 60px;left: 00px;bottom: 50px;z-index: 2;}
.indexBannerArrowL{float: left;display: inline;margin-right: 5px;}
.indexBannerPrev{float: left;display: inline;width: 48px;height: 48px;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: 2px solid 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: 48px;height: 48px;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{border: 2px solid rgba(255, 255, 255, 0.3);background-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;}
.indexBannerBox .wrap{position: relative;height: 100%;}

.indexBanner .slideText{top: 38%;left: 0;position: absolute;z-index: 10;text-align: left;color: #ffffff;}
.indexBanner .slideText .enText{line-height: 50px;font-size: 36px;color: #ffffff;height: 50px;margin-bottom: 20px;}
.indexBanner .slideText .cnText{line-height: 70px;font-size: 56px;color: #ffffff;height: 70px;margin-bottom: 25px;}
.indexBanner .slideText  .info{line-height: 36px;font-size: 24px;color: #ffffff;height: 36px;}
@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);}}

.commonMore {
	height: 60px;
	border: 2px solid #e5e5e5;
	width: 160px;
	box-sizing: border-box;
	border-radius: 60px;
	position: relative;
	overflow: hidden;
	transition: .4s ease;
	-webkit-transition: .4s ease;
  text-align: center;
}

.commonMore:hover {
	border-color: #0075c2;
}

.commonMore::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0075c2;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.4, 1, 1);
	transform: scale3d(0.4, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.commonMore:hover::before {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.commonMore a {
	display: block;
	position: relative;
	line-height: 56px;
	z-index: 5;
	font-size: 16px;
	color: #333333;
  font-family: 'Alibaba PuHuiTi 2.0 55';
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.commonMore:hover a {
	color: #fff;
}

.commonMore span{
  display: inline-block;
  padding-right: 29px;
	background: url(../images/indexMore.png) right center no-repeat;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.commonMore:hover span {
	background:url(../images/indexMoreH.png) right center no-repeat;
}
/* ————— indexBanner end ————— */
/* ========== 首页 start ========== */
/* ————— 公共 start ————— */

.indexTitle{position: relative;}
.indexTitle::before{content: '';position: absolute;left: -180px;top: 21px;width: 165px;height: 2px;background-color: #e7e7e7;z-index:10;}
.indexTitleR{margin-top: 40px; display: block; float: right;display: inline;font-size: 16px;color: #999999;padding-right: 57px;position: relative;height: 40px;line-height: 40px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexTitleR::before{border-radius: 50%;width: 38px;height: 38px;border: 1px dashed #999999;position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: "";display: block;background: url(../images/indexTitle.png)no-repeat center center / 7px 12px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexTitleR:hover{color: var(--themeColor);}
.indexTitleR:hover::before{background: url(../images/indexTitleH.png)no-repeat center center / 7px 12px;border-color: var(--themeColor);}
.indexTitleL{float: left;display: inline;}
.indexTitleList{overflow: hidden;margin-bottom: 10px;}
.indexTitleList span{font-weight: bold; float: left;display: block; font-size: 30px;color: #333333;width: 55px; height: 55px;line-height: 55px;border-radius: 50%;border: 2px solid #e7e7e7;text-align: center;}
.indexTitleList span.span1{background-color: var(--themeColor);border-color: var(--themeColor);color: #ffffff;}
.indexTitleList span.span2{position: relative;left: -8px;margin-right: 40px;}
.indexTitleList span.span4{position: relative;left: -8px;}
.indexTitleList span.span2::before{position: absolute;top: 50%;right: -30px	;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background-color: var(--themeColor);content: "";display: block;}
.indexTitleL .indexTitleEn{font-size: 18px;color: #afafaf;line-height: 30px;height: 30px;font-weight: bold;}
/* ————— 公共 end ————— */
/* ————— 第一通栏 start ————— */

.indexColumnOne{position: relative;padding: 100px 0;background-color: #ffffff;}
.indexColumnOne .indexTitle::before{display: none;}
.indexColumnOne .indexColumnOneR{width: 41.3265%;position: absolute;top: 0;left: 0;height: 100%;z-index: 2;}
.indexColumnOne .indexColumnOneR .indexVedio{height: 100%;}
.indexColumnOne .indexColumnOneR .indexVedio a{display: block;height: 100%;}
.indexColumnOne .indexColumnOneR .indexVedio a .picC{overflow: hidden;position: relative;height: 100%;}
.indexColumnOne .indexColumnOneR .indexVedio a .picC img{width: 100%;height: 100%;}
.indexColumnOne .indexVedio .text{font-size: 18px;background-color: #ffff; color: #333333;line-height: 60px;height: 60px;padding: 0 20px 0 65px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 30px;}
.indexColumnOne .indexVedio .text::before{content: '';display: block;background:var(--themeColor)  url(../images/indexColumnOneIcon.png) no-repeat center center;width: 42px;height: 42px;border-radius: 50%;top: 50%;transform: translateY(-50%);left: 15px;position: absolute;}
.indexColumnOne .indexColumnOneL{background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.indexColumnOne .indexColumnOneLCon{width: 54.4743%;float: right;}
.indexColumnOne .indexColumnOneLCon .indexTitle{margin-bottom: 113px;}
.indexColumnOne .indexColumnOneLCon .info{line-height: 40px;height: 80px;font-size: 20px;color: var(--themeColor);margin-bottom: 35px;}
.indexColumnOne .indexColumnOneLCon .text{font-size: 18px;color: #666666;line-height: 36px;height: 108px;margin-bottom: 50px;}
.indexColumnOne .indexColumnOneLCon .more{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; margin-bottom: 90px; display: inline-block; font-size: 16px;color: #999999;padding-right: 57px;position: relative;height: 40px;line-height: 40px;}
.indexColumnOne .indexColumnOneLCon .more::before{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-radius: 50%;width: 38px;height: 38px;border: 1px dashed #999999;position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: "";display: block;background: url(../images/indexTitle.png)no-repeat center center / 7px 12px;}
.indexColumnOne .indexColumnOneLCon .more:hover{color: var(--themeColor);}
.indexColumnOne .indexColumnOneLCon .more:hover::before{background: url(../images/indexTitleH.png)no-repeat center center / 7px 12px;border-color: var(--themeColor);}

.indexColumnOneList{overflow: hidden;}
.indexColumnOneList dd{float: left;display: inline;width: 33.333%;}
.indexColumnOneList dd .con{margin-right: 90px;border-top: 4px solid rgba(70, 187, 222, 0.1);padding: 20px 20px 0;display: block;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd .con:hover{border-top-color: var(--themeColor);}
.indexColumnOneList dd:last-child .con{margin-right: 0;box-sizing: border-box;}
.indexColumnOneList dd .con .conC{display: flex; justify-content: space-between;margin-bottom: 25px;}
.indexColumnOneList dd.dd1 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList1.png)no-repeat center center;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd.dd2 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList2.png)no-repeat center center;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd.dd3 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList3.png)no-repeat center center;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd:hover.dd1 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList1H.png)no-repeat center center;}
.indexColumnOneList dd:hover.dd2 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList2H.png)no-repeat center center;}
.indexColumnOneList dd:hover.dd3 .con .conC .icon{width: 45px;height: 45px;background: url(../images/indexColumnOneList3H.png)no-repeat center center;}
.indexColumnOneList dd .con .conC .unm{ font-size: 30px; color: rgba(51, 51, 51, 0.102);line-height: 45px;height: 45px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd:hover .con .conC .unm{color: var(--themeColor);}
.indexColumnOneList dd .entext{font-size: 20px;color: #333;line-height: 30px;height: 30px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd:hover .entext{color: var(--themeColor);}
.indexColumnOneList dd .cntext{font-size: 16px;color: #666;line-height: 26px;height: 26px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnOneList dd:hover .cntext{color: var(--themeColor);}

/* ————— 第一通栏 end ————— */

/* ————— 第二通栏 start ————— */
.indexColumnTwo{background-color: var(--themeColor);background-position: center center;background-repeat: no-repeat;background-size: cover; padding: 98px 0;overflow: hidden;}
.indexColumnTwo .indexTitle{float: left;display: inline;}
.indexColumnTwo .indexTitleL .indexTitleEn{color: #ffffff;}
.indexColumnTwo .indexTitleList span{color: #ffffff;}
.indexColumnTwo .indexTitleList span.span1{color: #ffff;}
.indexColumnTwo .indexTitleList span.span1{border-color: #ffffff;color: var(--themeColor);background-color: #ffffff;position: relative;z-index: 1;}
.indexColumnTwo .indexTitleList span.span2::before{background-color: #ffffff;}
.indexColumnTwo .indexColumnTwoConR{float: right;display: inline;overflow: hidden;margin: 75px 0 60px;}
.indexColumnTwo .indexColumnTwoConR a{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; margin:20px 0 0 50px; display: block; float: right;display: inline;font-size: 16px;color: #ffffff;padding-right: 57px;position: relative;height: 40px;line-height: 40px;}
.indexColumnTwo .indexColumnTwoConR a:hover{color: #666666;}
.indexColumnTwo .indexColumnTwoConR a::before{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-radius: 50%;width: 38px;height: 38px;border: 1px dashed #ffffff;position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: "";display: block;background: url(../images/indexTitleBai.png)no-repeat center center / 7px 12px;}
.indexColumnTwo .indexColumnTwoConR a:hover:before{background: url(../images/indexColumnTwoConRIcon.png)no-repeat center center / 7px 12px;border: 1px dashed #666666;}
.indexColumnTwoConList{ overflow: hidden;position: relative;}
.indexColumnTwoConList::before{content: '';display: block;width: 100%;height: 2px;background-color: rgba(255, 255, 255, 0.5);position: absolute;bottom: 0; left: 0;}
.indexColumnTwoConList dd{cursor: pointer; float: left;display: inline;font-size: 22px;color: rgba(255, 255, 255, 0.5);line-height: 60px;height: 60px;margin-right: 50px;position: relative; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnTwoConList dd:hover{color: #ffffff;}
.indexColumnTwoConList dd.active{color: #ffffff;}
.indexColumnTwoConList dd::before{content: '';display: block;width: 0;height: 2px;background-color: #ffffff;position: absolute;bottom: 0; left: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumnTwoConList dd:hover::before{width: 100%;}
.indexColumnTwoConList dd.active::before{width: 100%;}
.indexColumnTwoConList dd:last-child{margin-right: 0;}
.column2ScrollTab{height: 510px;}
.column2ScrollTab .wrap{position: relative;height: 100%;}
.column2Scroll{overflow: hidden;width: 111.5385%;position: absolute;left: 0;top: 0; height: 0;opacity: 0;}
.column2Scroll.active{opacity: 1;height: auto;}
.column2Scroll .swiper-wrapper .swiper-slide{width: 100%;}
.column2Scroll .swiper-wrapper .swiper-slide .con{display: block;text-align: center;}
.column2Scroll .swiper-wrapper .swiper-slide .con .pic{margin-bottom: 20px;border-radius: 20px;overflow: hidden;background-color: #ffff;}
.column2Scroll .swiper-wrapper .swiper-slide .con .pic::before{padding-top: 60%;}
.column2Scroll .swiper-wrapper .swiper-slide .con .pic img{object-fit: contain;}
.column2Scroll .swiper-wrapper .swiper-slide .con .text{font-size: 20px;color: #ffffff;line-height: 40px;height: 40px;}
.column2ArrowNum{position: absolute;right: 10.5%;bottom: 0;line-height: 50px;font-size: 30px;color: #ffffff;}
.column2ArrowNum i{font-style: normal;}
.column2Arrow{font-size: 0;padding-top: 40px;}
.column2ScrollNext{display: inline-block;width: 50px;height: 50px;border-radius: 50%; background:#ffffff url(../images/column2ScrollNext.png) no-repeat center center;cursor: pointer;}
.column2ScrollPrev{display: inline-block;margin-right: 20px; width: 50px;height: 50px;border-radius: 50%; background:#ffffff url(../images/column2ScrollPrev.png) no-repeat center center;cursor: pointer;}
/* ————— 第二通栏 end ————— */
/* ————— 第三通栏 start ————— */
.indexColumnThree{padding:100px 0 90px ;background-color: #f9f9f9;overflow: hidden;}
.indexColumnThree .con{margin: 50px 0 30px;}
.indexColumnThree .con a{display: block;border-radius: 10px;position: relative;}
.indexColumnThree .con a .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;  width: 100%;font-size: 72px;color: #ffffff;line-height: 108px;font-weight: bold;font-family: 'SourceHanSerifCN';}
.indexColumnThree .con a .pic{border-radius: 10px;overflow: hidden;}
.indexColumnThree .con a .pic::before{padding-top: 33.4615%;}
.indexColumnThreeList{overflow: hidden;margin-right: -30px;}
.indexColumnThreeList dd{margin-bottom: 30px;float: left;display: inline;width: 33.3333%;}
.indexColumnThreeList dd a{margin-right: 30px;display: block;border-radius: 10px;}
.indexColumnThreeList dd a .pic{border-radius: 10px;overflow: hidden;margin-bottom: 10px;}
.indexColumnThreeList dd a .pic::before{padding-top: 66.6666%;}
.indexColumnThreeList dd a .text{display: flex;justify-content: space-between;}
.indexColumnThreeList dd a .text .textC{font-size: 20px;color: #333333;height: 40px;line-height: 40px;}
.indexColumnThreeList dd:hover a .text .textC{color: var(--themeColor);}
.indexColumnThreeList dd a .text .more{font-size: 14px;color: var(--themeColor);height: 40px;line-height: 40px;padding-right: 40px;background: url(../images/indexColumnThreeListIcon.png) no-repeat right center;text-transform: uppercase;}
/* ————— 第三通栏 end ————— */
/* ————— 第四通栏 start ————— */
.indexColumnFour{background-color: #ffffff;padding: 100px;overflow: hidden;}
.indexColumnFour .indexTitle{margin-bottom: 60px;}
.column4Scroll{overflow: hidden;position: relative;padding-bottom: 100px;}
.column4Scroll .bd{overflow: hidden;}
.column4Scroll .bd .swiper-wrapper .swiper-slide{width: 100%;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con{display: block;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .pic{border-radius: 10px;overflow: hidden;margin-bottom: 30px;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .pic::before{padding-top: 66.7382%;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .text{font-size: 20px;color: #333333;line-height: 35px;height: 70px;margin-bottom: 15px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4Scroll .bd .swiper-wrapper .swiper-slide:hover .con .text{color: var(--themeColor);}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .time{display: flex;justify-content: space-between;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .time .timeC{font-size: 18px;color: #999999;height: 30px;line-height: 30px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4Scroll .bd .swiper-wrapper .swiper-slide:hover .con .time .timeC{color: var(--themeColor);}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .time .more{font-size: 14px;color: var(--themeColor);height: 30px;line-height: 30px;padding-right: 40px;background: url(../images/indexColumnThreeListIcon.png) no-repeat right center;text-transform: uppercase;}
.column4ScrollNext{width: 50px;height: 50px;border-radius: 50%; background:#ffffff url(../images/column2ScrollNext.png) no-repeat center center;position: absolute;bottom: 10px; right: 46%;cursor: pointer;box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.06);transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4ScrollPrev{width: 50px;height: 50px;border-radius: 50%; background:#ffffff url(../images/column2ScrollPrev.png) no-repeat center center;position: absolute;bottom: 10px; left: 46%;cursor: pointer;box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.06);transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4ScrollNext:hover{background:var(--themeColor) url(../images/column2ScrollNextH.png) no-repeat center center;}
.column4ScrollPrev:hover{background:var(--themeColor) url(../images/column2ScrollPrevH.png) no-repeat center center;}
/* ————— 第四通栏 end ————— */
/* ========== 首页 end ========== */