@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)}}
/* hover效果 start */
.hvrToRight {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvrToRight:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fa3012;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvrToRightFac:before {
    background: #ffac09 !important;
}
.hvrToRight:hover, .hvrToRight:focus, .hvrToRight:active {
  color: white;
}
.hvrToRight:hover:before, .hvrToRight:focus:before, .hvrToRight:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* 震动效果 start */
.hvrWHorizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvrWHorizontal:hover, .hvrWHorizontal:focus, .hvrWHorizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* 震动效果 end */
/* 上下震动效果 start */
.hvrWVertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvrWVertical:hover, .hvrWVertical:focus, .hvrWVertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* 上下震动效果 end */
/* 悬浮效果 start */
.hvrFShadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvrFShadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(20, 81, 163, 0.3) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(20, 81, 163, 0.3) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvrFShadow:hover, .hvrFShadow:focus, .hvrFShadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvrFShadow:hover:before, .hvrFShadow:focus:before, .hvrFShadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* 悬浮效果 end */
/* hover效果 end */
/* ————— 头部 start ————— */
.top{ height: 100px;min-width: 1200px; position: fixed; z-index: 1000;color: #fff;left: 50%;transform: translateX(-50%);top: 0;}
.top::before {display: block; content: ""; width: 150%;height: 100%;position: absolute;left: -20%;top: 0;background: url(../test/topBg.png) center no-repeat; background-size:100%, cover;}
.top .topR {padding: 25px 0;}
.top .log {padding: 15px 0;}
/* logo start */
.logo img{margin-right: 10px;height: 100%;}
/* 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 */
.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(../test/con15/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: 40px; height: 40px; background:#fff url(../images/icon/topSearch.png) no-repeat center center; cursor: pointer; border-radius: 40px; transition: all 300ms;-webkit-transition: all 300ms;background-color: #dddeed;}
.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: 40px;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: #c1c3eb url(../images/icon/topSearch.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{display: flex;}
.menuDl dd{flex: 1;position: relative;}
.menuDl dd .yj{position: relative;z-index: 9;}
.menuDl dd .yj a{display: block;line-height: 50px;text-align: center;color: #333;font-size: 16px;transition: 0.4s;}
.menuDl dd .ej{position: absolute;top: 100%;left: 0;width: 100%;background: rgba(0, 0, 0, 0.42);display: none;padding: 5px 0;z-index: 3;}
.menuDl dd .ej li{font-size: 14px;text-align: center; position: relative;}
.menuDl dd .ej li span a{padding: 12px 0;line-height: 25px;display: block;color: #ffffff;margin-bottom:1px}
.menuDl dd .ej li:hover span a{color: #ffffff;background: #0a569e;}
/* 自定义样式start */
.topMenuDl { margin-right: 50px;}
.topMenuDl dd{position: relative;padding: 0 30px;float: left;}
.topMenuDl dd::before {display: block;content: "";height: 20%;width: 1px;background-color: #fff;position: absolute;right: 0; top: 50%;transform: translateY(-50%);}
.topMenuDl dd:last-child::before {width: 0 !important;height: 0;}
.topMenuDl dd .yj a {
    display: block;
	padding: 38px 0;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
	font-weight: bold;
    position: relative; 
    transition: color 0.4s ease;
}

.topMenuDl:hover {background-color: transparent !important;}
.topMenuDl dd:hover {background: transparent !important;}
.topMenuDl dd.hover .yj a {
    color: #fff; 
	font-weight: bold;
	background: url(../images/icon/indexbook.png) center calc(100% - 25px) no-repeat;
	background-size: 60px;
}
.topMenuDl dd.hover .yj a::before { display: block;content: ""; width: 8px; height: 8px;border-radius: 100%;background-color: #fff;position: absolute;top: 15px;left: 50%;transform: translateX(-50%);}

.flCC {display: flex;justify-content: center;flex-direction: column;align-items: center;}
/* 自定义样式end */
/* ————— 头部 end   ————— */
/* 实现覆盖效果 start */
.indexBox1 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.indexBox2 {
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: #F5F5F5;
	overflow: hidden;
	overflow-y: auto;
	transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
	outline: none;
}

.indexBox2.show {
	top: 0;
}

.top1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 0.5s ease-out 0s;
	box-shadow: 0 1px 3px rgb(0, 0, 0, 0.1);
}

.top1.show {
	transition: all 0.7s ease-in-out 0.5s;
	transform: none;
	opacity: 1;
}

.top1.fxd {
	position: fixed;
}

/* .top.hide {
	opacity: 1;
	transform: translateY(-100%);
	transition-delay: 0.5s;
} */

.top1 .topBodyC {
	background: #FFFFFF;
}

/* 实现覆盖效果 end */

/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner::before{content: '';display: block;padding-top: 27.0833%;}
.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 end ————— */
/* 首页轮播图 start */
.indexSwiper {overflow: hidden;position: relative;}
.indexSwiper .pic::before {padding-top: 60%;}
.indexSwiper .pic::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size:100%, cover;
  background-image: url(../test/bannerbg.png);
  position: absolute;
  left: 0;
  bottom: 0px;
}
.indexSwiper .swiper-pagination {bottom: 120px !important;display: flex; align-items: center; justify-content: center;column-gap: 9px;}
.indexSwiper .swiper-pagination span {width: 12px;height: 12px;margin: 0 9px;background: #ffffff;opacity: 1;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet {background: #fff;opacity: 1;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet-active {background: url(../images/icon/swiperActive.png) center no-repeat;width: 20px;height: 20px;margin-top: 5px;}
.inPage div {width: 50px;height: 50px;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.inPage .next {background-image: url(../images/icon/inLeft.png); position: absolute;bottom: 100px; left: 50%; z-index: 1000; margin-left: -120px;}
.inPage .prev {background-image: url(../images/icon/inRight.png); position: absolute;bottom: 100px; left: 50%; z-index: 1000;margin-left: 90px;}
/* 首页轮播图 end*/
/* ————— 底部 start ————— */
.footer {background: url(../images/footerBg.png) center no-repeat;background-size: cover;color: #fff;font-size: 16px;line-height: 28px;}
.footer .main {display: flex;column-gap: 150px !important;justify-content: space-between;}
.footer .main .left {display: flex;flex-direction: column;padding: 80px 0 50px;}
.footer .main .left .malie {margin-top: 40px;}
.footer .main .left .malie div {margin-bottom: 20px;height: 45px;line-height: 45px;display: flex;align-items: center;}
.footer .main .left .malie div span {display: inline-block;width: 45px;height: 45px;background-color: #8ca8cf;border-radius: 100%;margin-right: 15px; background-position: center;background-repeat: no-repeat;}
.footerIcons {margin-top: 45px;display: flex;align-items: center;}
.footerIcons dl {display: flex;column-gap: 20px;margin-right: 30px;}
.footerIcons dl a {display: block;width: 40px;height: 40px;border-radius: 100%;background-color: #8fabd2;background-position: center;background-repeat: no-repeat;background-size: 20px;}
.footerIcons .sydw a {display: block;width: 60px;height: 75px;background-position: center;background-repeat: no-repeat;background-size: 60px;}
.footer .main .right {display: flex;padding: 80px 0 0 0;flex: 1;justify-content: end; column-gap: 20px;}
.footer .main .right .foterMain {position: relative; flex: 1;text-align: center;}
.footer .main .right .foterMain:last-of-type::before {width: 0;}
.footer .main .right .foterMain::before {display: block;content: "";width: 1px;height: 50%;position: absolute;background-color: rgba(255, 255, 255, .3);top: 0;right: 0;}
.footer .main .right .foterMain .title {font-size: 18px;line-height: 30px;color: #f2f2f2;transition: .3s;display: block;margin-bottom: 25px;}
.footer .main .right .foterMain .title:hover {color: #f57070;}
.footer .main .right .foterMain a {font-size: 16px;line-height: 28px;margin-bottom: 5px;display: block;color: #f2f2f2;transition: .3s;}
.footer .main .right .foterMain a:hover {color: #f57070;}
.footerIcons dd {position: relative;}
.footerIcons dd a {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;transition: all .5s ease;}
.footerIcons dd a img {width: 55px;height: 55px;margin-bottom: 15px;}
.footerIcons dd .ewm {width: 120px;height: 120px; opacity: 0; transition: .5s;margin-bottom: 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;position: absolute;left: -90%;top: -130px;background-color: #fff;}
.footerIcons dd .ewm::after {
    content: "";
    position: absolute;
    bottom: -8px; /* 三角形距离底部的距离 */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px; /* 设置三角形的大小 */
    border-color: #fff transparent transparent transparent; /* 仅底边有颜色 */
}
.footerIcons dd .ewm img {width: 100px;height: 100px;}
.footerIcons .wx:hover .WXewm{
    opacity: 1;
}
.footerIcons .xhs:hover .XHSewm{
    opacity: 1;
}
.footerIcons .dy:hover .DYewm{
    opacity: 1;
}
/* 底部版权start   */
.friendCopyRight{ height: 60px; line-height: 60px; overflow: hidden; font-size: 15px; color: #fff;background: #0d3c79;}
.friendCopyRight .wrap {display: flex;justify-content: center;}
.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: #fff; margin-right: 20px;}
.friendCopyRight .conL a:hover{ color: #fff;}
.friendCopyRight .conR a{color: #fff; }
.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: 24.8541%;}
.subBanner::after {display: block;content: "";width: 100%;height: 100%;background: url(../test/bannerMask.png) left bottom no-repeat;background-size: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;position: relative;z-index: 10;position: relative;padding-bottom: 15px;}
.locationBox .xxgkIcon { margin-bottom: 60px;}
.locationBox .xxgkIcon a {color: #fff;font-size: 32px;line-height: 40px;display: block;padding-left: 100px;position: relative;z-index: 1000;background-position: left 40px center; background-repeat: no-repeat;background-size: 30px;}
.location{height: 60px;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/icon/lhome.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 60px;line-height: 60px;padding-left: 14px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/icon/location1.png);color: #fff;font-size: 14px;z-index: 1000;position: relative;}
.location a:hover{color:#fff}
.location a.hover{color:#fff}
.subNavBox{margin-right:-15px; position: relative;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height: 60px;height:60px;color: #a1c0e5;font-size: 16px; padding: 0 40px;  transition: .3s;}
.subNav a.hover{color: #fff;}
.subNav a:hover{color: #ffff}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{font-size: 0;border-bottom: 1px solid #e6e6e6;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:20px 30px; color: #333; font-size: 18px; margin: 0 20px; border-bottom: 2px solid transparent;position: relative;}
.sjMenu a:hover{ color: #1451a3; border-bottom: 2px solid #1451a3;background: url(../images/icon/book.png) center no-repeat;background-size: 50px;}
.sjMenu a:hover::before {display: block;content: "";width: 8px;height: 8px;border-radius: 100%;background-color:#1451a3 ; position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sjMenu a.hover{ color: #1451a3; border-bottom: 2px solid #1451a3;background: url(../images/icon/book.png) center no-repeat;background-size: 50px;}
.sjMenu a.hover::before {display: block;content: "";width: 8px;height: 8px;border-radius: 100%;background-color:#1451a3 ; position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:14px 18px;color:#999999;background: #fff; margin: 0 10px;border-radius: 100%;border: 1px solid #ececec;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #1e5ab0;color: #fff;}
.page a.hover{background: #1e5ab0;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/firstPage.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 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 ========== */
/* ————— 公共部分 start ————— */
.indexTitle {font-size: 32px;height: 90px;line-height: 90px; color: #1451a3; background-position: left center;background-repeat: no-repeat;background-size: 80px;background-image: url(../images/icon/indexTitle.png);padding-left: 20px;font-family: 'SourceHanSerifCN';font-weight: 700;}
.topTitle  {display: flex;align-items: center;justify-content: space-between;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.indexC1 {padding: 115px 0 100px;background-color: #f2f6fa;position: relative;overflow: hidden;z-index: 2;}
.indexC1::before{display: block;content: "";width: 100%;height: 100%;background: url(../test/inc1bg.png) center no-repeat;background-size: cover;position: absolute;bottom: -500px;left: 0;}
.indexC1 .main {column-gap: 30px;margin-top: 30px;position: relative;z-index: 5;}
.indexC1 .main .left {flex: 1;}
.indexC1 .main .right {flex: 1;}
.indexC1 .main .c1Swiper {width: 40.2777%;overflow: hidden;position: relative;}
.indexC1 .main .c1Swiper .img {overflow: hidden;}
.indexC1 .main .c1Swiper .img .pic::before{padding-top: 67.2413%;}
.indexC1 .textList .con {display: block;padding: 30px 0;border-bottom: 1px dashed #dae5f2;}
.indexC1 .textList .con .text {font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;}
.indexC1 .textList .con .time {font-size: 16px;line-height: 28px;margin-top: 10px;color: #1451a3;}
.indexC1 .textList dd:last-child .con {border-bottom: 1px dashed transparent;}
.indexC1 .c1Swiper .text {padding: 30px 70px;text-align: center;font-size: 18px;line-height: 26px;color: #333;}
.indexC1 .c1Swiper .swiper-pagination {bottom: 60px;}
.indexC1 .c1Swiper .swiper-pagination span {width: 10px;height: 10px;margin: 0 9px;background: rgba(20, 81, 163, .4);}
.indexC1 .c1Swiper .swiper-pagination .swiper-pagination-bullet-active {background: url(../images/icon/inc1active.png) center no-repeat;width: 20px;height: 20px;position: relative; top: 5px;}
.indexC1 .c1Swiper .inPage .next {background-image: url(../images/icon/inc1Left.png); position: absolute;bottom: 45px; left: 170px; z-index: 1000;}
.indexC1 .c1Swiper .inPage .prev {background-image: url(../images/icon/inc1right.png); position: absolute;bottom: 45px; left:auto !important;right: 70px; z-index: 1000;}
.indexC1 .c1Swiper .inPage div {background-size: 25px;}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.indexC2 .indexTitle  {color: #fff;} 
.indexC2 {padding: 100px 0 90px;background: url(../test/inc2Bg.png) center no-repeat;background-size: cover;position: relative;overflow: hidden;z-index: 10;}
.indexC2::before {display: block;content: "";width: 100%;height: 100%;    background-color: rgba(0, 07, 0, .3);position: absolute;left: 0;top: 0;}
.indexC2::after {display: block;content: "";width: 100%;height: 100%;background: url(../test/asq.png) center no-repeat;background-size: contain;position: absolute;left: 0;bottom: -100px;}
.indexC2 .main {column-gap: 580px;position: relative;z-index: 2;}
.indexC2 .main .left {flex: 1;}
.indexC2 .main .right {flex: 1;}
.indexC2 .main .textList {margin-top: 30px;}
.indexC2 .main .textList dd .con {padding: 30px 0;display: flex;align-items: center;column-gap: 30px;border-bottom: 1px solid rgba(255, 255, 255, .3);color: #fff;position: relative;}
.indexC2 .main .textList dd .con::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0; /* 初始宽度为 0 */
    height: 2px; /* 边框高度 */
	  z-index: 1;
    background-color: #1451a3; /* 悬浮时的蓝色边框 */
    transition: width 0.3s ease; /* 动画效果 */
}

.indexC2 .main .textList dd .con:hover::after {
    width: 100%; /* 悬浮时填充整个宽度 */
}
.indexC2 .textList .con .time {text-align: center;width: 80px;}
.indexC2 .textList .con .time .day {font-size: 32px;line-height: 40px;transition: .3s;}
.indexC2 .textList .con .time .year {font-size: 16px;line-height: 28px;transition: .3s;}
.indexC2 .textList .con:hover .time .day  {color: #1451a3;}
.indexC2 .textList .con:hover .time .year {color: #1451a3;}
.indexC2 .textList .con .text {font-size: 16px;line-height: 28px;height: 58px;overflow: hidden;position: relative;}
.indexC2 .main .textList dd:last-child .con {border-bottom: 1px solid transparent;}
.indexC2 .main .right .con::before {display: block;content: "";width: 8px;height: 8px;border-radius: 100%;background-color: #fff;position: absolute;left: -20px;top: 40px;z-index: 2;transition: .3s;}
.indexC2 .main .right .con:hover::before {background-color: #1451a3;;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.indexC3 {padding: 140px 0 90px;background: url(../test/inc3bg.png) center bottom no-repeat;background-size: 100%;position: relative;z-index: 99;overflow: hidden;}
.indexC3 .main {display: flex;margin-top: 170px;column-gap: 80px;align-items: center;}
.indexC3 .main .iconText {width: 38px;font-size: 38px; color: #1451a3;margin-left: 30px;position: relative;bottom: 90px;font-family: 'SJXingKai' !important;}
.indexC3 .main .iconText::before {display: block;content: "";width: 1px; height: 60px; background-color: #1451a3; position: absolute;left: 50%;top: -80px;}
.indexC3 .main .iconText::after {display: block;content: "";width: 1px; height: 60px; background-color: #1451a3; position: absolute;left: 50%;bottom: -80px;}
.indexC3 .main dl {flex: 1;display: flex;column-gap: 10px;}
.indexC3 .main dl dd {flex: 1;position: relative;overflow: hidden;}
.indexC3 .main .con {display: block;width: 100%;height: 100%;}
.indexC3 .main .con .pic::before {padding-top: 150.3267%;}
.indexC3 .main .con .tip {position: absolute;left: 0;bottom: -100px; width: 100%; height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indexC3 .main .con .tip .icon {width: 60px;height: 60px; margin-bottom: 30px; border: 2px solid #fff;border-radius: 100%;background-color: rgba(255, 255, 255, .3);background-position: center;background-repeat: no-repeat;background-size: 40px;}
.indexC3 .main .con .tip  .text {text-align: center;font-size: 28px;line-height: 45px;color: #fff;font-weight: bold;}
.indexC3 .main dl dd:nth-child(4n-3) .tip {background: linear-gradient(to top, #1c4b89, rgba(28, 75, 137, 0));z-index: 1;}
.indexC3 .main dl dd:nth-child(4n-3) {bottom: 90px;}
.indexC3 .main dl dd:nth-child(4n-2) .tip {background: linear-gradient(to top, #2b84c3, rgba(75, 167, 232, 0));z-index: 1;}
.indexC3 .main dl dd:nth-child(4n-2) {bottom: 20px;}
.indexC3 .main dl dd:nth-child(4n-1) .tip {background: linear-gradient(to top, #81dad1, rgba(133, 219, 209, 0));z-index: 1;}
.indexC3 .main dl dd:nth-child(4n-1) {bottom: 140px;}
.indexC3 .main dl dd:nth-child(4n) .tip {background: linear-gradient(to top, #f1c568, rgba(241, 197, 104, 0));z-index: 1;}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.indexC4 .topBg {overflow: hidden;background-size: cover;position: relative;z-index: 10;background-position: center;background-repeat: no-repeat;}
.indexC4 .topBg::after {display: block;content: "";width: 100%;height: 80%;background: url(../test/inc4tmask.png) left bottom no-repeat;background-size: contain;position: absolute;left: 0;bottom: 0;}
.indexC4 .topBg .wrap{display: flex;justify-content: flex-end;position: relative;z-index: 2;height: 100%;}
.indexC4 .topBg dl {display: flex;color: #fff;justify-content: center;align-items: center;}
.indexC4 .topBg dd {padding: 60px 0 20px;}
.indexC4 .topBg .con {width: 38px;font-size: 38px; padding: 0 30px; border-right: 1px solid #fff;font-family: 'SJXingKai';opacity: 0;}
.indexC4 .topBg dd:last-child .con {border-right: 1px solid transparent;}
.indexC4 .main {background: url(../test/inmain.png) center no-repeat;background-size: cover;position: relative;padding: 30px 0 60px;}
.indexC4 .main .wrap {position: relative;z-index: 10;}
.indexC4 .main::before {display: block;content: "";width: 100%;height: 100%;background-color: rgba(255, 255, 255, .9);position: absolute;top: 0;left: 0;}
.indexC4 .main .topTitle {align-items: flex-end;}
.indexC4 .main .topTitle .indexTitle {flex: 1;}
.indexC4 .main .topTitle .img {width: 40.9722%;overflow: hidden;}
.indexC4 .main .topTitle .img .pic::before {padding-top: 6.7796%;}
.indexC4  .swiperText {margin-top: 30px;display: flex;align-items: center;column-gap: 30px;}
.indexC4  .c4Swiper {width: 30.555%;overflow: hidden;position: relative;}
.indexC4  .c4Swiper .con {display: block;background-color: #fff;}
.indexC4  .c4Swiper .pic::before {padding-top: 65.9090%;}
.indexC4  .c4Swiper .pic {position: relative;}
.indexC4  .c4Swiper .pic .tip {height: 50px; width: 100%; line-height: 50px;font-size: 18px;color: #fff;padding: 0 20px;overflow: hidden;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, .5);}
.indexC4  .c4Swiper .text {padding: 15px 20px 60px;}
.indexC4  .c4Swiper .textC {font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;}
.indexC4  .c4Swiper .swiper-pagination {width: auto;bottom: 30px;left: 50%;transform: translateX(-50%);}
.indexC4  .c4Swiper .swiper-pagination span {width: 10px;height: 10px;margin: 0 10px;background-color: #b8cae3;}
.indexC4  .c4Swiper .swiper-pagination .swiper-pagination-bullet-active {background: url(../images/icon/inc1active.png) center no-repeat;width: 20px;height: 20px;position: relative; top: 5px;}
.indexC4 .right{flex: 1;}
.indexC4 .right .lookMore {display: flex;justify-content: flex-end;}
.indexC4 .right .textList {display: flex;flex-wrap: wrap;margin-top: 20px;}
.indexC4 .right .textList dd {width: 50%;}
.indexC4 .right .textList a {display: block;padding: 20px 30px 30px;transition: .3s;}
.indexC4 .right .textList .con .title {font-size: 16px; color: #333;line-height: 30px;height: 60px;overflow: hidden;transition: .3s;}
.indexC4 .right .textList .con .text {font-size: 16px;line-height: 30px; color: #666;margin-top: 10px;height: 60px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.indexC4 .right .textList .con:hover {background-color: #fff;box-shadow: 2px 2px 16px rgba(22, 97, 197, .3);}
.indexC4 .right .textList .con:hover .title {color: #1451a3;}
/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
.indexC5 {padding: 160px 0 200px;background: url(../test/indexC5Bg.png) center no-repeat;background-size: cover;position: relative;overflow: hidden;}
.indexC5::before {display: block;content: "";width: 30%;height: 20%;position: absolute;bottom: 20px;right: 0;background: url(../test/inc5mask.png) right center no-repeat;background-size: contain;}
.indexC5 .wrap {position: relative;}
.indexC5 .c5Swiper {width: 138.333%;position: relative;left: -18%;margin-top: 100px;}
.indexC5 .c5Swiper .pic::before {padding-top: 66.64888%;}
.indexC5 .c5Swiper .con {display: block;background-color: #fff;}
.indexC5 .c5Swiper .con .img {overflow: hidden;}
.indexC5 .c5Swiper .con .text {font-size: 16px;line-height: 30px;height: 30px;padding: 15px 30px;background-position: calc(100% - 30px) center ;background-size: 14px;background-repeat: no-repeat;}
.indexC5 .c5Swiper .swiper-slide.swiper-slide-active .img{
      transform: scaleY(1.2);
}
.indexC5 .c5Swiper .swiper-slide .img {
	 transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1); /* 默认不缩放 */
    transform-origin: center bottom; /* 设置缩放原点为底部中心 */
}
.indexC5 .c5Swiper  .swiper-pagination {width: 53% !important;margin: auto;left: 50%;transform: translateX(-50%);bottom: -100px; top: auto !important;background-color: #dfe9f7;}
.indexC5 .c5Swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #1451a3 !important;}
.indexC5 .c5Swiper .border1{bottom: -130px;left: 15%;top: auto !important;}
.indexC5 .c5Swiper .border2{bottom: -130px;right: 15%;top: auto !important;}
/* ————— 第5通栏 end ————— */
/* ————— 第6通栏 start ————— */
/* ————— 第6通栏 end ————— */
/* ————— 第7通栏 start ————— */
/* ————— 第7通栏 end ————— */
/* ————— 第8通栏 start ————— */
/* ————— 第8通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */