@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: var(--primary-color);
  -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{background-color: #fff; height: 100px;border-bottom: 1px solid #96cdc5;z-index: 1000;}
/* logo start */
.logo img{ width: 230px;}
/* 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(../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: 40px; height: 40px; background:rgba(153, 153, 153, .25) url(../images/common/searchH.png) no-repeat center center; width: 75px; cursor: pointer; border-radius: 40px; transition: all 300ms;-webkit-transition: all 300ms;}
.topSearch:hover{ background-color: #20806d;}

.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: var(--bai-color);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: var(--bai-color);}
.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: var(--primary-color) url(../images/common/searchH.png) no-repeat center center;background-size: 19px 20px;color: var(--bai-color);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: fixed;top: 0;left: 50%;width: 100%;transform: translateX(-50%);z-index: 3009;background-color: #fff;border-bottom: 1px solid #96cdc5;}
.menuBox::before {display: none;content: "";width: 100%;height: 100%;background: url(../test/images/topm.png) center left no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.menuBox .topMenu {display: flex; align-items: center;width: 100%;justify-content: space-between;}
.menuDl{display: flex;align-items: center;flex: 1;height: 100px;}
.menuDl dd{flex: 1;position: relative;height: 100%;display: flex;justify-content: center;align-items: center;}
.menuDl dt {height: 100%;display: flex;align-items: center;justify-content: center;}
.menuDl dt a {display: flex;height: 100%;justify-content: center;align-items: center;}
.menuDl dd .yj{position: relative;z-index: 9;}
.menuDl dd .yj a{display: block;text-align: center;color: #333;font-size: 18px;transition: 0.4s;font-weight: bold;}
.menuDl dd.hover .yj a,
.menuDl dd .yj a:hover{color: var(--bai-color);}
.menuDl dd .ej{position: absolute;top: 101%;left: 0;width: 100%;background: var(--bai-color);display: none;padding: 5px 0;z-index: 3000;}
/* .menuDl dd .ej::before {
  content: '';
  position: absolute;
  top: -20px; 
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent var(--bai-color) transparent;
  z-index: 4000; 
} */
.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: #333;margin-bottom:1px}
.menuDl dd .ej li:hover span a{color: var(--bai-color);background: #20806d;}
.menuDl dd .ej li.hover span a{color: var(--bai-color);background: #20806d;}
.menuDl dd .sj{ position: absolute; top: 0; width: 100%; background: rgba(0, 0, 0, 0.42); visibility: hidden; opacity: 0; transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 300ms;-webkit-transition: all 300ms;}
.menuDl dd .sj.left{left: 100%; right: unset;}
.menuDl dd .sj.right{right: 100%; left:unset;}
.menuDl dd .sj a{ display: block; padding:12px 0; line-height: 25px; color: var(--bai-color);}
.menuDl dd .sj a:hover{color: var(--bai-color);background: #20806d;}
.menuDl dd .sj a.hover{color: var(--bai-color);background: #20806d;}
.menuDl dd .ej li:hover .sj{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
/* 确保 hover 类的优先级 */
.menuDl dd.hover .yj a,
.menuDl dd.hover .yj a:hover {
    color: #20806d!important;
}

/* 优化子菜单的样式 */
.menuDl dd .ej li:hover span a {
    color: var(--bai-color)!important;
    background: #20806d !important;
}

/* 防止其他干扰 hover 的伪类样式 */
.menuDl dd .yj a:hover {
    color: #20806d; /* 确保 hover 时非选中项有不同的颜色 */
}
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner .pic::before {padding-top: 50%;}
.indexBanner .inBSwiper {position: relative;overflow: hidden;}
.indexBanner .inBSwiper .inBPagination {bottom: 50px !important;z-index: 20;position: absolute; display: flex; justify-content: center;}
/* .indexBanner .inBSwiper .inBPagination  span {display: inline-block;background-position: center;background-repeat: no-repeat;width: 100px;height: 80px;background-color: transparent !important;position: absolute;}
.indexBanner .inBSwiper .inBPagination span:nth-child(1) {background-image: url(../images/icon/el1.png);left: 49.4% ;bottom: 0px;transform: translateX(-50%);}
.indexBanner .inBSwiper .inBPagination span:nth-child(2) {background-image: url(../images/icon/el2.png);left: 50.3%;bottom: 15px;transform: translateX(-50%)}
.indexBanner .inBSwiper .inBPagination span:nth-child(3) {background-image: url(../images/icon/el3.png);left: 50.8%;bottom: 15px;}
.indexBanner .inBSwiper .inBPagination span:nth-child(4) {background-image: url(../images/icon/el4.png);left: 51.7%;bottom:0px;}
.indexBanner .inBSwiper .inBPagination span:nth-child(1).swiper-pagination-bullet-active {background-image: url(../images/icon/elh1.png);}
.indexBanner .inBSwiper .inBPagination span:nth-child(2).swiper-pagination-bullet-active {background-image: url(../images/icon/elh2.png);}
.indexBanner .inBSwiper .inBPagination span:nth-child(3).swiper-pagination-bullet-active {background-image: url(../images/icon/elh3.png);}
.indexBanner .inBSwiper .inBPagination span:nth-child(4).swiper-pagination-bullet-active {background-image: url(../images/icon/elh4.png);} */
.indexBanner .inBSwiper .swiper-pagination-bullet {background: var(--bai-color) !important;}
.indexBanner .inBSwiper .inBPagination span {width: 15px !important;height: 15px !important;background: var(--bai-color) !important;position: relative;margin: 0 15px !important;}
.indexBanner .inBSwiper .inBPagination span.swiper-pagination-bullet-active::after {display: block;content: "";width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--bai-color);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* 共用标题 start */
.lcTitle {text-align: center;}
.lcTitle span {display: inline-block;padding:50px;font-size: 30px;color: var(--primary-color);position: relative;}
.lcTitle span::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mask-position: center;mask-repeat: no-repeat;mask-image: url(../images/icon/title.png);font-weight: bold;mask-size: contain;background: var(--primary-color);
  -webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-image: url(../images/icon/title.png);font-weight: bold;mask-size: contain;background: var(--primary-color);
}
/* ————— 底部 start ————— */
.footer {color: var(--bai-color);position: relative;z-index: 1;}
.footer::before{display: block;content: ""; position: absolute; top: 0;left: 0;bottom: 0;right: 0;background-color: var(--primary-color);}
.footer::after{display: block;content: ""; position: absolute; top: 0;left: 0;bottom: 0;right: 0;background-image: url(../test/images/footerBG6.png);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 1;}
.footer .footerMain {padding: 60px 0;display: flex;justify-content: space-between;position: relative;z-index: 2;}
.footer .footerL {width: 42.9487%;}
.footer .footerL dd {height: 50px;line-height: 50px;margin-bottom: 20px;}
.footer .footerL dd .con {display: flex;align-items: center;column-gap: 15px;}
.footer .footerL dd .con .icon {width: 50px;height: 50px;border-radius: 100%;background-color: rgba(255, 255, 255, .05);background-position: center;background-repeat: no-repeat;background-size: 20px;}
.footer .footerL dd .con .text {font-size: 16px;line-height: 50px;display: flex;align-items: center;}
.footer .footerL dd .con .text span {display: inline-block;font-size: 28px;font-weight: bold;line-height: 50px;}
.footer .footerL .fridLink {display: flex;flex-wrap:nowrap}
.footer .footerL .fridLink span {font-size: 16px;line-height: 45px;margin-bottom: 20px;width: 80px;text-wrap: nowrap;}
.footer .footerL .fridLink .link {display: flex;flex-wrap: wrap;column-gap: 20px;}
.footer .footerL .fridLink a {color: var(--bai-color);font-size: 16px;height: 45px;line-height: 45px;border-radius: 45px;background-color: rgba(255, 255, 255, .05);padding: 0 30px 0 60px;margin-bottom: 20px;background-repeat: no-repeat;background-size: 15px;background-position: 30px center;background-image: url(../images/icon/yqlj.png);}
.footer .footerLogo {display: flex;justify-content: center;align-items: center;margin: 0 350px 0 20px;width: 200px;height: 200px;}
.footer .footerLogo img {object-fit: contain;}
.footer .homTop {margin: 35px 0 100px;display: flex;justify-content: flex-end;}
.footer .homTop a {display: flex;align-items: center;column-gap: 10px;color: var(--bai-color);height: 45px;line-height: 45px;font-size: 14px;}
.footer .homTop .icon {width: 45px;height: 45px;border-radius: 100%;background-color: rgba(255, 255, 255, .05);background-position: center;background-repeat: no-repeat;background-size: 15px;background-image: url(../images/icon/hddb.png);}
.footer .ewm {display: flex;align-items: center;column-gap: 20px;}
.footer .ewm .img {width: 120px;height: 120px;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: var(--bai-color);border-radius: 5px;}
.footer .ewm .text {text-align: center;font-size: 14px;line-height: 20px;height: 20px;text-wrap: nowrap;overflow: hidden;margin-top: 10px;}
/* 底部版权start   */
.friendCopyRight{ height: 60px; line-height: 60px; overflow: hidden; font-size: 14px; color: var(--bai-color);}
.friendCopyRight .wrap {border-top: 1px solid #4ea498;}
.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: var(--bai-color); margin-right: 20px;}
.friendCopyRight .conL a:hover{ color: var(--bai-color);}
.friendCopyRight .conR{ float: right; display: inline;}
.friendCopyRight .conR a{color: var(--bai-color); }
.friendCopyRight .conR a:hover{ color: var(--bai-color);}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position: relative;width: 100%;}
.subBanner:before{display: block;content: '';padding-top: 31.25%;}
.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 .menuBg {height: 80px;overflow: hidden;position: relative;z-index: 10;bottom: -40px;}
/* .subBanner .menuBg::before {display: block;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;mask-image: url(../test/images/subMenu.png);mask-repeat: no-repeat;mask-position: left center;mask-size: contain;z-index: 1;background-color: var(--primary-color)} */
/* .subBanner .menuBg::after {display: block;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: var(--primary-color);} */
.subBanner .menuBg::before {
  display: block;
  content: "";
  width: 61.375%;
  height: 100%;
  transform: skew(30deg);
  position: absolute;
  left: -2%;
  top: 0;
 mask-image: url(../test/images/smnuBg2.png);
 mask-position: center left;
  mask-repeat: no-repeat;
  mask-size: cover;
   -webkit-mask-image: url(../test/images/smnuBg2.png);
  -webkit-mask-position: center left;
   -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  background-color: var(--primary-color);

}
/* .subBanner .menuBg::after {
  display: block;
  content: "";
  height: 100%;
  width: 61.375%;
  position: absolute;
  transform: skew(30deg);
  left: -2%;
  top: 0;
  background-color: var(--primary-color);
  z-index: 1;
} */
.subBanner .subMenu {display: flex;align-items: center;position: relative;z-index: 2;}
.subBanner .subMenu a {font-size: 16px;line-height: 80px;margin-right: 70px;color: var(--bai-color);transition: .3s;}
.subBanner .subMenu a.hover {font-size: 24px;}
.subBanner .subMenu a:hover  {font-size: 24px;}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{height: 60px;}
.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/homehome.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/common/icon8.png);color: #a3a3a3;font-size: 14px;}
.location a:hover{color:var(--primary-color)}
.location a.hover{color:var(--primary-color)}
.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: #666666;font-size: 14px;padding:0 14px;}
.subNav a.hover{color: #1e5ab0}
.subNav a:hover{color: #1e5ab0}
/* ————— 当前位置 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 var(--bai-color); border-radius: 32px; font-size: 14px; margin: 0 5px; background: var(--bai-color);}
.sjMenu a:hover{ background: #1e5ab0; color: var(--bai-color); border-color: #1e5ab0;}
.sjMenu a.hover{ background: #1e5ab0; color: var(--bai-color); border-color: #1e5ab0;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:10px 16px;color:#999999;border-radius:3px;background: var(--bai-color); margin: 0 5px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: var(--primary-color);color: var(--bai-color);}
.page a.hover{background: var(--primary-color);color: var(--bai-color);}
.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: var(--bai-color); 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 ————— */
.endMore {display: flex;justify-content: flex-end;position: relative;bottom: 30px;padding-right: 30px;}
.inMore {padding-bottom: 20px;}
.inMore a {display: inline-block;height: 40px;font-size: 14px;line-height: 40px; padding: 0 60px 0 30px;border: 1px solid var(--primary-color);color: var(--primary-color);border-radius: 40px; transition: .3s;position: relative;}

.inMore a::before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mask-position: 80px center; mask-repeat: no-repeat; mask-repeat: no-repeat; mask-image: url(../images/icon/more2.png);
  -webkit-mask-position: 80px center; -webkit-mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-image: url(../images/icon/more2.png);
  background-color: var(--primary-color);
}
.indexPd {padding: 80px 0 120px;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.indexC1  {overflow: hidden;position: relative;z-index: 2;}
.indexC1::before{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mask-image: url(../test/images/inc1bg1.png);
  mask-position: center;
  mask-repeat: no-repeat;
  background-image: url(../test/images/inc1bg1.png);
  -webkit-mask-image: url(../test/images/inc1bg1.png);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-image: url(../test/images/inc1bg1.png);
 background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  background-color: var(--primary-color);
}

.indexC1 .topTitle {display: flex;justify-content: space-between;align-items: flex-end;}
.indexC1 .left .topTitle {padding-right: 30px;}
.indexC1 .main {display: flex;position: relative;z-index: 2;}
.indexC1 .main .left {width: 64.7435%;}
.indexC1 .main .right {padding-left: 30px;flex: 1;}
.indexC1 .main .swiperText {margin-top: 40px;border-right: 1px solid #cfcfcf;padding-right: 30px;}
.indexC1 .main .swiperText .inC1Swiper {position: relative;overflow: hidden;}
.indexC1 .main .swiperText .inC1Swiper .con {display: flex;align-items: flex-end;}
.indexC1 .main .swiperText .inC1Swiper .con .img {width: 64.2857%;overflow: hidden;}
.indexC1 .main .swiperText .inC1Swiper .con .pic::before {padding-top: 58.7031%;}
.indexC1 .main .swiperText .inC1Swiper .con .text {background-color: var(--bai-color);padding: 30px;width: 35.7143%;}
.indexC1 .main .inC1Swiper .con .text .title {font-size: 18px;line-height: 26px;height: 26px;text-wrap: nowrap;text-overflow: ellipsis; color: #333; margin-bottom: 10px;overflow: hidden;}
.indexC1 .main .inC1Swiper .con .text .textC {font-size: 14px;line-height: 28px;height: 140px; color: #666;}
.indexC1 .main .inC1Swiper .con .text .time {float: right;display: flex;flex-direction: column;align-items: center;}
.indexC1 .main .inC1Swiper .con .text .time .day {font-size: 28px;line-height: 30px;color: var(--primary-color);}
.indexC1 .main .inC1Swiper .con .text .time .year {font-size: 12px;color: #999;line-height: 20px;}
.indexC1 .main .inC1Swiper .swiper-pagination {width: auto !important;left: 67.8571%;bottom: 40px;}
.indexC1 .main .inC1Swiper .swiper-pagination span {width: 10px;height: 10px;margin: 0 5px;background-color: #d5e6e4;}
.indexC1 .main .inC1Swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--primary-color);}
.indexC1 .main .textList {margin-top: 30px;margin-right: -30px;overflow: hidden;}
.indexC1 .main .textList dd {width: 33.3333%;float: left;margin-bottom: 20px;}
.indexC1 .main .textList .con {display: block;margin-right: 30px;border-bottom: 1px solid #cfcfcf;padding-bottom: 15px;}
.indexC1 .main .textList .con .text {padding-left: 20px;position: relative;font-size: 16px;line-height: 32px;color: #666;transition: .3s;height: 64px;margin-bottom: 5px;}
.indexC1 .main .textList .con .text::before {display: block; content: ""; width: 2px;height: 20px; background-color: var(--primary-color);position: absolute;top: 8px;left: 0;}
.indexC1 .main .textList .con .time {display: flex;justify-content: flex-end;}
.indexC1 .main .textList .con .time span {color: #999;font-size: 14px;line-height: 20px; transition: .3s;}
.indexC1 .main .textList dd:nth-last-child(1) .con {border-bottom: none;}
.indexC1 .main .textList dd:nth-last-child(2) .con {border-bottom: none;}
.indexC1 .main .textList dd:nth-last-child(3) .con {border-bottom: none;}
.indexC1 .main .textList .con:hover .text {color: var(--primary-color);}
.indexC1 .main .textList .con:hover .time span {color: var(--primary-color);}
.indexC1 .main .timeText {background-color: var(--bai-color);padding: 30px;margin-top: 40px;height: 567px;overflow: hidden;}
.indexC1 .main .timeText dd {margin-bottom: 23px;}
.indexC1 .main .timeText dd .con {display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #e3e6e6;transition: .3s;}
.indexC1 .main .timeText dd .con .time {width: 90px;text-align: center;border-right: 1px solid #e3e6e6;color: #999;transition: .3s;}
.indexC1 .main .timeText .time .day {font-size: 28px;line-height: 30px;height: 30px;overflow: hidden;transition: .3s;}
.indexC1 .main .timeText .time .year {font-size: 12px;line-height: 18px;height: 18px;overflow: hidden;}
.indexC1 .main .timeText .text {padding-left: 20px;font-size: 16px;line-height: 30px;height: 60px;color: #666; transition: .3s; }
.indexC1 .main .timeText dd:last-child .con {padding-bottom: 0;border-bottom: none;}
.indexC1 .main .timeText dd:last-child {margin-bottom: 0;}
.indexC1 .main .timeText dd .con:hover .text {color: var(--primary-color);}
.indexC1 .main .timeText dd .con:hover .time .day {color: var(--primary-color);font-weight: bold;}
/* ————— 第1通栏 end ————— */

/* ————— 第2通栏 start ————— */
.indexC2  {background: url(../test/images/inc2Bg.png) center no-repeat;background-size: cover;overflow: hidden;}
.indexC2 .inMore {position: relative;bottom: 60px;}
.inC2Swiper {position: relative;overflow: hidden;padding-bottom: 60px;}
.inC2Swiper .con {display: block;overflow: hidden;background-color: var(--bai-color);transition: .3s;}
.inC2Swiper .con .pic::before {padding-top: 69.4444%;}
.inC2Swiper .con .text {padding: 40px 30px 60px;}
.inC2Swiper .con .text .title {padding-left: 20px;position: relative;font-size: 16px;line-height: 30px;height: 60px;color: #333;transition: .3s;}
.inC2Swiper .con .text .title::before {display: block;content: "";width: 2px;height: 20px;position: absolute;top: 7px;left: 0;background-color: var(--primary-color);}
.inC2Swiper .con .textC {font-size: 14px;line-height: 30px;height: 90px;color: #999;margin: 15px 0; transition: .3s;}
.inC2Swiper .con .time {font-size: 14px;line-height: 30px;color: #999;transition: .3s;}
.inC2Swiper .swiper-pagination {bottom: 0 !important;}
.inC2Swiper  .swiper-pagination span {width: 10px;height: 10px;margin: 0 5px;background-color: var(--bai-color);border: 1px solid var(--primary-color);}
.inC2Swiper  .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--primary-color);}
.inC2Swiper .swiper-slide:nth-of-type(even) a {
    margin-top: 60px;
}
.inC2Swiper .con:hover {background-color:  var(--primary-color);}
.inC2Swiper .con:hover .text .title {color: var(--bai-color);}
.inC2Swiper .con:hover .text .title::before {background-color: var(--bai-color);}
.inC2Swiper .con:hover .textC {color: var(--bai-color);}
.inC2Swiper .con:hover .time {color: var(--bai-color);}
/* ————— 第2通栏 end ————— */

/* ————— 第3通栏 start ————— */
.indexC3 {padding: 80px 0 0;overflow: hidden;position: relative;}
.indexC3::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(../test/images/inc3bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.indexC3::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mask-image: url(../test/images/indexC3bg.png);
  mask-position: top center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url(../test/images/indexC3bg.png);
   -webkit-mask-position: top center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
  background-color: var(--primary-color);
}
.indexC3 .lcTitle {position: relative;z-index: 3;overflow: hidden;margin-bottom: 25px;}
/* 动画添加 */
@-webkit-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
.indexC3 .content {
    width: 80vw;
    height: 80vw;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
    margin-bottom: -40vw;
}
.indexC3 .wrap {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.indexC3 .content .line1 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.indexC3 .content .line1::before {
    border: var(--primary-color) 1px dashed;
    transition: 2s;
    -webkit-animation: play1 200s linear infinite;
    -moz-animation: play1 200s linear infinite;
    animation: play1 200s linear infinite;
}
.indexC3 .content .line0 {
  position: absolute;
    border-radius: 50%;
    transition: 2s;
}
.indexC3 .content .line0::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}
.indexC3 .content .line2::before {
    border: var(--primary-color) 1px dashed;
    transition: 2s;
    -webkit-animation: play 200s linear infinite;
    -moz-animation: play 200s linear infinite;
    animation: play 200s linear infinite;
}
.indexC3 .content .line2 {
    transform: scale(1);
    transition-delay: .2s;
    opacity: 1;
}
.indexC3 .content .line2{top: 12vw;right: 12vw;bottom: 12vw;left: 12vw; }
.list6b {
    width: 100%;
    height: 100%;
    transition: 1s;
    position: static;
    overflow: visible;
}
.indexC3 .textB{width: 40vw; height: 40vw; background: url(../test/images/sbyt.png) no-repeat; background-size: contain; margin: 0 auto;position: absolute;z-index: 1; border-radius: 50%;cursor: pointer; top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);display: flex;align-items: center;justify-content: center;overflow: hidden;}
.indexC3 .textB::before {display: block;content: "";width: 100%;height: 100%;background: url(../test/images/texstM.png) center no-repeat;position: absolute;left: 0;top: -50px;}
.indexC3 .imgBox {width: 89%;position: relative;bottom: 20px;color: var(--bai-color);display: flex;align-items: flex-end;z-index: 2;}
.indexC3 .imgBox .text {font-size: 16px;line-height: 35px;height: 70px;flex: 1;}
.indexC3 .imgBox  a {font-size: 16px;line-height: 35px;color: #035144;}
.list6 li {position: absolute;z-index: 10;}
.list6 li:nth-child(1) {top: 37%;right: 81%;}
.list6 li:nth-child(2) {
        top: 19%;
        right: 70%;
}
.list6 li:nth-child(3) {
    bottom: 82%;
    left: 50%;
    transform: translateX(-50%);
}
.list6 li:nth-child(4) {
  top: 19%;
  left: 70%;
}
.list6 li:nth-child(5) {
    top: 37%;
    left: 81%;
}
.list6 li .img2 {display: none;}
.list6 li a {display: flex;align-items: center;column-gap: 30px;}
.list6 li a .ico{width: 130px;height: 130px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: var(--bai-color);position: relative;z-index: 10;overflow: hidden;}
.list6 li a .ico .icon-xueyuan_huaban::before {
  font-size: 70px;
  color: var(--primary-color);
}
.list6 li a .ico .icon-caihuaxueyuan::before {
  font-size: 70px;
  color: var(--primary-color);
}
.list6 li a .ico .icon-gongguanxueyuan::before {
  font-size: 70px;
  color: var(--primary-color);
}
.list6 li a .ico .icon-houtai-zhuanyeguanli-zhuanye-gongyegongchengjishu::before {
  font-size: 70px;
  color: var(--primary-color);
}
.list6 li a .ico .icon-jiaoshi::before {
  font-size: 70px;
  color: var(--primary-color);
}
.list6 li:hover  a .ico .icon-xueyuan_huaban::before {
  color: var(--bai-color);
}
.list6 li:hover a .ico .icon-caihuaxueyuan::before {
 color: var(--bai-color);
}
.list6 li:hover a .ico .icon-gongguanxueyuan::before {
 color: var(--bai-color);
}
.list6 li:hover a .ico .icon-houtai-zhuanyeguanli-zhuanye-gongyegongchengjishu::before {
 color: var(--bai-color);
}
.list6 li:hover a .ico .icon-jiaoshi::before {
 color: var(--bai-color);
}
.list6 li a .ico:before{content: "";position: absolute;top:0;right:0;bottom:0;left:0;border: var(--primary-color) 1px dashed;border-radius: 50%;-webkit-animation: play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;z-index: -1;}
.list6 li:nth-child(1) .ico {
        order: 1;
}
.list6 li:nth-child(2) .ico {
        order: 1;
}
.list6 li:nth-child(3) .ico {
        order: 1;
}
.list6 li:nth-child(3) a {
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
}
.list6 li:nth-child(1) .circle {left: 50%;}
.list6 li:nth-child(2) .circle {left: 50%;}
.list6 li:nth-child(3) .circle {top: 43%;}
.list6 li a .con {display: flex;flex-direction: column;align-items: center;}
.list6 li a .con .number {display: flex;align-items: flex-end;}
.list6 li a .con .number .num {font-size: 42px;line-height: 45px;color: var(--primary-color);font-weight: bold;}
.list6 li a .con .number .min {font-size: 16px;color: var(--primary-color);}
.list6 li a .con .text {font-size: 16px;line-height: 30px;color: #444;}

.list6 li:hover a .ico{ background: var(--primary-color);}
.circle {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;opacity: 0;width: 130px;height: 130px;}
.circle span {
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: var(--primary-color);
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-animation: circleScale 4s linear infinite;
	-moz-animation: circleScale 4s linear infinite;
	-ms-animation: circleScale 4s linear infinite;
	animation: circleScale 4s linear infinite;
	transition:.5s;
  z-index: 1;
}
.circle span:nth-of-type(2) {
  animation-delay: 1.33s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2.66s;
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  20% {
	   opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.list11 li:hover{ transform: translate(-50%,-50%) scale(1.25);}
.list6 li:hover .circle{ opacity: 1}


/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.indexC4 {background-color: var(--inC4Bg-color);overflow: hidden;position: relative;z-index: 2;}
.indexC4::before {
  display: block;
  content: "";
  position: absolute;
  height: 45%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../test/images/inc6Bg2.png);background-position: bottom center;background-repeat: no-repeat;
  z-index: 1;
}
.indexC4::after {
  display: block;
  content: "";
  position: absolute;
  height: 45%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary-color);
}
.indexC4 .imgList {margin: 20px 0 0 0;overflow: hidden;position: relative;z-index: 2;}
.indexC4 .imgList dd {display: flex;align-items: center;overflow: hidden;}
.indexC4 .imgList dd .left { width: 50%; display: flex;order: 1;}
.indexC4 .imgList dd .left .con {width: 50%;overflow: hidden;}
.indexC4 .imgList dd .left .con .pic::before {padding-top: 100%;}
.indexC4 .imgList dd .tip {position: absolute;bottom: 20px;left: 30px;color: var(--bai-color);z-index: 10;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 -webkit-transform:scale(10);transform:scale(10); -webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;}
.indexC4 .imgList dd .tip .time {font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.indexC4 .imgList dd .tip .text {font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.indexC4 .imgList dd .tip .name {margin-top: 20px;}
.indexC4 .imgList dd .tip .name span {display: inline-block;height: 35px;padding: 0 15px;border: 1px solid var(--bai-color);border-radius: 35px;font-size: 16px;line-height: 35px;}
.indexC4 .imgList dd .right {width: 50%;order: 2;}
.indexC4 .imgList dd .right .con {display: block;overflow: hidden;}
.indexC4 .imgList dd .right .con .pic::before {padding-top: 50.0684%;}
.indexC4 .imgList dd .pic::after {display: block; content: ""; width: 100%;height: 100%;background: url(../test/images/picm.png) center no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;}
.indexC4 .imgList dd:last-child .left  {order: 2;}
.indexC4 .imgList dd:last-child .right {order: 1;}
.indexC4 .imgList dd .con:hover .tip {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.1s;transition-delay:.1s;}
.indexC4 .imgList dd .con:hover .pic::after {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
/* 图片提示文字效果 start */
.simImg_spec33 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:var(--bai-color);}
.simImg_spec33 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
.simImg_spec33 .tip{position: absolute;bottom: 20px;left: 30px;color: var(--bai-color);z-index: 10;}
.simImg_spec33 .caption-text-in{padding:0 1.2em;}
.simImg_spec33 .captionbg { opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 -webkit-transition:all .3s ease-in .4s;transition:all .3s ease-in .4s;}
.simImg_spec33 .time {padding:0.6em 0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);border-bottom:1px solid rgba(255,255,255,.3);-webkit-transform:scale(10);transform:scale(10); -webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;}
.simImg_spec33 .text {padding:0.6em 0; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 -webkit-transform:scale(10);transform:scale(10); -webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;}
.simImg_spec33:hover .captionbg {opacity:0.85;*filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);}
.simImg_spec33:hover h3 {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.1s;transition-delay:.1s;}
.simImg_spec33:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.2s;transition-delay:.2s;}
/* 图片提示文字效果 end */

/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
.indexC5 {overflow: hidden;background-image: url(../test/images/inc5bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.indexC5 .main {display: flex;column-gap: 30px;}
.indexC5 .main dl {width: 25.6410%;overflow: hidden;}
.indexC5 .main  .inC5Swiper {flex: 1;overflow: hidden;position: relative;}
.indexC5 .main dl dd {margin-bottom: 30px;}
.indexC5 .main dl dd .con {display: block;padding: 20px 30px;border: 1px solid var(--primary-color);overflow: hidden;position: relative;}
.indexC5 .main dl dd .con::before {display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .3s;z-index: 1;}
.indexC5 .main dl dd .con::after{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .2s;}
.indexC5 .main dl .text {font-size: 16px;line-height: 32px;height: 64px;color: #333;padding-right: 10px;transition: .3s;position: relative;z-index: 3;}
.indexC5 .main dl .time {display: flex;justify-content: flex-end;font-size: 14px;line-height: 28px;transition: .3s;position: relative;z-index: 3;}
.indexC5 .main .tip {position: absolute; width: 100%; bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.42);background-size: cover;height: 50px;line-height: 50px;font-size: 22px;color: var(--bai-color);text-align: center;overflow: hidden;}
.indexC5 .main .inC5Swiper .swiper-pagination {bottom: 10px !important;}
.indexC5 .main .inC5Swiper  .swiper-pagination span {width: 10px;height: 10px;margin: 0 5px;background-color: var(--bai-color);border: 1px solid var(--primary-color);}
.indexC5 .main .inC5Swiper  .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--primary-color);}
.indexC5 .main dl dd .con:hover::before {
  mask-image: url(../test/images/djddBg2.png);mask-repeat: no-repeat;mask-position: center;mask-size: 100%,100%;background-color: var(--primary-color);
  -webkit-mask-image: url(../test/images/djddBg2.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: 100%,100%;
}

.indexC5 .main dl dd .con:hover .text {color: var(--c666-color);}
.indexC5 .main dl dd .con:hover .time {color: var(--c666-color);}
/* ————— 第5通栏 end ————— */
/* ————— 第6通栏 start ————— */
/* ————— 第6通栏 end ————— */
/* ————— 第7通栏 start ————— */
/* ————— 第7通栏 end ————— */
/* ————— 第8通栏 start ————— */
/* ————— 第8通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */