@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* 进度条 */.aykjLoading {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 1);}.aykjLoading .loadingC { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}.aykjLoading .loadingC .text{ display: inline-block; vertical-align: middle; color: #333; font-weight: bold; font-size: 14px;}.la-line-scale,.la-line-scale>div {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.la-line-scale {display: block;font-size: 0;color: #0a569e}.la-line-scale.la-dark {color: #333}.la-line-scale>div {display: inline-block;float: none;background-color: currentColor;border: 0 solid currentColor}.la-line-scale {width: 40px;height: 32px}.la-line-scale>div {width: 4px;height: 32px;margin: 2px;margin-top: 0;margin-bottom: 0;border-radius: 0;-webkit-animation: line-scale 1.2s infinite ease;-moz-animation: line-scale 1.2s infinite ease;-o-animation: line-scale 1.2s infinite ease;animation: line-scale 1.2s infinite ease}.la-line-scale>div:nth-child(1) {-webkit-animation-delay: -1.2s;-moz-animation-delay: -1.2s;-o-animation-delay: -1.2s;animation-delay: -1.2s}.la-line-scale>div:nth-child(2) {-webkit-animation-delay: -1.1s;-moz-animation-delay: -1.1s;-o-animation-delay: -1.1s;animation-delay: -1.1s}.la-line-scale>div:nth-child(3) {-webkit-animation-delay: -1s;-moz-animation-delay: -1s;-o-animation-delay: -1s;animation-delay: -1s}.la-line-scale>div:nth-child(4) {-webkit-animation-delay: -.9s;-moz-animation-delay: -.9s;-o-animation-delay: -.9s;animation-delay: -.9s}.la-line-scale>div:nth-child(5) {-webkit-animation-delay: -.8s;-moz-animation-delay: -.8s;-o-animation-delay: -.8s;animation-delay: -.8s}.la-line-scale.la-sm {width: 20px;height: 16px}.la-line-scale.la-sm>div {width: 2px;height: 16px;margin: 1px;margin-top: 0;margin-bottom: 0}.la-line-scale.la-2x {width: 80px;height: 25px;display: inline-block;vertical-align: middle;}.la-line-scale.la-2x>div {width: 8px;height: 25px;margin: 4px;margin-top: 0;margin-bottom: 0}.la-line-scale.la-3x {width: 120px;height: 96px}.la-line-scale.la-3x>div {width: 12px;height: 96px;margin: 6px;margin-top: 0;margin-bottom: 0}@-webkit-keyframes line-scale {0%,40%,100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4)}20% {-webkit-transform: scaleY(1);transform: scaleY(1)}}@-moz-keyframes line-scale {0%,40%,100% {-webkit-transform: scaleY(0.4);-moz-transform: scaleY(0.4);transform: scaleY(0.4)}20% {-webkit-transform: scaleY(1);-moz-transform: scaleY(1);transform: scaleY(1)}}@-o-keyframes line-scale {0%,40%,100% {-webkit-transform: scaleY(0.4);-o-transform: scaleY(0.4);transform: scaleY(0.4)}20% {-webkit-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1)}}@keyframes line-scale {0%,40%,100% {-webkit-transform: scaleY(0.4);-moz-transform: scaleY(0.4);-o-transform: scaleY(0.4);transform: scaleY(0.4)}20% {-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1)}}
.indexA {
    visibility: hidden;
}
/* ————— 头部 start ————— */
.top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 666;
	opacity: 1;
	transition: .5s;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background: #fff;
	box-shadow: 0 0 16px rgba(0, 0, 0, .05);
}
.top.hover {opacity: 0;}
.top.on {opacity: 1 !important;height: unset !important;overflow: visible !important;}

.top.active {
	background: #fff;
}

.top.page1 {
	background: none;
	border: none;
	box-shadow: none;
}

/* logo start */

.logo {
	width: 530px;
	height: 90px;
	float: left;
}

.logo img {
	width: 100%;
	margin-top: 14px;
}
#imgLogin2,.top.page1 #imgLogin1 {display: none;}
.top.page1 #imgLogin2 {display: block;}
/* logo end */
/* 视频弹窗 start */
.aykj-videoPop .layui-layer-setwin .layui-layer-close2 {
	width: 30px !important;
	height: 30px !important;
	right: -40px;
	top: -40px;
	background: url(../images/common/videoPopClose.png) no-repeat center center;
}

.aykj-videoPop .layui-layer-setwin .layui-layer-close2:hover {
	background: url(../images/common/videoPopClose.png) no-repeat center center;
}

.aykj-videoPop {
	border: 10px solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important;
	border-radius: 5px !important;
	background-color: #000 !important;
}
/* 视频弹窗 end */
/* 搜索 start */
.topR {
	margin-top: 26px;
	position: relative;
	margin-left: 32px;
}

.search {
	overflow: hidden;
	background: #f2f2f2;
}

.searchInput {
	width: 268px;
	z-index: 0;
	float: left;
	display: inline;
}

.searchInput input {
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	background: none;
	border: none;
}

