@charset "UTF-8";
/* ========== 首页 start ========== */
/* ————— indexBanner start ————— */
.indexBannerBox{position: relative;overflow: hidden;    width: 100%;
    height: 100%;
    object-fit: cover;}

.indexBanner{height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.scrollBottom{padding-left: 70px;height: 70px;;background: url("../images/footBottom.png") no-repeat center center;font-family: 'Alibaba PuHuiTi 2.0 55';position: absolute;right: 55px;top: -35px;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;}
.indexBannerArrow{position: absolute;width: 70px;height: 60px;left: 0px;bottom: 50px;z-index: 4;}
.indexBannerArrowL{float: left;display: inline;}
.indexBannerPrev{float: left;display: inline;width: 10px;height: 56px;background: url("../images/indexBannerPrev.png") no-repeat center center / 10px;margin-right: 8px;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexBannerArrowL .num{overflow: hidden;line-height: 60px;height: 60px;font-size: 24px;color: #ffffff;}
.indexBannerArrowR{float: right;display: inline;}
.indexBannerNext{float: right;display: inline;width: 10px;height: 56px;border-radius: 50%;background: url("../images/indexBannerNext.png") no-repeat center center / 10px;margin-left: 8px;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexBannerArrowR .count{overflow: hidden;line-height: 65px;height: 60px;font-size: 16px;color: #d9d9d9;}
.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{top: 23%;left: 0px;position: absolute;font-family: 'Alibaba PuHuiTi 2.0 85';z-index: 2;text-align: left;}
.indexBanner .slideText .title{font-size:96px;line-height: 185px;height: 185px;color: #fff;position: relative;margin-bottom: 20px;}
.indexBanner .slideText .title::before{display: block;content: '';width: 50px;height: 5px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.indexBanner .slideText .text{font-size:48px;line-height: 60px;height: 120px;color: #fff;margin-bottom: 165px;}
.indexBanner .indexBannerC .slidetitle{overflow: hidden;position: absolute;left: 0;bottom: 22%;z-index: 2;}
.indexBanner .indexBannerC .slidetitle dd{float: left;display: inline;margin-right: 80px;position: relative;}
.indexBanner .indexBannerC .slidetitle dd .ljIcon{font-size: 30px;color: #ffffff;}
.indexBanner .indexBannerC .slidetitle dd::before{display: block;content: '';width: 8px;height: 8px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%; position: absolute;bottom: 15px;right: -50%;}
.indexBanner .indexBannerC .slidetitle dd:last-child::before{display: none;}
.indexBanner .indexBannerC .slidetitle dd a{display: block;text-align: center;}
.indexBanner .indexBannerC .slidetitle dd a img{width: 30px;height: 30px;}
.indexBanner .indexBannerC .slidetitle dd span{font-size: 18px;line-height: 40px;height: 40px;color: #fff;text-align: center;}
.indexBanner .wrap{height: 100%;position: relative;}
.indexBannerC{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.indexBannerDot{position: absolute;bottom: 75px !important;z-index: 3;text-align: right;}
.indexBannerDot span{background: rgba(255, 255, 255, 0.5) !important;opacity: 1;margin: 0 10px !important;}
.indexBannerDot span.swiper-pagination-bullet-active{background: #fff !important;}
@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 */
.section .title{margin-bottom: 40px;}
.section .title .titleCn{font-size: 36px;color: #333;height: 60px;line-height: 60px;}
.section .title .titleNg{font-size: 24px;height: 40px;line-height: 40px;position: relative;display: inline-block;padding-right: 30px;}
.section .title .titleNg::after{content: '';display: block;width: 14px;height: 14px; border-radius: 50%;background-color: #7fece6;position: absolute;top: 30%;right: 3%;}
.section .title .titleNg::before{content: '';display: block;width: 12px;height: 12px; border-radius: 50%;background-color: transparent ;border: solid 1px var(--themeColor); position: absolute;top: 15%;right: 0; z-index: 1;}
/*首页公共end */
/* 第一通栏start */
.indexColumn1{background-size: cover;height: 100%;}
.indexColumn1C{margin-bottom: 140px;}
.indexColumn1C .text .textC{width: 40.512%;}
.indexColumn1C .text .textC .titleC{font-size: 24px;height: 80px;line-height: 40px; color: #013092;margin-bottom: 15px;}
.indexColumn1C .text .textC .info{font-size: 16px;height: 90px;line-height: 30px; color: #666;margin-bottom: 80px;}

.indexColumn1C .text .indexBtn{border: solid 1px #e9edf7;transition: all 0.3s linear; -webkit-transition: all 0.3s linear; background-color: #fff;display: inline-block;height: 50px;border-radius: 50px;}
.indexColumn1C .text .indexBtn a{display: block;height: 50px;line-height: 50px;position: relative;padding: 0 60px 0 30px;}
.indexColumn1C .text .indexBtn a span{font-size: 16px;height: 50px;line-height: 50px;display: block;text-align: center;color: #013092;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumn1C .text .indexBtn a::before{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; content: "\e6a1"; position: absolute;top: 4px;right: 3px;width: 43px;height: 43px;background-color: var(--themeColor);border-radius: 50%;text-align: center;font-size: 16px;color: #ffffff;line-height: 43px;}
.indexColumn1C .text .indexBtn:hover{background-color: var(--themeColor);border: solid 1px var(--themeColor);}
.indexColumn1C .text .indexBtn:hover a span{color: #fff;}
.indexColumn1C .text .indexBtn:hover a::before{background-color: #fff;color: var(--themeColor);}
.indexColumn1C .text{position: relative;}

.indexColumn1C .text .indexVedio{position: absolute;top: 0;right: 0;width: 625px;}
.indexColumn1C .text .indexVedio .pic::before{padding-top: 25.76%;}
.indexColumn1C .text .indexVedio .playBtn{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.indexColumn1C .text .indexVedio .playBtn .conCircle{margin: 0 auto; width: 60px;height: 60px;border-radius: 50px;background-color: rgb(161, 179, 215, 0.3);position: relative;border:1px solid #fff;}
.indexColumn1C .text .indexVedio .playBtn .conCircle .circleOne{background: url("../images/indexColumn1C.png" ) no-repeat center center / 11px; width: 42px;height: 42px;border-radius: 50px;background-color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

.indexColumn1title{height: 150px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); display: flex;flex-direction: row;justify-content: space-between}
.indexColumn1title .type{padding:  0 118px; position: relative;}
.indexColumn1title .type::before{content: '';display: block;width: 1px;height: 68px; background-color: #ebf0fa;position: absolute;top: 50%;transform: translateY(-50%); right: 0;}
.indexColumn1title .type:last-child::before{display: none;}
.indexColumn1title .type .icon{display: inline-block;width: 70px;height: 70px;border: solid 1px var(--themeColor);border-radius: 50%;margin-top: 40px;position: relative;margin-right: 30px;}
.indexColumn1title .type .icon .ljIcon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 30px;color: var(--themeColor);}
.indexColumn1title .type .numC{display: inline-block;}
.indexColumn1title .type .numC .num{font-size: 42px; height: 60px;line-height: 60px;color: #013092;}
.indexColumn1title .type .numC .num .mu{font-size: 24px;height: 60px;line-height: 60px;color: #013092;padding-left: 5px;}
.indexColumn1title .type .numC .area{font-size: 16px;height: 30px;line-height: 30px;color: #8d9199;}
/* 第一通栏end */

/* 第二通栏start */
.section3{position: relative;}
.indexColumn2{padding-top: 100px;position: relative;z-index: 3;}
.indexColumn2 .title{position: relative;margin-bottom: 50px;}
.indexColumn2 .title .titleCn{color: #fff;}
.indexColumn2 .title .titleNg{color: #fff;}
.indexColumn2 .title .titleNg::after{background-color: #8f9295;}
.indexColumn2 .title .titleNg::before{border: solid 1px #fff;}
.indexColumn2 .indexBtn{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border: solid 1px #494d53;transition: all 0.3s; background-color: #494d53;display:inline-block; height: 50px;border-radius: 50px;position: absolute;bottom: 0;right: 0;}
.indexColumn2 .indexBtn a{ display: block;height: 50px;line-height: 50px;position: relative;padding: 0 60px 0 30px;}
.indexColumn2 .indexBtn a span{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; font-size: 16px;height: 50px;line-height: 50px;display: block;text-align: center;color: #ffffff;}
.indexColumn2 .indexBtn a::before{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; content: "\e6a1"; position: absolute;top: 4px;right: 3px;width: 43px;height: 43px;background-color: #ffffff;border-radius: 50%;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 43px;}
.indexColumn2 .indexBtn:hover{background-color: var(--themeColor);border: solid 1px var(--themeColor);}
.indexColumn2 .indexBtn:hover a span{color: #fff;}
.indexColumn2 .indexBtn:hover a::before{background-color: #fff;color: var(--themeColor);}

.column2Scroll{overflow: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.column2Scroll::before{	background-color: rgba(0, 0, 0, 0.502);width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: "";display: block;z-index: 2;}

.column2Scroll .bd{overflow: hidden;width: 100%;height: 100%;}
.column2Scroll .bd .swiper-slide img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;opacity: 0; filter: alpha(opacity=0);z-index: 1;transform: scale(1.3); transition: 3s ease-in-out;}
.column2Scroll .bd .swiper-slide.swiper-slide-active img{opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}

.indexC2CTitle{line-height: 60px;height: 60px;margin-bottom: 5px;font-size: 28px;color: #ffffff;}
.indexC2CInfo{line-height: 30px;height: 90px;overflow: hidden;font-size: 16px;color: #f2f2f2;margin-bottom: 35px;width: 41.6666%;}
.indexC2More{line-height: 30px;height: 30px;}
.indexC2More a{display: inline-block;font-size: 16px;color: #f2f2f2;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexC2More a:hover{color: var(--themeColor);}
.indexC2List{position: absolute;z-index: 3; width: 1560px;height: 400px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;}
.indexC2List::before{display: block;content: "";width: 100%;height: 100%;background: url("../images/indexC2ListBg.png") no-repeat center center / auto;position: absolute;left: 0;top: 0;}
.indexC2List dd{position: absolute;text-align: center;}
.indexC2List dd.dd1{left: 27.8846%;top: 10%;}
.indexC2List dd.dd2{left: 49.0384%;top: -2.5%;}
.indexC2List dd.dd3{left: 66.9871%;top:9.5%;}
.indexC2List dd.dd4{right: 8.3333%;top: 53.75%;}
.indexC2List dd .con .conCircle{ margin:0 auto 10px;width: 24px;height: 24px;position: relative;border-radius: 50%;background-color: rgba(255, 255, 255, 0.3);background-position: center center;background-repeat: no-repeat;background-size: 0;}
.indexC2List dd .con .conCircle .circleOne{position: absolute;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;background-color: #fff;background-position: center center;background-repeat: no-repeat;background-size: 0;}
.indexC2List dd .con .text{line-height: 30px;font-size: 18px;color: #ffffff;}
.indexC2List dt{position: absolute;left: 50%;transform: translateX(-50%);width: 120px;top: 42.5%;text-align: center;}
.indexC2List dt .dtNum{line-height: 25px;height: 25px;font-size: 18px;color: #999999;margin-bottom: 20px;}
.indexC2List dt .dtNum span{color: #fff;margin-right: 5px;}
.indexC2List dt .dtNum i{font-style: normal;}
.indexC2List dt .dtArrowPrev{cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; float: left;display: inline;width: 50px;height: 50px;border-radius: 50%;background-color: #ffffff;position: relative;transform: rotate(180deg);}
.indexC2List dt .dtArrowPrev::before{content: "\e6a1"; text-align: center;font-size: 16px;color: var(--themeColor);line-height: 50px;}
.indexC2List dt .dtArrowPrev:hover::before{color: #fff;}
.indexC2List dt .dtArrowPrev:hover{background-color: var(--themeColor);}
.indexC2List dt .dtArrowNext{cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; float: right;display: inline;width: 50px;height: 50px;border-radius: 50%;background-color: #ffffff;position: relative;}
.indexC2List dt .dtArrowNext::before{content: "\e6a1"; text-align: center;font-size: 16px;color: var(--themeColor);line-height: 50px;}
.indexC2List dt .dtArrowNext:hover::before{color: #fff;}
.indexC2List dt .dtArrowNext:hover{background-color: var(--themeColor);}

.indexC2List dd.hover .con .conCircle{margin:0 auto 20px;width: 224px;height: 224px;background-size: cover;border: 1px solid #fff;}
.indexC2List dd.hover .con .conCircle .circleOne{width: 76px;height: 76px;background-color: rgba(0, 0, 0, 0.5);border: 1px solid #fff;background-size: 26px;}
.indexC2List dd.dd1.hover{left: 21.8846%;top: -12%;}
.indexC2List dd.dd2.hover{left: 43.0384%; top: -27.5%;}
.indexC2List dd.dd3.hover{left: 59.9871%;top: -19.5%;}
.indexC2List dd.dd4.hover{right: 6.3333%;top: 18.75%;}

/* 第二通栏end */


/* 第三通栏start */
.indexColumn3{background-color: #fafbfc; height: 100%;position: relative;overflow: hidden;}
.indexColumn3Bg{
	width: 41.0416%;
	height: 81.0416%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
background-repeat: no-repeat;background-position:center center;background-size: cover;
animation: circleMove 40s linear infinite;
}
.indexColumn3text{width: 42.948%;padding-bottom: 115px;position: relative;z-index: 2;}
.indexColumn3text .titleC{margin-bottom: 40px;}
.indexColumn3text .titleC .titleCn{font-size: 28px;color: #333;height: 40px;line-height: 40px;}
.indexColumn3text .titleC .titleNg{font-size: 16px;height: 35px;line-height: 35px;color: #999999;}
.indexColumn3List{overflow: hidden;margin-right: 80px;border: solid 1px #f7f7f7;margin-bottom: 30px;}
.indexColumn3List dd{float: left;width: 33.3%;}
.indexColumn3List dd .textCn{display: block;line-height: 50px;height: 50px;font-size: 18px;color: #999999;text-align: center;position: relative;background-color: #fff; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexColumn3List dd .textCn::before{content: '';display: block;position: absolute;width: 1px;height: 28px;background-color: #e3e4e6;top: 50%;transform: translateY(-50%);right: 0;}
.indexColumn3List dd:hover .textCn{color: #fff;background-color: var(--themeColor);}
.indexColumn3List dd:hover .textCn::before{display: none;}

.indexColumn3List dd.active .textCn{color: #fff;background-color: var(--themeColor);}
.indexColumn3List dd.active .textCn::before{display: none;}
.indexColumn3List dd:last-child a::before{display: none;}
.indexColumn3text .text{display: none;}
.indexColumn3text .text .textCon{font-size: 16px;height: 60px;line-height: 30px;color: #666666;margin-bottom: 30px;overflow: hidden;margin-right: 80px;}
.indexColumn3text .text.active{display: block;}
.indexColumn3text .indexBtn{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border: solid 1px #e9edf7;transition: all 0.3s; background-color: #fff;display: inline-block;height: 50px;border-radius: 50px;}
.indexColumn3text .indexBtn a{display: block;height: 50px;line-height: 50px;position: relative;padding: 0 60px 0 30px;}
.indexColumn3text .indexBtn a span{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; font-size: 16px;height: 50px;line-height: 50px;display: block;text-align: center;color:var(--themeColor);}
.indexColumn3text .indexBtn a::before{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; content: "\e6a1"; position: absolute;top: 4px;right: 3px;width: 43px;height: 43px;background-color: var(--themeColor);border-radius: 50%;text-align: center;font-size: 16px;color: #ffffff;line-height: 43px;}

.indexColumn3text .indexBtn:hover{background-color: var(--themeColor);border: solid 1px var(--themeColor);}
.indexColumn3text .indexBtn:hover a span{color: #fff;}
.indexColumn3text .indexBtn:hover a::before{background-color: #fff;color: var(--themeColor);}

.indexC3TextC{position: absolute;z-index: 10;background-color: #fff;width: 1560px;left: 50%;transform: translateX(-50%);bottom: 0;}
.column3CScroll{overflow: hidden;}
.column3CScroll .bd{overflow: hidden;}
.column3CScroll .bd .swiper-wrapper .swiper-slide{text-align: center;padding: 30px 0;position: relative;width: 20%;}
.column3CScroll .bd .swiper-wrapper .swiper-slide::before{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "\e794"; position: absolute;width: 40px;height: 40px;text-align: center;font-size: 40px;color: #edf0f7;line-height: 40px;}


.column3CScroll .bd .swiper-wrapper .swiper-slide .con{display: inline-block;}
.column3CScroll .bd .swiper-wrapper .swiper-slide .con .pic{border-radius: 50%;width: 114px;height: 114px;position: relative;z-index: 10;margin-bottom: 10px;}
.column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::before{border-radius: 50%;    border-radius: 50%;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
    width: 114px;
    height: 114px;
    content: '';
    display: block;
    position: absolute;
	left: 30%;
    top: 11%;background-color: #e6eaed;}

	.column3CScroll .bd .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .con .picC::before{background-color: var(--themeColor);}
	.column3CScroll .bd .swiper-wrapper .swiper-slide:hover .con .picC::before{background-color: var(--themeColor);}
.column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::after{border-radius: 50%;  width: 114px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
    height: 114px;
    content: '';
    display: block;
    position: absolute;
	right: 30%;
    bottom: 31%;background-color: #e6eaed;}
	.column3CScroll .bd .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .con .picC::after{background-color:#00d9cd;}
	.column3CScroll .bd .swiper-wrapper .swiper-slide:hover .con .picC::after{background-color:#00d9cd;}
	
.column3CScroll .bd .swiper-wrapper .swiper-slide .con .pic::before{padding-top: 50%;}
.column3CScroll .bd .swiper-wrapper .swiper-slide .con .name{font-size: 18px;height: 30px;line-height: 30px; color: #333333;}

.column3CScrollPrev{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; display:block; width: 40px; height: 140px;cursor: pointer; border-radius: 0 8px 8px 0;   position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;background-color:#f2f4f9 ;}
.column3CScrollPrev::before{content: "\e6a1"; position: absolute;transform: rotate(180deg); width: 40px;height: 140px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 140px;}
.column3CScrollPrev:hover{background-color: var(--themeColor);}
.column3CScrollPrev:hover::before{color: #ffffff;}
.column3CScrollNext{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; display:block; width: 40px; height: 140px;  cursor: pointer;border-radius: 8px 0 0 8px; position: absolute; right: 0; top: 50%;transform: translateY(-50%); z-index: 1;background-color: #f2f4f9;}
.column3CScrollNext::before{content: "\e6a1"; position: absolute;width: 40px;height: 140px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 140px;}
.column3CScrollNext:hover{background-color: var(--themeColor);}
.column3CScrollNext:hover::before{color: #ffffff;}
.column3CScroll .bd .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .con .name{color: var(--themeColor);}

.column3Scroll{overflow: hidden;width: 55.8%;height: 100%;position: absolute;right: 0;top: 0;z-index: 2;}
.column3Scroll .swiper-slide img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;opacity: 0; filter: alpha(opacity=0);z-index: 1;transform: scale(1.3); transition: 3s ease-in-out;}
.column3Scroll .swiper-slide.swiper-slide-active img{opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}

.column3Scroll1{opacity: 0;visibility: hidden;}
.column3Scroll1.active{opacity: 1;visibility: visible;z-index: 3;}
.column3CArrow{position: absolute;left: 0;top: calc(100% - 264px);font-size: 0;z-index: 5;}


.column3CArrow .column3CPrev{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; cursor: pointer; display: inline-block;width: 60px;height: 60px;transition: all 0.3s;background-color: #ffffff;}
.column3CArrow .column3CPrev::before{content: "\e6a1"; position: absolute;width: 60px;height: 60px;text-align: center;font-size: 16px;color: var(--themeColor);transform: rotate(180deg);line-height: 60px;}
.column3CArrow .column3CPrev:hover{background-color: var(--themeColor);}
.column3CArrow .column3CPrev:hover::before{color: #ffffff;}
.column3CArrow .column3CNext{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; cursor: pointer; display: inline-block;width: 60px;height: 60px;transition: all 0.3s;background-color: #ffffff;}
.column3CArrow .column3CNext::before{content: "\e6a1"; position: absolute;width: 60px;height: 60px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 60px;}
.column3CArrow .column3CNext:hover{background-color: var(--themeColor);}
.column3CArrow .column3CNext:hover::before{color: #ffffff;}
@keyframes circleMove{
	0%{
		transform: translate(-50%,-50%) rotate(0);
	}
	100%{
		transform: translate(-50%,-50%) rotate(360deg);
	}
}
/* 第三通栏end */


/* 第四通栏start */
.indexColumn4{background-size: cover;height: 100%;}
.indexColumn4 .indexColumn4Top{text-align: center;}
.indexColumn4 .indexColumn4Top .titleC{font-size: 32px; line-height: 50px; height: 50px;color: #333;margin-bottom: 15px;}
.indexColumn4 .indexColumn4Top .info{font-size: 16px;line-height: 30px; height: 30px;color: #999999;margin-bottom: 40px;}
.indexC4TextC{position: relative;}
.column4Scroll{overflow: hidden;}
.column4Scroll .bd{overflow: hidden;margin-right: -20px;}
.column4Scroll .bd .swiper-wrapper .swiper-slide{width: 20%;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con{display: block;margin-right: 20px;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .pic{margin-bottom: 20px;border-radius: 12px;}
.column4Scroll .bd .swiper-wrapper .swiper-slide .con .pic::before{padding-top: 50.5555%;}

.column4ScrollPrev{ display:block; width: 40px; height: 40px;border-radius: 50%; cursor: pointer;  position: absolute; left: -1.6%; top: 43%;background-color: #ffffff; z-index: 1;border: 1px solid #d8dfeb;transition: all 0.3s;-webkit-transition: all 0.3s;transform: rotate(180deg);}
.column4ScrollPrev::before{content: "\e6a1"; position: absolute;width: 40px;height: 40px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 40px;}
.column4ScrollPrev:hover{ background:var(--themeColor)}
.column4ScrollPrev:hover::before{color: #ffffff;}

.column4ScrollNext{ display:block; width: 40px; height: 40px; border-radius: 50%; cursor: pointer;  position: absolute; right: -1.6%; top:43%; z-index: 1;border: 1px solid #d8dfeb;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #ffffff;}
.column4ScrollNext::before{content: "\e6a1"; position: absolute;width: 40px;height: 40px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 40px;}
.column4ScrollNext:hover{ background:var(--themeColor)}
.column4ScrollNext:hover::before{color: #ffffff;}
/* 第四通栏end */


/* 第五通栏start */
.indexColumn5{background-color: #ffffff;width: 100%;height: 100%;position: relative;}
.indexColumn5 .info{font-size: 24px;height: 50px;line-height: 50px; color: #333333}
.indexColumn5 .info span{color: #013092;}
.indexC5TextC{overflow: hidden;}
.column5Scroll .bd{overflow: hidden;margin-right: -40px;}
.column5Scroll .bd .swiper-wrapper .swiper-slide{width: 33.3%;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con{display: block;margin-right: 40px;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .pic{margin-bottom: 30px;overflow: hidden;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .pic::before{padding-top: 66.8699%;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .time{font-size: 18px; color: #999999;line-height: 30px;height: 30px;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .conten {margin-bottom: 30px;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .conten a{font-size: 20px;height: 70px;line-height: 35px; color: #333333;display: block;}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con:hover .conten a{color: var(--themeColor);}
.column5Scroll .bd .swiper-wrapper .swiper-slide .con .more a{display: block; font-size: 16px;height: 30px;line-height: 30px; color: #013092;padding-right: 15px;background: url(../images/indexBtn5.png) no-repeat right center / 8px;display: inline-block;}
.indexColumn5Top{overflow: hidden;}
.indexColumn5Top .title{float: left;}
.indexC5Arrow{float: right;margin-top: 100px;font-size: 0;}

.column5ScrollPrev{ display:inline-block;margin-right: 25px; width: 40px; height: 40px;border-radius: 50%; cursor: pointer;   border: 1px solid #d8dfeb;transition: all 0.3s;-webkit-transition: all 0.3s;transform: rotate(180deg);}
.column5ScrollPrev:hover{ background:var(--themeColor)}
.column5ScrollPrev::before{content: "\e6a1"; position: absolute;width: 40px;height: 40px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 40px;}
.column5ScrollPrev:hover::before{color: #ffffff;}

.column5ScrollNext{ display:inline-block;  width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 1px solid #d8dfeb;transition: all 0.3s;-webkit-transition: all 0.3s;}
.column5ScrollNext::before{content: "\e6a1"; position: absolute;width: 40px;height: 40px;text-align: center;font-size: 16px;color: var(--themeColor);line-height: 40px;}
.column5ScrollNext:hover::before{color: #ffffff;}
.column5ScrollNext:hover{ background:var(--themeColor)}
/* 第五通栏end */