@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* ————— 头部 start ————— */
body{overflow: hidden;}
.top{background-color: transparent;height: 100px;position: fixed;left: 0;top: 0;z-index: 200;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;border-bottom: 1px solid rgba(255,255,255,.1);box-sizing: border-box;-webkit-box-sizing: border-box;}
.top.show{top: -101px;}
/* logo start */
.logo{padding-top: 22px;float: left;display: inline;padding-right: 100px;position: relative;}
.logo::before{display: block;content:'';width: 1px;height: 100px;position: absolute;right: 0;top: 0;background-color: rgba(255,255,255,.1);}
.logo img{height: 55px;}
.logo .img2{display: none;}
/* logo end */
/* 导航列表start */
.top .bg{transition: all 0.5s;width: 100%;height: 0;background: rgba(255, 255, 255, .8);position: absolute;left: 0;top: 100%;z-index: -1;box-shadow: -7px 9px 10px 4px rgba(0,0,0,.1);}
.menu{float: right; display: inline;position: relative;}
.menu dd{float:left;display: inline; margin-right:80px;position: relative;z-index: 2;}
.menu dd .yj a{ display: block;line-height: 100px;height: 100px;font-size: 18px;color: #fff;text-align: center;position: relative;}
.menu dt.icn{height: 4px;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.menu dd .ej{position: absolute;top: 100%;white-space: nowrap;/* opacity: 0; */visibility: hidden;overflow:hidden;height: 0;}
.menu dd .ej.open{height: 60px;}
.menu dd .ej li{display: inline-block; margin-right: 50px;}
.menu dd .ej li span a{line-height: 60px;display: block;font-size: 16px;color: #521766;}
.menu dd .ej li:last-child { margin-right: 0;}

.menu dd.hover .ej {opacity: 1;visibility: visible;}
.menu dd .ej li span a:hover{font-weight: bold;}
.menu dd.hover .yj a{font-weight: bold;}
/* 导航列表end */
/* 搜索 start */
.topC{margin:0 -92px;}
.topSearch{background: url(../images/indexSearchIcon.png) no-repeat center bottom / contain;width: 20px;height: 20px;padding-top:40px;cursor: pointer;}
.animHide{opacity: 0;}
.model.show::before {animation: menu-animation .8s ease-out forwards;transform: scale(2) translateY(0);}
.model.show {display: block;}
.model {position: fixed;top: 0;left: 0;z-index: 10600;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.model span {display: inline-block;width: 50px;height: 50px;line-height: 50px;position: absolute;top: 30px;right: 30px;cursor: pointer;font-size:55px;text-align: center;overflow: hidden;color: #fff;z-index: 10;}
.model::before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: rgba(0, 0, 0, .87);width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;transform: scale(.04) translateY(9999px);overflow: hidden;z-index: 9;}
.searchPWBox {width: 600px;height: 60px;overflow: hidden;border-radius: 5px;position: absolute;top: 50%;left: 50%;z-index: 9;margin: -30px 0 0 -300px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;;}
.searchPWBox input {display: block;float: left;width: 530px;height: 60px;background: none;border: none;line-height: 60px;color: #333;font-size: 16px;padding-left: 10px;background: #fff;}
.searchPWBox input::placeholder {color: #999;font-size: 16px;}
.searchPWBox input::-webkit-placeholder {color: #999;font-size: 16px;}
.searchPWBox a {float: left;display: inline;width: 60px;height: 60px;background: #521766 url(../images/common/searchH.png) no-repeat center center;background-size: 19px 20px;color: #fff;font-size: 30px;text-align: center;line-height: 60px;}
.searchPWBox a:hover {opacity: 0.9;}
@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%)
	}

	40% {
		transform: scale(.04) translateY(0);
		transition: ease-out
	}

	40% {
		transform: scale(.04) translateY(0)
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0)
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0)
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}
/* 搜索 end */
/* 导航 start */
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;height: 100%;}
.indexBanner a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: #d71718;}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 100%;overflow: hidden;position: absolute;width: 100%;left: 0;top: 0;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}


.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .img{ width: 1200px;position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%); font-size: 0;}
.indexBanner .img img{overflow: hidden; display: inline-block;}
.indexBanner .img img.show{visibility: visible;}
.indexBanner .bd .mySlide .bg{height: 100%;width:100%;object-fit: cover;transition: all 2.5s 0s ease-in-out;transform: scale(1.2);-webkit-transform: scale(1.2);background-repeat: no-repeat;background-position: center center;background-size: cover}
.indexBanner .bd .mySlide.on .bg{transform: scale(1);-webkit-transform: scale(1);}

.talentPoolBg svg{height: 265px;position: absolute;left: 0;bottom: 0;width: 100%;}
.talentPoolBg .parallax > use:nth-child(2){animation-duration: 20s;}
.talentPoolBg .parallax > use:nth-child(3){animation-duration: 15s;}
.talentPoolBg .parallax > use {animation: move-forever 10s linear infinite;transform-origin: 50% 50%;}
@keyframes move-forever {
	0% {
	  transform: translate(-90px, 0%);
	}
	100% {
	  transform: translate(85px, 0%);
	}
  }
.indexBanner .num{position: absolute;left: 18%;bottom: 5%;height:40px;line-height: 40px;color: #dedede;z-index:5;font-family: 'sansGB';}
.indexBanner .num span{font-size: 16px;color:#fff;display: inline-block;vertical-align: middle;}
.indexBanner .num em{font-size: 16px;color:rgba(255,255,255,.5);font-style: normal;display: inline-block;vertical-align: middle;    }
.indexBanner .num i{width: 75px;height: 2px;background-color: #fff;display: inline-block;vertical-align:middle;margin:0 10px 0 13px;}

.indexScrll {position: absolute;right:10%;bottom:5%;animation: upDown 2s linear infinite; transition: all 800ms;-webkit-transition: all 800ms;cursor: pointer;z-index: 100;}
.indexScrll:after{display: block;content:'';visibility: hidden;overflow: hidden;}
.indexScrll i{overflow: hidden; font-size:16px;color: #fff;height: 30px;line-height: 30px;text-transform:capitalize;margin-right: 32px;font-style: normal;font-family: 'sansGB';}
.indexScrll em{background:url(../images/indexScrollIcon1.png) no-repeat left center;width: 30px;height: 30px; float: right;display: inline;}
@keyframes upDown {
    0% { 
        transform: translateY(0);
    }
    50% { 
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}
.indexBanner .mask{height:20%;background-image: linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,.05)); position: absolute;left: 0;bottom: 0;width: 100%;}
.indexBanner .slick-dots {
	position: absolute;
	bottom: 54px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.indexBanner .slick-dots li {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 100%;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	position: relative;
	transition: 1s all linear;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	z-index: 5;
}
.indexBanner .slick-dots li:before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	overflow: hidden;
	margin-top: -8px;
	margin-left: -8px;
	background: #fff;
	transition: 1s all linear;
}
.indexBanner .slick-dots li.slick-active:before{
	visibility: hidden;
	transform: scale(0);
	-webkit-transform: scale(0);
}
.indexBanner .slick-dots li.slick-active::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 2px solid #fff;
	-webkit-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
}
#fp-nav.right{
	right: 70px !important;
}
#fp-nav ul li{
	width: 24px !important;
	height: 24px !important;
	margin: 13px 0 !important;
}
#fp-nav ul li a span{
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	border: 2px solid transparent !important;
	background:transparent !important;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#fp-nav ul li a span:before{
	display: block;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	border: 1px solid #fff;
	background:transparent;
	border-radius: 50%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#fp-nav ul li a.active span{
	border: 2px solid #fff !important;
}
#fp-nav ul li a.active span:before{
	width: 6px;
	height: 6px;
	margin-left: -4px;
	margin-top: -4px;
	background: #fff;
	border-color: transparent;
}
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
/* 友情链接start */
.footer{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.friendLink{ overflow: hidden; margin-right: -40px;}
.friendLink .title{height: 70px; line-height: 70px; padding-left: 48px; color: #cccccc; font-size: 14px; background: url(../images/footerIcn1.png) no-repeat left center; margin-right: 70px;float: left; display: inline;}
.friendLink .list{ overflow: hidden; padding: 20px 0; line-height: 30px; font-size: 0;}
.friendLink .list a{ display: inline-block; color: #cccccc; font-size: 14px; margin-right: 40px;}
.friendLink .list a:hover{ color: #FFF;}
/* 友情链接end   */
/* 底部中间start   */
.footerLogo{padding: 37px 0;border-bottom: 1px solid rgba(255,255,255,.1);}
.footerLogo img{ display: block; height: 45px;}
.footerPhone{ padding-left: 60px; background: url(../images/footerIcn2.png) no-repeat left center;}
.footerPhone .phone{ margin-bottom: 3px; height: 26px; line-height: 26px;font-size: 20px;font-weight: bold;font-style: italic;color: #fff;letter-spacing: 1px;}
.footerPhone .phone img{ height:17px; display: inline-block; vertical-align: middle;}
.footerPhone .text{ line-height: 20px; color: #999999; font-size: 14px; letter-spacing: 2px;}
.footerMM{overflow: hidden;margin-bottom: 50px;}
.footerMenu{overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.1);}
.footerMenu dd{float: left;display: inline;margin-right: 70px;}
.footerMenu dd  a{font-size: 16px;color: #fff;display: block;line-height: 100px;height: 100px;}
.footerMenu dd  a:hover{ color:#fff;}
.footerMenu dt{height: 100px;line-height: 100px;}
.footerMenu dt .irBtn{display: inline-block;vertical-align: middle;}
.footerMenu dt a{display: block;font-size:14px;color: #5b1a71;padding:0 45px;height: 40px;line-height: 40px;border-radius: 5px;overflow: hidden;background-color: rgba(255,255,255,.7);text-align: center;}
.footerMenu dd span{ font-style: normal; display: block; line-height: 25px; padding: 5px 0; overflow: hidden;}
.footerMenu dd span a{ font-size: 14px; color: #666666;}
.footerMenu dd span a:hover{ color:#fff;}
.footerMR{width: 25.2308%;padding: 65px 0 0 65px;}
.footerEwm{overflow:hidden;margin-right: -20px;}
.footerEwm dd{float:left;display:inline;position:relative;width: 33.3333%;overflow:hidden;margin-bottom: 20px;}
.footerEwm dd .con{margin-right: 20px;}
.footerEwm dd .imgBox{padding:8px;border: 1px solid rgba(255,255,255,.1);border-radius: 5px;}
.footerEwm dd img{display:block;width: 100px;height: 100px;}
.footerEwm dd span{ display:block; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px;}
.footerInfo{overflow: hidden;margin-bottom: 30px;}
.footerInfo .info{line-height:28px;color: #fff;float: left;display: inline;margin-right: 75px;}
.footerInfo .info span{display: block;font-size:15px ;font-weight: bold;}
.footerInfo .info  .con{font-size:14px;}
.footerInfo .info .label{display: inline-block;vertical-align: middle;}
.footerInfo .info .value{display: inline-block;vertical-align: middle;}
.footerInfo .info .value img{height: 13px;}
.footerLink{font-size: 14px;color: #cccccc;height: 67px;line-height: 67px;}
.footerLink i{position: relative;padding-right: 22px;margin-right: 12px;font-style: normal;}
.footerLink i::before{display: block;content: '';width: 1px;height: 15px;background-color: rgba(255,255,255,.1);position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.footerLink a{display: inline-block;vertical-align: middle;margin-right: 22px;}
.footerLink a:hover{color: #fff;}
.footerCBox{border-right: 1px solid rgba(255,255,255,.1);overflow: hidden;}
/* 底部中间end   */
/* 底部版权start   */
.friendCopyRight{ height: 90px; line-height: 90px; overflow: hidden; font-size: 14px; color: #999999;border-top: 1px solid rgba(255,255,255,.1);}
.friendCopyRight .conL{ float: left; display: inline;}
.friendCopyRight .conL span{ margin-right:10px;}
.friendCopyRight .conL img{ margin-right: 10px; vertical-align: middle;}
.friendCopyRight .conL a{ color: #999; margin-right: 10px;}
.friendCopyRight .conL a:hover{ color: #fff;}
.friendCopyRight .conR{ float: right; display: inline;}
.friendCopyRight .conR a{color: #999; }
.friendCopyRight .conR a:hover{ color: #fff;}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position: relative;overflow: hidden;width: 100%;}
.subBanner:before{display: block;content: '';padding-top:23.9583%;}
.subBanner img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.subBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
.subBanner .text{position: absolute;left:9.375%;bottom:28px;z-index: 5;}
.subBanner .textC .cnTitle{font-size: 16px;color: #ffffff;line-height: 30px;font-weight: bold;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1);}
.subBanner .textC .enTitle{font-size: 18px;color: rgb(255 255 255 / .5);line-height: 30px;text-transform: inherit;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1);}
.subBottom{position: absolute;left: 0;bottom: 0;width: 71.875%;height: 247px;background: url(../images/subBannerBG.png) no-repeat left bottom / contain;display: none;}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;height: 80px;background: #fff;box-shadow:0 3px 5px #dcdcdc;}
.location{height: 80px;overflow: hidden;padding-left: 33px;position: relative;}
.location a.home{ position: absolute; left: 0; top: 0; width: 33px; height: 100%;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/home.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 80px;line-height:80px;padding-left: 14px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/icon8.png);color: #898989;font-size: 14px;font-weight: bold;}
.location a:hover{color:#651d7c}
.location a.hover{color:#651d7c}
.subNavBox{margin-right:-15px; position: relative;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height:80px;height:80px;color: #898989;font-size: 14px;padding:0 14px;font-weight: bold;}
.subNav a.hover{color: #651d7c !important;}
.subNav a:hover{color: #651d7c !important;}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{ text-align: center; font-size: 0;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 14px; margin: 0 5px; background: #FFF;}
.sjMenu a:hover{ background: #651d7c; color: #FFF; border-color: #651d7c;}
.sjMenu a.hover{ background: #651d7c; color: #FFF; border-color: #651d7c;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding: 8px 13px;color:#999999;border-radius: 100%;background: #fff;margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #651d7c;color: #fff;}
.page a.hover{background: #651d7c;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.page a div{width: 11px;height: 19px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div{background-image: url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/common/page/lastPageh.png)}
.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}
.page a.firstPage.disabled div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/common/page/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— 弹窗 start ————— */
.aykj-recruitTc .layui-layer-btn{ text-align: center;}
.aykj-recruitTc .layui-layer-btn a{ height: 38px; line-height: 38px; padding: 0 40px; font-size: 14px;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background: #ddd; color: #8b8b8b; border-color: #ddd;}

.aykj-alert .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; border-color: #1e5ab0;}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */
/* ========== 引导页 start ========== */
.indexSteerCon{width: 100vw;height: 100vh;overflow: hidden;position: relative;background-color: #fff;}
.indexSteerCon .bg{background: url(images/indexSteerBg.png) no-repeat center center / cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.indexSteerBox{position: relative;z-index:1;padding-bottom: 50px;top: 70px;}
.indexSteerCon .indexSteerLogo{position: relative;margin-bottom: 80px;text-align: center;}
.indexSteerCon .indexSteerLogo img{height: 54px;}
.indexSteerList {text-align: center;font-size: 0;margin-left: 40px;}
.indexSteerList dd{display: inline-block;vertical-align: middle; padding:30px 15px 37px;border-radius: 8px;overflow: hidden;text-align: center;position: relative;width: 210px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 500ms;-webkit-transition: all 500ms;}
.indexSteerList .dd1{background-color: #954ebf;}
.indexSteerList .dd2{background-color: #654eba;}
.indexSteerList .dd3{background-color: #71b5e2;}
.indexSteerList .dd4{background-color: #891e30;}
.indexSteerList .dd5{background-color: #5e51e8;}
.indexSteerList .dd6{background-color: #63c4a1;}
.indexSteerList .dd7{background-color: #564db8;}
.indexSteerList .dd8{background-color: #8b52bb;}
.indexSteerList dd.even{top:35px;left: -10px;}
.indexSteerList dd:nth-child(3){left: -19px;}
.indexSteerList dd:nth-child(4){left: -24px;}
.indexSteerList dd:nth-child(5){left: -33px;}
.indexSteerList dd:nth-child(6){left: -40px;}
.indexSteerList dd:nth-child(7){left: -50px;}
.indexSteerList dd:nth-child(8){left: -60px;}
.indexSteerList dd em{display: block;background-position: center center ;background-repeat:no-repeat;width: 70px;height: 70px;border-radius: 100%;background-color: rgba(255,255,255,.05);margin: 0 auto;background-size: 40px 37px;}
.indexSteerList dd .text{font-size: 18px;color: #fff;height: 50px;line-height: 25px;font-weight: bold;padding-top: 23px;}
.indexSteerList dd:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.indexSteerList dd.hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.indexSteerList dd.dd1:hover{box-shadow:4px 1px 14px 20px rgba(149,78,191,.3);z-index:5;}
.indexSteerList dd.dd2:hover{box-shadow:4px 1px 14px 20px rgba(32, 31, 143, 0.3);z-index:5;}
.indexSteerList dd.dd3:hover{box-shadow:4px 1px 14px 20px rgba(113,181,226,.3);z-index:5;}
.indexSteerList dd.dd4:hover{box-shadow:4px 1px 14px 20px rgba(185, 53, 20, 0.3);z-index:5;}
.indexSteerList dd.dd5:hover{box-shadow:4px 1px 14px 20px rgba(94,81,232,.3);z-index:5;}
.indexSteerList dd.dd6:hover{box-shadow:4px 1px 14px 20px rgba(13, 141, 92, 0.3);z-index:5;}
.indexSteerList dd.dd7:hover{box-shadow:4px 1px 14px 20px rgba(12, 14, 150, 0.3);z-index:5;}
.indexSteerList dd.dd8:hover{box-shadow:4px 1px 14px 20px rgba(172, 12, 145, 0.3);z-index:5;}
.indexSteerList dd.dd1.hover{box-shadow:4px 1px 14px 20px rgba(149,78,191,.3);z-index:5;}
.indexSteerList dd.dd2.hover{box-shadow:4px 1px 14px 20px rgba(137,30,48,.3);z-index:5;}
.indexSteerList dd.dd3.hover{box-shadow:4px 1px 14px 20px rgba(113,181,226,.3);z-index:5;}
.indexSteerList dd.dd4.hover{box-shadow:4px 1px 14px 20px rgba(99,196,161,.3);z-index:5;}
.indexSteerList dd.dd5.hover{box-shadow:4px 1px 14px 20px rgba(94,81,232,.3);z-index:5;}
.indexSteerList dd.dd6.hover{box-shadow:4px 1px 14px 20px rgba(13, 141, 92, 0.3);z-index:5;}
.indexSteerList dd.dd7.hover{box-shadow:4px 1px 14px 20px rgba(12, 14, 150, 0.3);z-index:5;}
.indexSteerList dd.dd8.hover{box-shadow:4px 1px 14px 20px rgba(172, 12, 145, 0.3);z-index:5;}
/* ========== 引导页 end ========== */
/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.indexTitle{overflow: hidden;position: relative;z-index: 0;margin-bottom: 30px;}
.indexTitle .enTitle{font-size:36px;color:rgba(51,51,51,.2);height:40px;line-height:40px;font-family: 'HarmonyOS';text-transform: capitalize;}
.indexTitle .cnTitle{font-size:36px;color:#333333;height:47px;line-height:47px;margin-bottom: 15px;font-weight: bold;}
.indexTitle i{display: block;background-image:linear-gradient(to top,#5a1e79,#0521fc);width: 15px;height: 15px;border-radius:100%;animation: yuanMove 3s linear infinite;position: relative;-webkit-animation: yuanMove 3s linear infinite;}
.indexTitle i::before{display: block;content:''; background:#fff;width: 15px;height: 15px;border-radius:100%;position: absolute;left: 10px;top: 0;animation: yuanMoveTwo 3s linear infinite;-webkit-animation: yuanMoveTwo 3s linear infinite;}

@keyframes yuanMove{
	0%{
		transform: translate(0px);
		-webkit-transform: translate(0px);
	}
	50%{
		transform: translate(10px);
		-webkit-transform: translate(10px);
	}
	100%{
		transform: translate(0px);
		-webkit-transform: translate(0px);
	}
}
@-webkit-keyframes yuanMove{
	0%{
		transform: translate(0px);
		-webkit-transform: translate(0px);
	}
	50%{
		transform: translate(10px);
		-webkit-transform: translate(10px);
	}
	100%{
		transform: translate(0px);
		-webkit-transform: translate(0px);
	}
}

@keyframes yuanMoveTwo{
	0%{
		left: 10px;
	}
	50%{
		left:-10px;
	}
	100%{
		left: 10px;
	}
}
@-webkit-keyframes yuanMoveTwo{
	0%{
		left: 10px;
	}
	50%{
		left:-10px;
	}
	100%{
		left: 10px;
	}
}

.indexMore a{line-height: 40px;color: #fff;font-size:16px;display: block;}
.indexMore em{position: relative;width: 40px;height: 40px;border-radius: 100%;background-color: rgba(255,255,255,.1);display: inline-block;vertical-align: middle;margin-left: 10px;}
.indexMore em::after{display:block;background:  url(../images/moreJtIcon.png) no-repeat center center / contain;content:'';position: absolute;left:50%;top: 50%;margin:-7px 0 0 -7px;width: 13px;height: 13px;}
.indexMore em::before{display: block;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);-webkit-transform: scale(0);background-color: #521766;border-radius: 20px;visibility: hidden;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;border-radius: 100%;}
.indexMore:hover em::before{transform: scale(1);-webkit-transform: scale(1);opacity:1;visibility: visible;}
.indexMore:hover em::after{background-image: url(../images/moreJtIcon.png);}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.sectionBanner{position:relative;height:100%;width:100%}
.col1BgBox{position:absolute !important;width:105%;height:105%;left:-2.5% !important;top:-2.5% !important}
.col1Bg{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0}
.col1BgBoxw{position:absolute !important;width:101%;height:101%;left:-0.5% !important;top:-0.5% !important}
.col1Bgw{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0}
.section6 .sectionCon{bottom:auto;height:87px;position: relative;}
.section6Title{padding-top:2%;overflow:hidden}
.section6Table{overflow:hidden}
.section6Table dd{float:left;display:inline}
.section6Table dd .con{margin-left:35px}
.section6Table dd .con a{display:block;height:58px;line-height:58px;position:relative;font-size:16px;color:#666}
.section6Table dd .con a::before{display:block;content:"";position:absolute;width:100%;left:0;bottom:0;height:3px;background:#521766;transform:scale(.5,1);-webkit-transform:scale(.5,1);opacity:0.3;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;visibility:hidden}
.section6Table dd.hover .con a::before{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;visibility:visible}
.section6Table dd.hover .con a{color:#521766}
.section6Title .indexTitleBox{overflow:hidden}
.column6TableC{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0}
.column6Banner{position:absolute;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding:0 40px;z-index:-1;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;opacity:0;visibility:hidden}
.column6Banner.active{z-index:1;opacity:1;visibility:visible}
.column6Banner .bd{position:relative;height:100%;margin:0 -40px}
.column6Banner .myslide{float:left;display:inline;width:33.333%;position:relative}
.column6Banner .myslide::before{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.7);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transform:scale(1,0.95);-webkit-transform:scale(1,0.95);opacity:.4;visibility:hidden}
.column6Banner .myslide:hover::before{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;visibility:visible}
.column6Banner .slick-list,.column6Banner .slick-track{height:100%}
.column6Banner .bd .con{padding:130px 40px 0}
.column6Banner .bd .pic{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:0.1s;overflow:hidden}
.column6Banner .bd .pic::before{padding-top:61.1765%}
.column6Banner .myslide:hover .pic{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .text{padding:20px 0 0;margin-bottom:22px;border-bottom:1px solid rgba(216,216,216,0.6)}
.column6Banner .bd .text .title{height:42px;line-height:42px;overflow:hidden;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:0.1s}
.column6Banner .myslide:hover .text .title{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .text .title a{font-size:18px;color:#FFFFFF;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .text .title a{color:#333;font-weight:bold;font-size:16px}
.column6Banner .bd .text .time{height:36px;line-height:36px;font-size:16px;color:#E5E5E5;margin-bottom:14px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition-delay:.15s}
.column6Banner .myslide:hover .text .time{transform:translateY(-5px);-webkit-transform:translateY(-5px);color:#333}
.column6Banner .bd .text .textC{height:72px;line-height:24px;overflow:hidden;font-size:14px;color:#E5E5E5;margin-bottom:7px;transition-delay:.2s;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .text .textC{transform:translateY(-5px);-webkit-transform:translateY(-5px);color:#666}
.column6Banner .bd .indexMore{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.column6Banner .myslide:hover .indexMore{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
.column6Banner .bd .indexMore span{color:#FFFFFF}
.column6Banner .myslide:hover .indexMore span{color:#666}
.column6Banner .bd .indexMore em{background-color:rgba(255,255,255,0.1)}
.column6Banner .myslide:hover .indexMore em{background-color:#521766}
.section2 .indexScrll em{text-align: center;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.column3{background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;overflow: hidden;}
.column3Con{height: 100%;margin-left:9.375%;}

.column3Swiper{position: relative;z-index: 5;}
.column3Swiper .bd{overflow: hidden;height: 100%;}
.column3Swiper .bd .swiper-slide a{display: block;height: 100%;}
.column3Swiper .bd .swiper-slide .textC{transition: all .5s linear;-webkit-transition: all .5s linear;padding-bottom: 45px;border-bottom: 4px solid #651d7c;}
.column3Swiper .bd .swiper-slide:nth-child(2n) a{padding-top: 105px;}
.column3Swiper .pic::before{padding-top:66.6667%;}
.column3Swiper .title{font-size:16px ;color: #333333;height:55px;line-height:55px;font-weight: bold;}
.column3Swiper .nowPage{font-size: 52px;color: #651d7c;position: absolute;right: 700px;top: -13px;}
.column3Scrollbar{height: 2px;background: #e0d7e2;border-radius: 10px;width: 330px;right: 350px;top: 25px;}
.column3Ul{margin-bottom:70px;height: 100px;overflow-y: auto;}
.column3Ul li{font-size:14px ;color: #333333;line-height: 25px;}
.column3Swiper .btn{padding: 0 35px;height: 35px;line-height: 35px;font-size: 16px;color: #521766;font-weight: bold;border: 1px solid #d4ced8;border-radius:30px;display: inline-block;}
.column3Scrollbar span{background: #5b1a71 !important;}
.column3Swiper .bd .swiper-slide:hover .textC{background-color: #5b1a71;padding:0 20px 45px;}
.column3Swiper .bd .swiper-slide:hover .title{color: #fff}
.column3Swiper .bd .swiper-slide:hover .column3Ul li{color: #fff}
.column3Swiper .bd .swiper-slide:hover .btn{color: #fff;border-color:rgba(255,255,255,.5);}
.column3Box{position: absolute;right: 0;top: -15%;}
.column3prev{width: 50px;line-height: 50px;height: 50px;border-radius: 100%;background:#fff url(../images/prev.png) no-repeat center center;z-index:100;position: absolute;right: 275px;top: 0;cursor: pointer;}
.column3next{width: 50px;height: 50px;line-height: 50px;border-radius: 100%;background:#fff url(../images/next.png) no-repeat center center;z-index:100;position: absolute;right: 210px;cursor: pointer;top: 0;}
.column3prev:hover,.column3next:hover{background-color: #5b1a71;border-color:#5b1a71}
.column3prev:hover{background-image:url(../images/prev-bai.png);}
.column3next:hover{background-image:url(../images/next-bai.png);}
/* ————— 第3通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/*关于我们 start*/
/* 头部start*/
.subTop{position: relative;}
.subTop .top{background-color: #fff;position: sticky;top: 0;}
.subTop .topC{margin: 0;}
.subTop .menu dd{margin-right: 55px;}
.subTop .logo img{height: 48px;}
.subTop .logo .img1{display: none;}
.subTop .logo .img2{display:block;}
.subTop .menu dd .yj a{color: #666;}
.subTop .menu dt.icn{background-color: #2f1346;}
.subTop .menu dd.hover .yj a{color: #651d7c;font-weight: bold;}
.subTop .menu dd:hover .yj a{color: #651d7c;font-weight: bold;}
.subTop .topSearch{background-image:url(../images/indexSearchIcon2.png);}
/* 头部end*/
/* banner start*/
.aboutUsBanner{position: relative;overflow: hidden;width: 100%;}
.aboutUsBanner::before{display: block;content: '';padding-top:30.2083%;}
.aboutUsBanner img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.aboutUsBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
/* banner end*/
/*公共部分 start*/
.aboutUsTitle{margin-bottom: 25px;}
.aboutUsTitle .cnTitle{font-size:32px;color:#333333;height: 70px;line-height: 70px;font-weight: bold;display: inline-block;vertical-align: middle;}
.aboutUsTitle i{display: inline-block;vertical-align: middle;background-image:linear-gradient(to top,#5a1e79,#0521fc);width: 15px;height: 15px;border-radius:100%;animation: yuanMove 3s linear infinite;position: relative;-webkit-animation: yuanMove 3s linear infinite;margin-right: 15px;}
.aboutUsTitle i::before{display: block;content:''; background:#d4d7ff;width: 15px;height: 15px;border-radius:100%;position: absolute;left: 10px;top: 0;animation: yuanMoveTwo 3s linear infinite;-webkit-animation: yuanMoveTwo 3s linear infinite;}

.aboutUsMore{display: inline-block;}
.aboutUsMore em{display: inline-block;background:url(../images/moreJtIcon2.png) no-repeat right center / contain;width: 15px;height: 12px;margin-left: 12px;z-index:2;position: relative;}

.aboutUsMore.textL {text-align: left;}
.aboutUsMore.c1More a {background-color: #651d7c;}
.aboutUsMore a {padding:0 35px; height: 55px;border-radius: 30px;text-align: center;font-size: 16px;color: #651d7c;line-height: 55px;transition: all 200ms linear;-webkit-transition: all 200ms linear;display: inline-block;position: relative;overflow: hidden;border: 1px solid #651d7c;box-sizing: border-box;-webkit-box-sizing: border-box;}
.aboutUsMore a::before {display: block;content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;inset: 0 0 0 0;transition: transform .3s ease-out;z-index: 1;transform: scaleX(0);transform-origin: bottom right;background-color:#651d7c;border-radius: 24px;border-color: #651d7c;}
.aboutUsMore a span {z-index: 2;position: relative;display: inline-block;vertical-align: top;color: #651d7c;transition: all 200ms linear;-webkit-transition: all 200ms linear;}
.aboutUsMore a:hover::before {transform: scaleX(1);transform-origin: bottom left;}
.aboutUsMore a:hover {border-color: transparent !important;}
.aboutUsMore a:hover span{color: #fff !important;}
.aboutUsMore a:hover em{background-image:url(../images/moreJtIcon.png) !important;}
/*公共部分 end*/
/*第一通栏 start*/
.aboutUsC1{padding:107px 0 115px;position: relative;}
.aboutUsC1L{overflow: hidden;}
.aboutUsC1L .text{font-size: 15px;color: #545454;min-height: 30px;line-height: 30px;text-align: justify;margin-bottom: 72px;}
.aboutUsC1R{width:35.5769%;margin-left: 112px;}
.aboutUsC1R .bd{height: 100%;position: relative;}
.aboutUsC1R .bd .myslide{height: 100%;}
.aboutUsC1R .bd::before{display: block;content: '';width: 100%;height: 475px;background-color: #0580db;position: absolute;left: 17px;bottom:-17px;}
.aboutUsC1R .pic::before{padding-top:105.045%;}
.aboutUsC1R .bd .prev{width: 77px;height: 70px;background: #fff  url(../images/prev.png) no-repeat center center / 12px 20px;position:absolute;left: 0;bottom: 0;z-index:5;cursor: pointer;}
.aboutUsC1R .bd .next{width: 77px;height: 70px;background: #fff  url(../images/next.png) no-repeat center center / 12px 20px;position:absolute;left:77px;bottom: 0;z-index:5;cursor: pointer;}
.aboutUsC1R .bd .prev:hover{background-color: #651d7c;background-image: url(../images/prev-bai.png);}
.aboutUsC1R .bd .next:hover{background-color: #651d7c;background-image: url(../images/next-bai.png);}
.aboutUsC1F{position: relative;z-index:5;}
.aboutUsC1F img{height: 115px;}
/*第一通栏 end*/
/*第二通栏 start*/
.aboutUsC2{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:80px 0 50px;}
.mapSvg {width: 49.2436%;height: 645px;margin-right: 218px;}
.aboutUsC2Right{overflow: hidden;background-color: #fff;padding:28px 30px;border-radius:10px;}
.aboutUsC2Right span{display: block;font-size: 24px;color: #651d7c;height:65px;line-height:65px;margin-bottom: 22px;}
.aboutUsC2RList{height: 430px;overflow-y: auto;}
.aboutUsC2RList dd{margin-bottom: 25px;}
.aboutUsC2RList dd .title{height: 25px;line-height: 25px;font-size:16px ;color: #651d7c;font-weight: bold;margin-bottom: 5px;}
.aboutUsC2RList dd .title em{width: 25px;height: 25px;background: url(../images/aboutUsC2Icon.png) no-repeat left center / contain;display: inline-block;vertical-align: middle;margin-right: 10px;}
.aboutUsC2RList dd .con{font-size: 14px;color: #999;min-height: 25px;line-height: 25px;}
.aboutUsC2RList dd .label{display: inline-block;vertical-align: middle;}
.aboutUsC2RList dd .value{display: inline-block;vertical-align: middle;}
/*第二通栏 end*/
/*第三通栏 start*/
.aboutUsC3{background-position: center center;background-repeat: no-repeat;background-size: cover;padding:80px 0 115px;}
.aboutUsC3 .aboutUsTitle{text-align: center;}
.aboutUsC3Swiper {width: 100%;height: 650px;overflow: hidden;padding:10px 0;}
.aboutUsC3Swiper  .swiper-slide {text-align: center;font-size: 18px;background: #fff;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;transition: 300ms;transform: scale(0.8);padding:0 75px;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;box-shadow: 1px 5px 10px rgba(51,51,51,.2);}
.aboutUsC3Swiper .con{text-align: center;}
.aboutUsC3Swiper .con .pic{width: 210px;margin: 0 auto;border-radius: 100%;overflow: hidden;margin-bottom: 35px;}
.aboutUsC3Swiper .swiper-slide-active,.swiper-slide-duplicate-active .con .pic{width: 280px;}
.aboutUsC3Swiper .con .pic::before{padding-top:100%;}
.aboutUsC3Swiper .con .name{font-size: 28px;color: #333;font-weight: bold;height: 45px;line-height: 45px;}
.aboutUsC3Swiper .con .title{font-size:18px ;color: #333333;height:40px;line-height:40px;margin-bottom: 12px;}
.aboutUsC3Swiper .con .text{font-size:14px ;color: #666666;height:44px;line-height:22px;margin-bottom: 25px;}
.aboutUsC3Swiper .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.aboutUsC3More a{display: inline-block;width: 50px;height: 50px;border: 1px solid #8e8e8e;background: url(../images/moreJtIcon3.png) no-repeat center center / 15px 15px;border-radius: 100%;}
.aboutUsC3More a:hover{border-color:#53055f;background-image: url(../images/moreJtIcon2.png);}
/*第三通栏 end*/
/*第四通栏 start*/
.aboutUsC4{position:relative;overflow: hidden;}
.aboutUsC4 .bTab {width: 100%;height: 100%;position: relative;z-index: 2;height:860px;}
.aboutUsC4 .bTab dd {width: 25%;height: 100%;text-align: center;position: relative;transition: all .4s linear;-webkit-transition: all .4s linear;display: inline;float: left;text-align: center;}
.aboutUsC4 .bTab dd::before {display: block;content: '';width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.2);position: absolute;top: 0;right: 0;}
.aboutUsC4 .bTab dd:last-child::before {display: none;}
.aboutUsC4 .bTab dd .icn {margin: 0 auto;position: relative;}
.aboutUsC4 .bTab dd .icn::before{display: inline-block;content: '';width: 120px;height: 120px;background: url(../images/aboutUsC4Icon3.png) no-repeat center center / contain;opacity:0;visibility: hidden;transition: all 500ms;-webkit-transition: all 500ms;}
.aboutUsC4 .bTab dd .icn em{display: inline-block;background-repeat: no-repeat ;background-position: center center;background-size: contain; width: 45px;height: 35px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.aboutUsC4 .bTab dd .text{margin-bottom: 83px;}
.aboutUsC4 .bTab dd .cnText{font-size: 32px;font-weight: bold;height: 55px;line-height: 55px;color: #fff;margin-bottom: 10px;}
.aboutUsC4 .bTab dd .enText{font-size: 16px;font-weight: bold;height: 50px;line-height: 25px;text-transform: uppercase;color: rgba(255,255,255,.6);transition: all 500ms;-webkit-transition:all 500ms;}
.aboutUsC4 .bTab dd i{background: url(../images/aboutUsC4Icon1.png) no-repeat center center / contain;width: 15px;height: 65px;display: block;margin: 0 auto;transition: all 500ms;-webkit-transition:all 500ms;}
.aboutUsC4 .bTab dd .aboutUsC4More a{background:#fff ;border-radius: 100%;width: 40px;height: 40px;opacity:0;visibility: hidden;transition: all 700ms;-webkit-transition:all 700ms;display: inline-block;}
.aboutUsC4 .bTab dd .aboutUsC4More em{display: block;background: url(../images/moreJtIcon2.png) no-repeat center center / contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 15px;height: 15px;}
.aboutUsC4 .bTab dd:hover {background:rgba(12,58,99,.3);}
.aboutUsC4 .bTab dd:hover .icn{margin-bottom: 10px;}
.aboutUsC4 .bTab dd:hover .icn::before{opacity:1;visibility: visible;animation:spin 10s linear infinite;}
.aboutUsC4 .bTab dd:hover .enText{opacity:0;visibility: hidden;}
.aboutUsC4 .bTab dd:hover i{transform: translateY(-20px);-webkit-transform: translateY(-20px);opacity:0;visibility: hidden;}
.aboutUsC4 .bTab dd:hover .aboutUsC4More a{transform: translateY(20px);-webkit-transform: translateY(20px);opacity:1;visibility: visible;overflow: hidden;}
.aboutUsC4 .bTab dd .aboutUsC4More a:hover{background-color: transparent;}
.aboutUsC4 .bTab dd .aboutUsC4More a:hover em{background-image: url(../images/moreJtIcon.png);}
.aboutUsC4 .bTab dd .aboutUsC4More a::before{display: block;content:'';transform: scale(0);-webkit-transform: scale(0);transition: all 500ms;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 100%;}
.aboutUsC4 .bTab dd .aboutUsC4More a:hover::before{background: #521766;transform: scale(1);-webkit-transform: scale(1);}

.aboutUsC4 .bg1Swiper,.aboutUsC4 .bg1Swiper .swiper-wrapper,.aboutUsC4 .bg1Swiper .swiper-slide {height: 100% !important;width: 100% !important;}

.aboutUsC4 .bg1Swiper {position: absolute !important;top: 0;left: 0;}
.aboutUsC4 .bg1Swiper .swiper-wrapper {transform: translate(1px) !important;/*解决swiper第一个不改变*/margin-left: -1px;left: 0 !important;}
.aboutUsC4 .bg1Swiper .swiper-slide {top: 0;left: 0;opacity: 0;z-index: 1;transform: scale(1.3) !important;transition: 1.5s ease-in-out;position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.aboutUsC4 .bg1Swiper .swiper-slide-active {opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1) !important;}
/*第四通栏 end*/
/*关于我们 end*/
/*业务板块 start*/
.businessV1{padding:100px 0 ;}
.businessV1 .pic{width:26.7949%;margin-left: 150px;}
.businessV1 .pic::before{padding-top:100%;}
.businessV1 .textC{overflow: hidden;}
.businessV1 .textC .title{font-size:18px;color: #333333;height: 45px;line-height: 45px;margin-bottom: 20px;background: url(../images/businessV1Img2.png) no-repeat left center;}
.businessV1 .textC .text{font-size:15px;color: #555555;height: 240px;line-height:30px;overflow-y: auto;padding-right: 15px;}

.businessV2{padding:50px 0;}
.businessV2 .aboutUsMore{padding-top: 30px;}
.businessV2Top .aboutUsTitle{overflow: hidden;margin-bottom: 32px;}
.businessV2Box{margin-bottom: 60px;}
.businessV2Left{overflow: hidden;}
.businessV2Left .pic{overflow: hidden;}
.businessV2Left .pic::before{padding-top:59.8214%;}
.businessV2Left .textC{padding:10px 25px;background-color: #fff;overflow: hidden;}
.businessV2Left .time{font-size: 14px;color: #333333;line-height:40px;text-align: center;float: left;display: inline;margin-right: 20px;}
.businessV2Left .time i{font-size: 36px;color: #333;line-height: 23px;font-style: normal;display: block;}
.businessV2Left .text{overflow: hidden; font-size:18px ;color: #555555;height: 60px;line-height: 60px;padding:0 30px;border-left: 1px solid #e6e6e6;margin-left: 25px;}
.businessV2List{width:61.5385%;margin-left: 40px;}
.businessV2List dd{float: left;display: inline;width: 33.3333%;background-color: #fff;padding:55px 30px 97px;height: 415px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 500ms;-webkit-transition: all 500ms;}
.businessV2List dd .time{font-size: 14px;color: #333333;line-height:40px;text-align: center;display: inline-block;vertical-align: middle;margin-bottom: 30px;}
.businessV2List dd .time i{font-size: 36px;color: #333;line-height: 23px;font-style: normal;display: block;}
.businessV2List dd .title{font-size: 16px;color: #333333;height: 35px;line-height: 35px;margin-bottom: 10px;}
.businessV2List dd .text{font-size: 14px;color: #666;height: 75px;line-height: 25px;margin-bottom:45px;}
.businessV2List dd em{display: block;background:url(../images/moreIcon1.png) no-repeat left center / contain;width: 50px;height: 8px;}
.businessV2List dd:hover{ box-shadow: 4px 2px 12px 8px rgba(0,0,0,.1);z-index: 5;position: relative;}
.businessV2List dd:hover .time,
.businessV2List dd:hover .title{color: #651d7c;}
.businessV2List dd:hover .time i{color: #651d7c;}

.businessV3{padding:50px 0 ;}
.businessV3 .aboutUsMore{padding-top: 30px;}
.businessV3Top .aboutUsTitle{overflow: hidden;margin-bottom: 32px;}
.businessV3Scroll{position: relative;margin-right: -35px;}
.businessV3Scroll .bd{height: 100%;}
.businessV3Scroll .bd .myslide{height: 100%;margin-right: 35px;}
.businessV3Scroll .slick-dots{position: absolute;left: 0;bottom: -50px;}
.businessV3Scroll .slick-dots li{float: left;display: inline;width: 12px;height: 12px;border-radius: 100%;border: 1px solid #651d7c;box-sizing: border-box;-webkit-box-sizing: border-box;margin-right: 12px;cursor: pointer;}
.businessV3Scroll .slick-dots li.slick-active{background-color: #651d7c;}
.businessV3List dd a{display: block;border: 1px solid #eaeaea;padding:20px 20px 68px;border-radius: 10px;overflow: hidden;transition: all 500ms;-webkit-transition: all 500ms;}
.businessV3List dd .pic{margin-bottom: 50px;border-radius: 10px;overflow: hidden;transition: all 500ms;-webkit-transition: all 500ms;}
.businessV3List dd .pic::before{padding-top:60%;}
.businessV3List dd .title{font-size:18px ;color: #333;height:40px;line-height:40px;font-weight: bold;}
.businessV3List dd .text{font-size:16px ;color: #999;height:40px;line-height:40px;margin-bottom: 10px;}
.businessV3List dd i{background:url(../images/moreIcon1.png) no-repeat left center / contain;display: block;width: 52px;height: 8px;transition: all 500ms;-webkit-transition: all 500ms;}
.businessV3List dd:hover a{border-color: #651d7c;}
.businessV3List dd:hover .pic{box-shadow: -5px 4px 10px 6px rgba(0,0,0,.1);}
.businessV3List dd:hover i{background-image:url(../images/moreIcon3.png);}

.businessV4{background-position: center center;background-repeat: no-repeat;background-size:cover;padding:50px 0;}
.businessV4 .aboutUsTitle{margin-bottom:35px;}
.businessV4Scroll{position: relative;}
.businessV4Scroll .bd{height: 100%;}
.businessV4Scroll .bd .myslide{height: 100%;}
.businessV4Scroll .slick-dots{position: absolute;right: 0;top: -70px;cursor: pointer;}
.businessV4Scroll .slick-dots li{float: left;display: inline;width: 10px;height: 10px;border-radius: 100%;background-color: #651d7c;margin-right: 10px;}
.businessV4Scroll .slick-dots li.slick-active{width: 45px;border-radius: 30px;}
.businessV4List {margin-right: -30px;}
.businessV4List dd{float: left;display: inline;width: 33.3333%;}
.businessV4List dd a{display: block;margin-right: 30px;}
.businessV4List dd .pic{margin-bottom: 37px;border-radius:8px;overflow: hidden;}
.businessV4List dd .pic::before{padding-top:60%;}
.businessV4List dd .text{font-size:16px ;color: #fff;line-height:28px;height:56px;font-weight: bold;}

.businessV5 .aboutUsTitle{padding:60px 0 30px;}
.businessV5Con{padding-bottom: 50px;position: relative;height: 900px;}
.businessV5Left{padding: 55px 60px 0 68px;background-color: #2259bf;width: 49.2308%;min-height: 450px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.businessV5Con .cntitle{font-size:24px ;color: #fff;height:35px;line-height:35px;font-weight: bold;}
.businessV5Con i{font-size:16px ;color: rgba(255,255,255,.2);height:22px;line-height:22px;text-transform: uppercase;font-weight: bold;display: block;margin-bottom: 45px;}
.businessV5Left .text{font-size: 15px;color: rgba(255,255,255,.8);line-height: 25px;height: 100%;overflow-y: auto;padding-right: 15px;text-align: justify;margin-bottom: 35px;}
.businessV5Ul{overflow: hidden;}
.businessV5Ul li{float: left;display: inline;width: 33.3333%;height: 40px;font-size: 16px;color: #fff;line-height: 40px;position: relative;padding-left: 25px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.businessV5Ul li::before{display: block;content:'';width: 12px;height: 12px;border-radius:100%;background-color: rgba(255,255,255,.1);position: absolute;left: 0;top: 15px;}
.businessV5Ul li::after{display: block;content:'';width: 5px;height: 5px;border-radius:100%;background-color: rgba(255,255,255,1);position: absolute;left: 0;top:15px;}
.businessV5C{width: 25px;height: 449px;background-color: #2f62c1;transform: skewY(45deg);margin-top: 13px;}
.businessV5Right{padding:55px 65px 0 55px;min-height: 450px;background-color: #5a82cd;margin-top: 24px;width: 49.0834%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.businessV5Right .text{font-size: 15px;color: rgba(255,255,255,.8);line-height: 25px;height: 200px;overflow-y: auto;padding-right: 15px;text-align: justify;}

.column4_dl {
	position: relative;
	height: 500px;
	padding-top: 55px;
	box-sizing: border-box;
}

.column4_dl dd {
	position: absolute;
	width: 140px;
	height: 140px;
	left: 0;
	top: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	perspective: 800px;
}
.column4_dl dd .ddRot{
	position:relative;
	width: 140px;
	height: 140px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	perspective: 800px;
}
.column4_dl dd.dd1 {
	left: 7.1528%;
}

.column4_dl dd.dd2 {
	left: 21.5278%;
}

.column4_dl dd.dd3 {
	left: 35.9722%;
}

.column4_dl dd.dd4 {
	left: 50.3472%;
}

.column4_dl dd.dd5 {
	left: 64.7222%;
}

.column4_dl dd.dd6 {
	left: 79.0972%;
}

.column4_dl dd.dd7 {
	left: 0%;
	top: 108px;
}

.column4_dl dd.dd8 {
	left: 14.3561%;
	top: 108px;
}

.column4_dl dd.dd9 {
	left: 28.8194%;
	top: 108px;
}

.column4_dl dd.dd10 {
	left: 43.1556%;
	top: 108px;
}

.column4_dl dd.dd11 {
	left: 57.6289%;
	top: 108px;
}

.column4_dl dd.dd12 {
	left: 71.875%;
	top: 108px;
}

.column4_dl dd.dd13 {
	left: 86.3583%;
	top: 108px;
}

.column4_dl dd.dd14 {
	left: 7.1528%;
	top: 215px;
}

.column4_dl dd.dd15 {
	left: 21.5278%;
	top: 215px;
}

.column4_dl dd.dd16 {
	left: 35.9722%;
	top: 215px;
}

.column4_dl dd.dd17 {
	left: 50.3472%;
	top: 215px;
}

.column4_dl dd.dd18 {
	left: 64.7222%;
	top: 215px;
}

.column4_dl dd.dd19 {
	left: 79.0972%;
	top: 215px;
}
.column4_dl dd.dd20 {
	left: 0%;
	top: 323px;
}

.column4_dl dd.dd21 {
	left: 14.3561%;
	top: 323px;
}

.column4_dl dd.dd22 {
	left: 28.8194%;
	top: 323px;
}

.column4_dl dd.dd23 {
	left: 43.1556%;
	top: 323px;
}

.column4_dl dd.dd24 {
	left: 57.6289%;
	top: 323px;
}

.column4_dl dd.dd25 {
	left: 71.875%;
	top: 323px;
}

.column4_dl dd.dd26 {
	left: 86.3583%;
	top: 323px;
}

.column4_dl dd.dd27 {
	left: 7.1528%;
	top: 430px;
}

.column4_dl dd.dd28 {
	left: 21.5278%;
	top: 430px;
}

.column4_dl dd.dd29 {
	left: 35.9722%;
	top: 430px;
}

.column4_dl dd.dd30 {
	left: 50.3472%;
	top: 430px;
}

.column4_dl dd.dd31 {
	left: 64.7222%;
	top: 430px;
}

.column4_dl dd.dd32 {
	left: 79.0972%;
	top: 430px;
}

.column4_dl dd.dd33 {
	left: 0%;
	top: 540px;
}

.column4_dl dd.dd34 {
	left: 14.3561%;
	top: 540px;
}

.column4_dl dd.dd35 {
	left: 28.8194%;
	top: 540px;
}

.column4_dl dd.dd36 {
	left: 43.1556%;
	top: 540px;
}

.column4_dl dd.dd37 {
	left: 57.6289%;
	top: 540px;
}

.column4_dl dd.dd38 {
	left: 71.875%;
	top: 540px;
}

.column4_dl dd.dd39 {
	left: 86.3583%;
	top: 540px;
}
.column4_dl dd.dd40 {
	left: 7.1528%;
	top: 650px;
}

.column4_dl dd.dd41{
	left: 21.5278%;
	top: 650px;
}

.column4_dl dd.dd42 {
	left: 35.9722%;
	top: 650px;
}

.column4_dl dd.dd43 {
	left: 50.3472%;
	top: 650px;
}

.column4_dl dd.dd44 {
	left: 64.7222%;
	top: 650px;
}

.column4_dl dd.dd45 {
	left: 79.0972%;
	top: 650px;
}

.column4_dl dd.dd46 {
	left: 0%;
	top: 760px;
}

.column4_dl dd.dd47 {
	left: 14.3561%;
	top: 760px;
}
.column4_dl dd .ddCon {
	transform: rotateZ(135deg);
	-webkit-transform: rotateZ(135deg);
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.08);
	height: 100%;
	overflow: hidden;
	position: relative;
}
.column4_dl dd .ddCon .con{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: #fff;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.column4_dl dd .ddCon .con1{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.column4_dl dd:hover .ddCon{
	position: relative;
	z-index: 5;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
.column4_dl dd:hover .ddCon .con1{
	opacity: 1;
	visibility: visible;
}
.column4_dl dd:hover .ddCon .con{
	opacity: 0;
	visibility: hidden;
}
.column4_dl dd .con a{
	display: block;
	position: relative;
	height: 100%;
	cursor: pointer;
/* 	transform: rotateZ(-135deg);
	-webkit-transform: rotateZ(-135deg); */
	}
.column4_dl dd  a .cona{
	position: relative;
	height: 100%;
	transform: rotateZ(-135deg);
	-webkit-transform: rotateZ(-135deg);
}
.column4_dl dd .con1 a .cona{
	transform: rotateZ(-135deg) rotateY(-180deg);
	-webkit-transform: rotateZ(-135deg) rotateY(-180deg);
}
.column4_dl dd .picBox {
	position: relative;
	height: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.column4_dl dd:hover .ddRot{
	z-index: 10;
	transform-style: preserve-3d;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.column4Wrap{
	width: 1560px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	left: 50%;
	margin-left: -780px;
	z-index: 2;
}

.businessV6{padding-bottom: 30px;}
.businessV6 .aboutUsTitle{margin-bottom:15px;}
.businessV6Con{padding-bottom: 28px;border-bottom: 1px solid #e8ecf0;}
.businessV6Con .left{padding-top: 27px;border-top: 1px solid #e8ecf0;width: 56.2066%;margin-right: 185px;}
.businessV6Con .left span{display: block;font-size:16px ;color: #333333;height:45px;line-height:45px;}
.businessV6Con .left .infoC{overflow: hidden;}
.businessV6Con .left .info{font-size: 14px;color: #333333;line-height:50px;float: left;display: inline;margin-right: 30px;}
.businessV6Con .left .info em{display: inline-block;vertical-align: middle;background-position: center center;background-repeat: no-repeat;background-size: contain;width: 20px;height: 20px;margin-right: 10px;}
.businessV6Con .left .label,
.businessV6Con .left .value{display: inline-block;vertical-align: middle;}
.businessV6Con .left .value img{display: inline-block;vertical-align: middle;object-fit: contain;height: 18px;}
.businessV6List{overflow: hidden;}
.businessV6List dd{float: left;display: inline;width: 33.3333%;}
.businessV6List dd .picC{padding:5px;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #e0e0e0;border-radius: 8px;overflow: hidden;width:120px;margin-bottom: 13px;}
.businessV6List dd .pic::before{padding-top: 100%;}
.businessV6List dd .text{font-size: 14px;color: #666;height: 25px;line-height: 25px;}
/*业务板块 end*/
/* ========== 频道页 end ========== */