.searchInput input input::-webkit-input-placeholder {
	color: #666666;
	/* placeholder颜色  */
	font-size: 14px;
	/* placeholder字体大小  */
	text-align: left;
	/* placeholder位置  */
}

.searchBtn {
	float: left;
	display: inline;
	width: 38px;
	height: 40px;
	overflow: hidden;
	background: url(../images/common/search.png) no-repeat center center;
	position: relative;
}

.searchBtn:before {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	background-color: #d7d7d7;
}

.topSearch {
	width: 94px;
	height: 40px;
	background: url(../images/sc.png) no-repeat 82% 60%;
	cursor: pointer;
	border-radius: 40px;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	position: relative;
}
.top.page1 .topSearch {background: url(../images/scA.png) no-repeat 82% 60%;}
.topSearch::before {
	position: absolute;
	display: block;
	content: '';
	width: 45px;
	height: 45px;
	background: rgba(0, 62, 175, .15);
	top: 0;
	right: 0;
	border-radius: 50%;
}
.topR::before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 20px;
	background-color: rgba(0, 0, 0, .2);
	top: 50%;
	margin-top: -10px;
}
.top.page1 .topR::before {background-color: #fff;}
.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: 72px;
	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: #003eaf 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 */
.menuBox {
	position: relative;
	z-index: 1;
}

.menuDl {
	float: right;
}

.menuDl::after {
	display: block;
	content: "";
	clear: both;
}

.menuDl dd {
	float: left;
	font-size: 16px;
	text-align: center;
	position: relative;
	line-height: 90px;
	padding: 0 32px;
}


.menuDl dd .ej {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	visibility: hidden;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	z-index: 11;
	border-radius: 0 0 5px 5px;
	transition: all .3s linear;
	opacity: 0;
	box-shadow: 0 20px 16px rgba(0, 0, 0, 5%);
}

.menuDl dd .ej .xsj {
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: -30px;
	border: 15px solid transparent;
	z-index: 999;
	border-bottom-color: #3b80e8;
}

.subTop .menuDl dd .ej {
	background-color: #fff;
}

.menuDl dd .ej li {
	font-size: 15px;
	text-align: center;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.menuDl dd .ej li a {
	padding: 14px 8px;
	line-height: 25px;
	display: block;
	color: #333333;
}

.subTop .menuDl dd .ej li a {
	padding: 12px 0;
	line-height: 25px;
	display: block;
	color: #333;
	margin-bottom: 1px;
}

.menuDl dd .ej.show {
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
}
.menuDl dd a.shuidi {
	display: block;
	color: #333333;
	transition: .5s;
	height: 100%;
	font-size: 16px;
	position: relative;
	z-index: 7;
}
.top.page1 .menuDl dd a.shuidi {color: #fff;}

.menuDl dd.hover a.shuidi {
	color: #003eaf;
	position: relative;
}

.menuDl dd:hover a.shuidi {
	color: #003eaf !important;
}

.menuDl dd .ej li a:hover {
	background: #003eaf;
}

.menuDl dd .ej li a:hover {
	color: #fff !important;
}

.menuDl dd .ej li:last-child {
	border-radius: 0 0 5px 5px;
}

.subTop .top {
	z-index: 666;
	background: #fff;
	box-shadow: 0 0 16px rgba(0, 0, 0, 5%);
}
.subTop .top .con {
	height: 0;
}
.top .imgLogo2 {
	display: none;
}
.menuIcon {
	display: none;
}
.subTop .top .menuDl dd a.shuidi {
	color: #333 ;
}
.subTop .top .menuDl dd a.shuidi::before,
.top.active .menuDl dd a.shuidi::before {background: #147e4f;}
.top.active {box-shadow: 0 0 16px rgba(0, 0, 0, 5%);}
.top.active .menuDl dd a.shuidi {
	color: #333 ;
}
.top.active .menuDl dd .ej {
	background: #fff;
	box-shadow: 0 0 16px rgb(0 0 0 / 2%);
}
.menuDl dd::before {
	position: absolute;
	display: block;
	content: '';
	width: 54px;
	height: 55px;
	background: url(../images/menuIcon.png) center center no-repeat;
	background-size: 100%;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -24.5px;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 6;
	transform: scale(0);
}
.menuDl dd.hover::before {transform: scale(1);}
.menuDl dd:hover::before {transform: scale(1);}
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner::before{content: '';display: block;padding-top: 0;}
.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 .bg{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all 1.5s 0s ease-in-out;transform: scale(1.15);display: block;}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}

.indexBanner .slick-dots{position: absolute;bottom: 34px;left: 0;width: 100%;text-align: center;font-size: 0;}
.indexBanner .slick-dots li {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 7px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}
.indexBanner .slick-dots li .dot {
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 7px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
}
.indexBanner .slick-dots li.slick-active .dot,
.indexBanner .slick-dots li svg {
	display: none;
}
.indexBanner .slick-dots li svg .progress {
	stroke-dashoffset: 190;
	animation: progress-ring 18s linear;
	animation-play-state: paused;
}
.indexBanner .slick-dots li svg .progress1 {opacity: .5;}
.indexBanner .slick-dots li.slick-active svg {display: block;position: relative;top: -8px;}
.indexBanner .slick-dots li.slick-active svg .progress {animation-play-state: running;}

.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 .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;}
.indexBanner .img .imgItem img.show{visibility: visible;}
.indexBanner .mySlide.on .bg{transform: scale(1);}

.indexBanner .prev,
.indexBanner .next {
	position: absolute;
	width: 50px;
	height: 60px;
	left: 60px;
	display: block;
	top: 50%;
	margin-top: -30px;
	background: url(../test/product/prevQ.png) no-repeat  center center / 74%;
	z-index: 66;
	border-radius: 10px;
	transition: all .5s;
	cursor: pointer;
}
.indexBanner .next {
    left: unset;
    right: 60px;
	transform: rotate(180deg);
}
.indexBanner .prev:hover,
.indexBanner .next:hover {
	background-color: #e81e2a;
}
@keyframes progress-ring {
    0% {
      stroke-dashoffset: 190;
    }
    50% {
      stroke-dashoffset: 120;
    }
	100% {
		stroke-dashoffset: 120;
	}
  }
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
.footer{ background: #ffffff;}
.footerLogo {
	height: 114px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.footerLogo img {
	width: 232px;
	margin-top: 24px;
}
.footerCenter {
	overflow: hidden;
	padding-top: 28px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.footerLeft {
	overflow: hidden;
}
.footerLeft dd {
	float: left;
	width: 16.6667%;
}
.footerLeft dd .navTitle {
	line-height: 40px;
	font-size: 16px;
	color: #333333;
	margin-bottom: 5px;
}
.footerLeft dd ul li a{
	display: block;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
}
.footerLeft dd ul li a:hover {
	color: #003eaf;
}
.footerRight {
	width: 636px;
	text-align: right;
	padding-top: 6px;
}
.footerRight .kf {
	line-height: 30px;
	font-size: 14px;
	color: #808080;
}
.footerRight .kf img {
	vertical-align: middle;
	margin-right: 10px;
}
.footerTel {
	line-height: 38px;
	font-size: 35px;
	color: #333333;
	font-family: 'pop';
	margin-bottom: 6px;
}
.footerEmail,
.footerSite {
	line-height: 26px;
	font-size: 14px;
	color: #808080;
}
.footerSite.b {margin-bottom: 14px;}
.footerRight .ewm .img {
	width: 126px;
	height: 126px;
	padding: 8px;
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
}
.footerRight .ewm .img img {width: 100%;height: 100%;}
.footerRight .ewm .title {
	line-height: 36px;
	font-size: 15px;
	color: #808080;
}
/* 底部版权start   */
.friendCopyRight {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	font-size: 14px;
	color: #808080;
}

.friendCopyRight .conL {
	float: left;
	display: inline;
}

.friendCopyRight .conL span {
	margin-right: 20px;
}

.friendCopyRight .conL img {
	margin-right: 10px;
	vertical-align: middle;
}

.friendCopyRight .conL a {
	color: #808080;
	margin-right: 20px;
}

.friendCopyRight .conL a:hover {
	color: #003eaf;
}

.friendCopyRight .conR {
	float: right;
	display: inline;
}

.friendCopyRight .conR a {
	color: #808080;
}

.friendCopyRight .conR a:hover {
	color: #003eaf;
}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position: relative;overflow: hidden;width: 100%;margin-top: 90px;}
.subBanner:before{display: block;content: '';padding-top: 25.105%;}
.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{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.subBanner .wrap{height: 100%;}
.subBanner .textC{position: relative;}
.subBanner .textC .cnTitle {
	font-size: 40px;
	color: #ffffff;
	line-height: 62px;
	font-weight: bold;
}

.subBanner .textC .enTitle {
	font-size: 24px;
	font-family: 'pop';
	color: rgb(255 255 255 / .78);
	line-height: 42px;
	text-transform: uppercase;
}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox {
	clear: both;
	width: 100%;
	height: 80px;
	background: #fff;
	box-shadow: 0px 0px 9.9px 1.1px rgba(225, 225, 225, 0.3);
	z-index: 333;
	position: relative;
}

.location {
	height: 80px;
	overflow: hidden;
	padding-left: 33px;
	position: relative;
}


.location a {
	display: inline;
	float: left;
	height: 80px;
	line-height: 80px;
	padding-left: 45px;
	color: #8a8a8a;
	font-size: 16px;
	position: relative;
}
.location a::before {
	position: absolute;
	display: block;
	content: '';
	width: 20px;
	height: 1px;
	background: rgba(0, 0, 0, .2);
	left: 10px;
	top: 50%;
	margin-top: -.5px;
}
.location a:first-child::before {display: none;}
.location a::after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background: #003eaf;
	right: 0;
	bottom: 0;
	transform: scale(0);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.location a:hover::after,
.location a.hover::after {
	transform: scale(1);
}


.location a:hover,
.location a.hover {
	color: #003eaf
}

.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: #8a8a8a;
	font-size: 18px;
	margin-right: 72px;
	position: relative;
}
.subNav a::before {
	position: absolute;
	display: block;
	content: '';
	width: 70px;
	height: 2px;
	background: #003eaf;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: scale(0);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.subNav a.hover::before,
.subNav a:hover::before {
	transform: scale(1);
}

.subNav a.hover,
.subNav a:hover {
	color: #003eaf
}
/* ————— 当前位置 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: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.sjMenu a.hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page {
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	position: relative;
	width: 40px;
	height: 40px;
	display: inline-block;
	overflow: hidden;
	color: #666666;
	background: #fff;
	margin: 0 3px;
	border: 1px solid #dedede;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #003eaf;
	color: #fff;
}

.page a.hover {
	background: #003eaf;
	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 {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.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);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.page a.lastPage div {
	background-image: url(../images/common/page/lastPage.png);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.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 {
}

.page a.prevPage.disabled {
}

.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);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.page a.prevPage.disabled div {
	background-image: url(../images/common/page/prevPage.png);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.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 ========== */
/* ————— 公共部分 start ————— */
.indexTitle {
	height: 92px;
	position: relative;
}
.indexTitle .title{
	line-height: 86px;
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	position: relative;
	z-index: 6;
}
.indexTitle .title1 {
	line-height: 86px;
	font-size: 120px;
	color: rgba(235, 244, 255, .3);
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 1;
	font-family: 'FM';
	font-weight: bold;
}
.indexTitleBox {
	overflow: hidden;
}
.indexMore {
	width: fit-content;
	padding: 0 32px;
	border: 2px solid #4060b1;
	border-radius: 54px;
	line-height: 54px;
	font-size: 16px;
	color: #fff !important;
	margin-top: 16px;
	transition: all .5s;
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 1;
}
.indexMore .iconB {
	margin-left: 22px;
	width: 11px;
	height: 8px;
	background: url(../test/index/indexMoreA.png) center center no-repeat;
	display: inline-block;
	transition: all .5s;
}
.indexMore:hover {top: -5px;}
.indexMore:hover {background: #4060b1 !important;}
.indexMore::before {
	position: absolute;
	display: block;
	content: '';
	width: 54px;
	height: 54px;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #4060b1;
	transform: scale(0);
	transition: all .5s;
	z-index: -1;
}
.indexMore.on::before {transform: scale(1);}
.indexMore.on1::before {width: 110%;border-radius: 54px;}
.indexMore img {margin-left: 22px;vertical-align: middle;}
.indexSwiper {width: 100%;height: 100%;}
.indexSwiper .swiper-slide {overflow:hidden;}
.indexSwiper .swiper-slide.lastChild{ height: auto !important;}
.indexSwiper .slide-inner {position: relative;width: 100%;height: 100%;background-size: cover;background-position: center;}
.indexSwiper .swiper-slide.lastChild .slide-inner{ transform: translate3d(0,0,0) !important;}
.indexSwiper .swiper-pagination{position: fixed;right: 18.6046% !important;z-index: 9;top: 50%;transform: translateY(-50%);word-wrap: break-word;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em{opacity: 1;transform: translateX(0);}
.indexSwiper .column1,
.indexSwiper .column2,
.indexSwiper .column3,
.indexSwiper .wrap {
    /* height: 100%; */
}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.column2,.section2 {
	overflow: hidden;
}
.column2Box {
	overflow: hidden;
}
.column2Right {
	float: right;
	display: inline;
	width: 28.5257%;
	position: relative
}
.column2Right::before{
	display: block;
	content: '';
	padding-top: 93%;
}
.column2Right .img {
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	transition: all .5s;
	width: 100%;
}
.column2Right .img.active {
	display: block;
}
.column2Right .title {
	line-height: 30px;
	font-size: 18px;
	color: #333;
	text-align: center;
}
.column2Left {
	overflow: hidden;
	padding-top: 85px;
}
.column2Left dd {
	float: left;
	width: 50%;
	margin-bottom: 75px;
}
.column2Left dd .con {
	display: block;
	margin-right: 154px;
}
.column2Left dd .con .text {
	position: relative;
	margin-bottom: 12px;
}
.column2Left dd .con .title {
	line-height: 38px;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	position: relative;
	z-index: 6;
	background: #fafafa;

}
.column2Left dd.active .title {
	color: #003eaf;
	font-size: 24px;
}
.column2Left dd .con .num {
	font-size: 80px;
	font-weight: bold;
	color: rgba(2, 80, 173, .1);
	position: absolute;
	top: -66px;
	left: 0;
	z-index: 1;
}
.column2Left dd .con .textC {
	line-height: 30px;
	font-size: 15px;
	color: #666666;
}
/*  */
.column1SwiperBox {
	overflow: hidden;
	position: relative;
	padding: 0 110px;
	box-sizing: border-box;
	min-height: 212px;
}
.column1SwiperBox .item {display: none;}
.column1SwiperBox .item.active {display: block;}
.column1Swiper .slickCon {display: block;}
.column1Swiper .slickCon .pic {
	width: 170px;
	margin: auto;
	margin-bottom: 12px;
}
.column1Swiper .slickCon .pic::before {padding-top: 100%;}
.column1Swiper .slickCon .pic img {
	object-fit: contain;
}
.column1Swiper .slickCon .title {
	font-size: 16px;
	color: #999999;
	text-align: center;
	line-height: 30px;
}
.column1SwiperPrev,
.column1SwiperNext {
	position: absolute;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: url(../test/index/prev.png) center center no-repeat;
	background-size: 20%;
	top: 50%;
	left: 0;
	margin-top: -7.5px;
	z-index: 6;
	cursor: pointer;
	transition: all .5s;
}
.column1SwiperPrev:hover,
.column1SwiperNext:hover {
	background: #003eaf url(../test/index/prevA.png) center center no-repeat;
	background-size: 20%;
}
.column1SwiperNext {
	left: unset;
	right: 0;
	transform: rotate(180deg);
}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.section3 {
	background: url(../test/index/column2Bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.column3 .indexTitle {
	height: 92px;
}
.column3 .indexTitle .title {
	color: #fff;
}
.indexTitleBox {margin-bottom: 76px;}
.column3 .indexTitle .title1 {
	color: rgba(255, 255, 255, 0.05);
}
.column3Swiper {position: relative;}
.column3Swiper .swiper-slide {opacity: .3;transition: all .5s;}
.column3Swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.column3Swiper .swiperCon {
	background: #fff;
	
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.column3Swiper .swiperCon::before{
	display: block;
	content:'';
	padding-top: 54%;
}
.column3Swiper .swiperCon .swiperContent{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 96px 80px;
	box-sizing: border-box;
}
.column3Swiper .swiperCon::after {
	position: absolute;
	display: block;
	content: '';
	background: url(../test/index/column3SwiperBg.png) center center no-repeat;
	background-size: 100%;
	bottom: -140px;
    left: -148px;
	width: 603px;
	height: 535px;
	z-index: 1;
}
.column3Swiper .swiperCon .text {
	overflow: hidden;
	padding-right: 138px;
	box-sizing: border-box;
	position: relative;
	z-index: 6;
}
.column3Swiper .swiperCon .text .title {
	line-height: 42px;
	font-size: 35px;
	color: #0e51b6;
	margin-bottom: 32px;
	font-weight: bold;
}
.column3Swiper .swiperCon .text .textC {
	line-height: 28px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 134px;
	min-height: 56px;
}
.column3Swiper .swiperCon .text .indexMore {
	display: inline-block;
	color: #1a4290 !important;
	border-color: #4060b1;
	margin-top: 0;
}
.column3Swiper .swiperCon .text .indexMore:hover {color: #fff !important;background: #4060b1 !important;}
.column3Swiper .swiperCon .text .indexMore:hover .iconB {background-image: url(../test/index/indexMore.png);}
.column3Swiper .swiperCon .icon {
	float: right;
	width: 250px;
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 34px;
}
.column3SwiperPrev,
.column3SwiperNext {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #fff;
	top: 50%;
	left: 188px;
	margin-top: -30px;
	z-index: 6;
	background: url(../test/index/swiperPrev.png) center center no-repeat;
	background-size: 30%;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;

}
.column3SwiperNext {
	left: unset;
	right: 188px;
	transform: rotate(180deg);
}
.column3SwiperPrev:hover,
.column3SwiperNext:hover {
	background: #fff url(../test/index/swiperPrevA.png) center center no-repeat;
	background-size: 30%;
}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.column4 {
	overflow: hidden;
	height: 100%;
	background: url(../test/index/column4RightBg.png) center center no-repeat;
	background-size: cover;
}
.column4Lelt {
	height: 100%;
	width: 50%;
	background: url(../test/index/column4LeltBg.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}
.column4LeltDl {
	height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.column4LeltDl dd {
	float: left;
	width: 33.3333%;
	height: 100%;
	background: rgba(70, 100, 201, .9);
}
.column4LeltDl dd:nth-child(2) {background: rgba(62, 89, 189, .9);}
.column4LeltDl dd .text {
	width: fit-content;
	margin: auto;
	cursor: context-menu;
}
.column4LeltDl dd .title {
	font-size: 18px;
	color: #fff;
	line-height: 38px;
	transition: all .5s;
	width: fit-content;
	position: relative;
}
.column4LeltDl dd .title::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	bottom: -6px;
	left: 0;
	transform: scale(0);
	transition: all .5s;
}
.column4LeltDl dd:hover .title::before {
	transform: scale(1);
}
.column4LeltDl dd .numBox {
	line-height: 50px;
	font-size: 40px;
	color: #fff;
	font-family: 'pop';
	transition: all .5s;
}
.column4LeltDl dd .numBox i {
	font-style: normal;
	margin-right: 5px;
}
.column4LeltDl dd .numBox span {
	font-size: 18px;
	font-family: 'Microsoft YaHei';
	display: inline-block;
}
.column4LeltDl dd:hover .text .title {
	transform: translateY(-5px);
}
.column4LeltDl dd:hover .text .numBox {
	transform: translateY(5px);
}
.column4Right {
	overflow: hidden;
	padding-top: 106px;
	padding-left: 106px;
	box-sizing: border-box;
}
.column4Right .indexTitle .title1 {
	color: rgba(0, 0, 0, .05);
}
.col4Title {
	line-height: 44px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	padding-top: 60px;
	margin-bottom: 22px
}
.column4Right .textC {
	line-height: 30px;
	font-size: 15px;
	color: #666666;
	padding-right: 18%;
	text-align: justify;
	margin-bottom: 26px;
}
.column4Right .indexMore {
	display: inline-block;
	color: #999 !important;
	border-color: rgba(64, 96, 177, 0.3);
	margin-bottom: 6px;
}
.column4Right .indexMore .iconB {
	background-image: url(../test/index/indexMoreA1.png);
}
.column4Right .indexMore:hover .iconB {
	background-image: url(../test/index/indexMore.png);
}
.column4Right .indexMore:hover {
	color: #fff !important;
}
/*  */
.column4RightSwiper {
	overflow: hidden;
	margin-left: -53px;
}
.column4RightSwiper .swiper-slide {transition: all .5s;}
.column4RightSwiper .swiper-slide .picBox {
	background: #ffffff;
	padding: 24px 52px;
	box-sizing: border-box;
}
.column4RightSwiper .swiper-slide .pic {
	object-fit: contain;
	overflow: hidden;
}
.column4RightSwiper .swiper-slide .pic::before {padding-top: 76.6667%;}
.column4RightSwiper .swiper-slide .pic img {
	object-fit: contain;
}
.column4RightSwiper .swiper-slide .title {
	line-height: 28px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	padding: 0 40px;
}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.section5 {
	background: url(../test/index/column5Bg.jpg) center center no-repeat;
	background-size: cover;
}
.column5 {
	/* height: 100%; */
	box-sizing: border-box;
	overflow: hidden;
	padding: 100px 0 30px;
}
.column5 .wrap {z-index: 6;overflow: hidden;}
.column5Left {
	float: left;
	width: 50%;
}
.column5 .indexTitle {height: 124px;}
.column5 .indexTitle .title {color: #fff;}
.column5 .indexTitle .title1 {font-size: 150px;color: rgba(255, 255, 255, .05);}
.column5LeftTitle {
	line-height: 52px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 0;
	margin-bottom: 32px;
}
.column5Left .textC {
	line-height: 30px;
	font-size: 16px;
	color: #ffff;
	margin-bottom: 60px;
	padding-right: 318px;
	box-sizing: border-box;
	height: 180px;
}
.column5Left .textC p {
	line-height: 30px !important;
}
.column5Left .indexMore {display: inline-block;border-color: rgba(255, 255, 255, 0.3);}
.column5Right {
	float: right;
	width: 50%;
	padding-left: 106px;
	padding-top: 70px;
	box-sizing: border-box;
	position: relative;
	z-index: 6;
}
.column5RightSwiper {
	overflow: hidden;
	border-radius: 15px;
}
.column5RightSwiper .swiper-slide {
	border-radius: 15px;
	overflow: hidden;
}
.column5RightSwiper .pic::before {padding-top: 61.7647%;}
.swiperBtn {
	margin: auto;
	width: fit-content;
	padding-top: 30px;
}
.column5RightSwiperPrev,
.column5RightSwiperNext {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0 15px;
	background: url(../test/index/swiperPrev.png) center center no-repeat;
	background-size: 30%;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
}
.column5RightSwiperNext {transform: rotate(180deg);}
.column5RightSwiperPrev:hover,
.column5RightSwiperNext:hover {
	border-color: #003eaf;
	background: #003eaf url(../test/index/swiperPrev.png) center center no-repeat;
	background-size: 30%;
}
.column5Line {
	position: absolute;
	background: url(../test/index/column5Line.png) center center no-repeat;
	background-size: 100%;
	width: 1660px;
	height: 250px;
	bottom: 40px;
	left: 452px;
	z-index: 1;
}
.column5LineDl {
	position: relative;
	height: 250px;
	z-index: 6;
}
.column5LineDl dd {
	position: absolute;
    top: 40%;
    left: -2.5%;
	cursor: pointer;
	transition: all .5s;
}
.column5LineDl dd.Dd1.active {left: -4%;}
.column5LineDl dd.Dd2 {
	top: -1%;
    left: 23%;
}
.column5LineDl dd.Dd2.active {left: 22%;}
.column5LineDl dd.Dd3 {
	top: 48%;
    left: 44%;
}
.column5LineDl dd.Dd3.active {top: 44%;left: 40%;}
.column5LineDl dd.Dd4 {
	top: 80%;
    left: 66%;
}
/* .column5LineDl dd.Dd4.active {left: 64%;} */ /* 四个字的时候 */
.column5LineDl dd.Dd4.active {left: 67.1%;} /* 两个字的时候 */
.column5LineDl .yuan {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: relative;
	margin: auto;
	transition: all .5s;
}
.column5Line #yuanBox {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	border: 1px solid #fff;
	animation-fill-mode: forwards;
	left: 100%;
	top: 100%;
}
.column5Line #yuanBox.on {
	left: -1.7%;
	top: 39%;
}
.column5Line #yuanBox.on1 {
	left: 23.3%;
	top: -1.5%;
}
.column5Line #yuanBox.anm1 {animation: anm1 .4s linear;}
@keyframes anm1 {
	0%{left: -1.7%;top: 39%;}
	50%{left: 10%;top: 0%;}
	100%{left: 24.3%;top: -1.5%;}
}
.column5Line #yuanBox.on2 {
	left: 43.4%;
    top: 43%;
}
.column5Line #yuanBox.anm2 {animation: anm2 .4s linear;}
@keyframes anm2 {
	0%{left: 24.3%;top: -1.5%;}
	50%{left: 35.3%;top: 22%;}
	100%{left: 43.4%;top: 43%;}
}
.column5Line #yuanBox.on3 {
	left: 67.4%;
    top: 79%;
}
.column5Line #yuanBox.anm3 {animation: anm3 .4s linear;}
@keyframes anm3 {
	0%{left: 43.4%;top: 43%;}
	50%{left: 56.4%;top: 69%;}
	100%{left: 67.4%;top: 79%;}
}
/*  */
.column5Line #yuanBox.on4 {
	left: 43.4%;
    top: 43%;
}
.column5Line #yuanBox.anm4 {animation: anm4 .4s linear;}
@keyframes anm4 {
	0%{left: 67.4%;top: 79%;}
	50%{left: 56.4%;top: 69%;}
	100%{left: 43.4%;top: 43%;}
}
.column5Line #yuanBox.on5 {
	left: 23.3%;
	top: -1.5%;
}
.column5Line #yuanBox.anm5 {animation: anm5 .4s linear;}
@keyframes anm5 {
	0%{left: 43.4%;top: 43%;}
	50%{left: 33.4%;top: 18%;}
	100%{left: 24.3%;top: -1.5%;}
}
.column5Line #yuanBox.on6 {
	left: -1.7%;
	top: 39%;
}
.column5Line #yuanBox.anm6 {animation: anm6 .4s linear;}
@keyframes anm6 {
	0%{left: 24.3%;top: -1.5%;}
	50%{left: 10%;top: 0%;}
	100%{left: -1.7%;top: 39%;}
}
/*  */
.on0-2 {animation: on0-2 .5s linear;}
@keyframes on0-2 {
	0%{left: -1.7%;top: 39%;}
	25%{left: 10%;top: 0%;}
	50%{left: 24.3%;top: -1.5%;}
	75%{left: 35.3%;top: 22%;}
	100%{left: 43.4%;top: 43%;}
}
.on0-3 {animation: on0-3 .5s linear;}
@keyframes on0-3 {
	0%{left: -1.7%;top: 39%;}
	15%{left: 10%;top: 0%;}
	35%{left: 24.3%;top: -1.5%;}
	50%{left: 35.3%;top: 22%;}
	75%{left: 43.4%;top: 43%;}
	90%{left: 56.4%;top: 69%;}
	100%{left: 67.4%;top: 79%;}
}
.on1-3 {animation: on1-3 .5s linear;}
@keyframes on1-3 {
	0%{left: 24.3%;top: -1.5%;}
	25%{left: 35.3%;top: 22%;}
	50%{left: 43.4%;top: 43%;}
	75%{left: 56.4%;top: 69%;}
	100%{left: 67.4%;top: 79%;}
}
.on3-1 {animation: on3-1 .5s linear;}
@keyframes on3-1 {
	0%{left: 67.4%;top: 79%;}
	25%{left: 56.4%;top: 69%;}
	50%{left: 43.4%;top: 43%;}
	75%{left: 33.4%;top: 18%;}
	100%{left: 24.3%;top: -1.5%;}
}
.on3-0 {animation: on3-0 .5s linear;}
@keyframes on3-0 {
	0%{left: 67.4%;top: 79%;}
	15%{left: 56.4%;top: 69%;}
	35%{left: 43.4%;top: 43%;}
	50%{left: 33.4%;top: 18%;}
	75%{left: 24.3%;top: -1.5%;}
	90%{left: 10%;top: 0%;}
	100%{left: -1.7%;top: 39%;}
}
.on2-0 {animation: on2-0 .5s linear;}
@keyframes on2-0 {
	0%{left: 43.4%;top: 43%;}
	25%{left: 33.4%;top: 18%;}
	50%{left: 24.3%;top: -1.5%;}
	75%{left: 10%;top: 0%;}
	100%{left: -1.7%;top: 39%;}
}
/*  */
.column5Line .yuanBox.rem {
	opacity: 0;
}
.column5LineDl dd .yuan::before {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.column5LineDl dd .title {
	line-height: 42px;
	font-size: 22px;
	color: #fff;
	transition: all .5s;
}
.column5LineDl dd.active .title {
	padding-top: 34px;
	font-size: 35px;
}
/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
.section6 {background: #fff;}

.column6 {
	/* height: 100%; */
}
.section6:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../test/index/column6Bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	z-index: 1;
	transition: all 1s;
	opacity: 1;
}
.section6.hover:before {opacity: 0;}
.column6 .wrap {z-index: 6;position: relative;}
.column6 .indexTitleBox {margin-bottom: 36px;padding-top: 32px;}
.column6 .indexTitle .title1 {
	color: rgba(0, 0, 0, .05);
}
.column6 .indexMore {
	border-color: rgba(64, 96, 177,.3);
	color: #999 !important;
}
.column6 .indexMore .iconB {
	background-image: url(../test/index/indexMoreA1.png);
}
.column6 .indexMore:hover .iconB {
	background-image: url(../test/index/indexMore.png);
}
.column6 .indexMore:hover {
	color: #fff !important;
}
.column6News {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	padding-right: 54px;
	box-sizing: border-box;
	transition: all .5s;
}
.column6.active .column6News{
	box-shadow: 0 0 16px rgba(0, 0, 0, 5%);
}
.column6SwiperBox {
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #f3f4f6;
	margin: 0 -30px;
	padding: 0 30px;
	padding-bottom: 30px;
	padding-right: 54px;
	box-sizing: border-box;
}
.column6Swiper {
	float: left;
	width: 680px;
	overflow: hidden;
	border-radius: 10px;
}
.column6Title {
	overflow: hidden;
	padding-left: 50px;
	padding-top: 12px;
	box-sizing: border-box;
}
.column6Title .numBox .num1 {
	line-height: 60px;
	font-size: 60px;
	color: #cccccc;
	font-family: 'pop';
	font-weight: bold;
}
.column6Title .numBox .num2 {
	line-height: 28px;
	font-size: 18px;
	color: #cccccc;
	font-family: 'pop';
	margin-bottom: 30px;
}
.column6Title .title {
	line-height: 40px;
	font-size: 28px;
	color: #333333;
	margin-bottom: 28px;
}
.column6Title .textC {
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	margin-bottom: 40px;
	text-align: justify;
}
.column6Title .more {
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
	background: url(../test/index/column5More.png) center center no-repeat;
	background-size: 15%;
	transition: all .5s;
}
.column6Title .more:hover {
	border-color: #4060b1;
	background: #4060b1 url(../test/index/column5MoreA.png) center center no-repeat;
	background-size: 15%;
}
.column6SwiperPagination {
	position: absolute;
	right: 50px !important;
	left: unset !important;
	text-align: right;
	bottom: 65px !important;
}
.column6SwiperPagination .swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
	background: none !important;
	border: 2px solid #e5e5e5 !important;
	opacity: 1 !important;
	margin: 0 9px !important;
	transition: all .5s;
	cursor: pointer;
}
.column6SwiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #003eaf !important;
}
.column6SwiperPagination .swiper-pagination-bullet:hover {
	border-color: #003eaf !important;
}
.column6NewsDl {
	overflow: hidden;
	padding-top: 30px;
}
.column6NewsDl dd {
	float: left;
	width: 50%;
	position: relative;
}
.column6NewsDl dd .con {
	overflow: hidden;
}
.column6NewsDl dd:nth-child(2) .con {padding-left: 30px;}
.column6NewsDl dd:nth-child(2)::before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background: #f3f4f6;
	top: 0;
	left: 0;
}
.column6NewsDl dd .con .pic {
	float: left;
	width: 150px;
	border-radius: 10px;
	overflow: hidden;
}
.column6NewsDl dd .con .text {
	overflow: hidden;
	padding-left: 30px;
	padding-right: 110px;
	box-sizing: border-box;
}
.column6NewsDl dd .con .text .title {
	line-height: 42px;
	font-size: 22px;
	color: #333333;
	padding-top: 10px;
}
.column6NewsDl dd .con .text .time {
	line-height: 36px;
	font-size: 16px;
	color: #cccccc;
	font-family: 'pop';
}
.column6NewsDl dd .con .more {
	position: absolute;
	top: 22px;
	width: 35px;
	height: 35px;
	border: 1px solid #cccccc;
	background: url(../test/index/column5More.png) center center no-repeat;
	background-size: 15%;
	right: 60px;
	border-radius: 50%;
	transition: all .5s;
}
.column6NewsDl dd .con .more:hover {
	border-color: #4060b1;
	background: #4060b1 url(../test/index/column5MoreA.png) center center no-repeat;
	background-size: 15%;
}
.column6NewsDl dd:nth-child(2) .con .more {
	right: 6px;
}
/* ————— 第5通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */