@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1756719818621') format('woff2'),
       url('../fonts/iconfont.woff?t=1756719818621') format('woff'),
       url('../fonts/iconfont.ttf?t=1756719818621') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,body {
/*line-height: 1.8; */
}

/* 全局隐藏原生滚动条，解决双滚动条核心问题 */
html, body {
 
}

input.search::placeholder {
  font-family: Source Han Sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  opacity: 1 !important; /* 修复 Firefox 默认透明度问题 */
}


html p,body p{/* margin: 10px 0;*/} 


html.has-scroll-smooth,html{
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

html.has-scroll-dragging,
html.has-scroll-dragging * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.has-scroll-smooth body {
	overflow: hidden;
}

.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100vh;
	transform-origin: center right;
	transition: transform 0.3s, opacity 0.3s;
	opacity: 0;
	z-index: 100;
}

.c-scrollbar:hover {
	transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
	opacity: 1;
}



.has-scroll-dragging .c-scrollbar_thumb {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}


h2{}
br{}

.color002FA5{ color:#002FA5}
.color9E9E9E{ color:#9E9E9E}
.color858B98{ color:#858B98}
.padding0{ padding:0}

#section_padding0 .section{ padding:0}



input,
textarea {
	font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}



.video{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}

.video video{
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
}

.banner-swiper{
	width: 100%;
  height: calc(100vh + 90px);
  position: relative;
  margin-top: 0vh;
}
.banner-swiper .swiper-button-next:after,.banner-swiper .swiper-button-prev:after{ display:none;}
.banner-swiper .swiper-button-next,.banner-swiper .swiper-button-prev{ font-size:22px; color:#fff;opacity:0.3;-webkit-transition: all ease .4s;
  transition: all ease .4s;    margin-top: -50px;}
.banner-swiper .swiper-button-next:hover,.banner-swiper .swiper-button-prev:hover{font-size:26px; color:#fff;opacity: 1;-webkit-transition: all ease .4s;
  transition: all ease .4s;}
.banner-swiper.banner_news_info{
	width: 100%;
  height: calc(40vh + 90px);
  position: relative;
  margin-top: 0vh;
}
.banner-swiper .swiper-slide {
  width: 100vw;
  height: calc(100vh + 90px);
  overflow: hidden;
}
.banner-swiper.banner_news_info .swiper-slide {
  width: 100vw;
  height: calc(40vh + 90px);
  overflow: hidden;
}
.banner-swiper .swiper-slide .parallax {
  overflow: hidden;position: relative; 
  width: 100%;
  height: 100%;
}
.banner-swiper .swiper-slide .parallax .back_img {
position: absolute;
  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  color:#fff;
	  
	  
}

.banner-swiper .swiper-slide.swiper-slide-active .parallax .back_img {
}
/* 可选：给即将离开的slide也保留放大状态，避免切换时闪烁 */
.banner-swiper .swiper-slide.swiper-slide-prev .parallax .back_img,
.banner-swiper .swiper-slide.swiper-slide-next .parallax .back_img {

}
.banner-swiper .swiper-slide .parallax {
  transform: scale(1.2); /* 初始放大倍数，可根据需要调整 (1.1-1.5之间效果较好) */
  transform-origin: center center; /* 从中心开始缩放，防止图片偏移 */
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 平滑过渡：属性 时长 缓动函数 */
}

/* 2. 激活状态：当 slide 获得 swiper-slide-active 类时，恢复正常大小 */
.banner-swiper .swiper-slide.swiper-slide-active .parallax {
  transform: scale(1); /* 缩小至原始大小 */
}



.serviceSwiper .swiper-slide img{
width:100vw;
  -webkit-transition:-webkit-transform 1.6s cubic-bezier(.43,.195,.02,1);
  transition:-webkit-transform 1.6s cubic-bezier(.43,.195,.02,1);
  transition:transform 1.6s cubic-bezier(.43,.195,.02,1);
  transition:transform 1.6s cubic-bezier(.43,.195,.02,1),-webkit-transform 1.6s cubic-bezier(.43,.195,.02,1);
  -webkit-transform:scale3d(1.2,1.2,1.2) translate3d(5%,0,0);
  transform:scale3d(1.2,1.2,1.2) translate3d(5%,0,0)
}
.serviceSwiper .swiper-slide.swiper-slide-active img{
-webkit-transform:none;
  -ms-transform:none;
  transform:none
}




.banner-swiper .swiper-slide .parallax .back_img.pc {
  display: block;
}
.banner-swiper .swiper-slide .parallax .back_img.mob {
  display: none;
}
.banner-swiper .swiper-slide  .slide_txt {
  height: auto;
  position: absolute;
  left: 6%;width: 90%;
  bottom: calc(6% + 130px);
  color: #fff; text-align:left; 
}
#bannerins-swiper .swiper-slide  .slide_txt{
height: auto;
width: auto;
  top: initial;
  -webkit-transform: initial;
  text-align: left;
  margin-top: 0;
position: absolute;
  bottom: 200px;
  left: 180px;
  z-index: 1;
  color: #fff;
  font-size: 64px;
}
.banner-swiper .swiper-slide  .slide_txt .p1 {
  width: 100%;font-family: Montserrat-Medium;
/*  display: flex;*/
  position: relative;
  font-size:44px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
  overflow: hidden;-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .7s;opacity: 0;
	
	font-family: Noto Sans SC;
  
  letter-spacing: 0;
  line-height: 1.2 !important;
}
#bannerins-swiper .swiper-slide .slide_txt .p1{ font-size:70px;line-height: 1.5 !important;}
.page_index .banner-swiper .swiper-slide  .slide_txt .p1{font-weight: 600;font-family: Noto Sans SC;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1 !important;}

.banner-swiper .swiper-slide.swiper-slide-active  .slide_txt .p1{
	-webkit-transform: translateY(0%);opacity: 1;
}
.banner-swiper .swiper-slide  .slide_txt  .banner_btn{-webkit-transition-delay: 2.5s; margin-top:4vh; display:inline-block; font-size:14px;-webkit-transform: translateX(130px);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .7s;opacity: 0;}
.banner-swiper .swiper-slide.swiper-slide-active  .slide_txt  .banner_btn{
	-webkit-transform: translateX(0%);opacity: 1;-webkit-transition-delay:2.5s;
}
.banner-swiper .swiper-slide  .slide_txt  .banner_btn a{color:#FFFFFF;}



.mouse_icon {
	width: 150px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom:-140px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	z-index: 5;
}

.mouse_icon p {
	font-size: 14px;
	display: block;
	margin-top: 15px;
}

.mouse_icon .mouse {
	width: 30px;
	height: auto;
	margin: 0px auto;
	position: relative;
}

.mouse_icon .mouse::before {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .1);
	border-radius: 50%;
	content: '';
}

.mouse_icon .mouse img {
	-webkit-animation: upAnimate 2s ease infinite;
}

@-webkit-keyframes upAnimate {

	0%,
	100% {
		-webkit-transform: translateY(-4px);
	}

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

.mouse_icon .icon {
	width: 18px;
	margin: 0px auto;
}

.mouse_icon .icon img {
	-webkit-animation: upAnimate2 2s ease infinite;
}

@-webkit-keyframes upAnimate2 {

	0%,
	100% {
		-webkit-transform: translateY(-1px);
	}

	50% {
		-webkit-transform: translateY(3px);
	}
}






#container{ position:relative}
.side1{ position:relative; width:100%;height: calc(100vh + 90px);}
.side1.side_newsinfo{ position:relative; width:100%;height: calc(40vh + 90px);}

/*左边切换按钮 样式 开始*/
        .layer-set {
            position: relative; /* 作为遮罩层的定位参考 */
            overflow: hidden; /* 隐藏超出的遮罩层 */
            cursor: pointer;
			border-radius: 8px; 
            transition: color 0.3s ease; /* 图标颜色过渡 */
			border: 4px solid transparent;
  background-image: linear-gradient(to bottom, #EEF4FA, #F4F4FA);
  background-clip: border-box;
  -webkit-background-clip: border-box;
  /* 可选：圆角（内外层要一致） */
  border-radius: 8px;
        }
		.layer-set  .gradient-bg-container{
		    display: inline-flex;
            align-items: center;
            justify-content: center; 
		    width: 42px;
            height: 42px;
            border-radius: 6px; /* 圆形效果，可根据需求调整 */
            text-decoration: none;
            color: #002FA5; /* 图标默认颜色 */
			background: linear-gradient(#FFFFFF, #FAFBFE); 
			}

        /* 遮罩层样式 */
        .layer-set .mask {
            position: absolute;
            top: 0;
            right: 0; /* 从右侧开始 */
            width: 0; /* 默认隐藏 */
            height: 100%;
            background-color: #002FA5; /* 悬停背景色，可自定义 */
            transition: width 0.5s ease; /* 宽度过渡动画 */
            z-index: 0; /* 遮罩层在底层 */
			border-radius: 6px;
        }
		 .layer-set .mask.right {
            position: absolute;
            top: 0;
            left: 0; /* 从右侧开始 */
            width: 0; /* 默认隐藏 */
            height: 100%;
            background-color: #002FA5; /* 悬停背景色，可自定义 */
            transition: width 0.5s ease; /* 宽度过渡动画 */
            z-index: 0; /* 遮罩层在底层 */
        }

        /* 图标容器 */
        .layer-set .layer-icon {
            position: relative; /* 确保图标在遮罩层上方 */
            z-index: 1;
            font-size:12px; /* 图标大小，可调整 */
        }

        /* 鼠标悬停效果 */
        .layer-set:hover .mask {
            width: 100%; /* 遮罩层展开，从右到左 */
        }
		.layer-set:hover .mask.right {
            width: 100%; /* 遮罩层展开，从右到左 */
        }

        .layer-set:hover .layer-icon {
            color: #fff; /* 悬停时图标变为白色，可自定义 */
        }
		
		
		
		.language_show {
            position: relative; /* 作为遮罩层的定位参考 */
            overflow: hidden; /* 隐藏超出的遮罩层 */
            cursor: pointer;
			border-radius: 8px; 
            transition: color 0.3s ease; /* 图标颜色过渡 */
			border: 3px solid transparent;
  background-image: linear-gradient(to bottom, #EEF4FA, #F4F4FA);
  background-clip: border-box;
  -webkit-background-clip: border-box;
  /* 可选：圆角（内外层要一致） */
  border-radius: 8px;
        }
		.language_show  .gradient-bg-container{
		    display: inline-flex;
            align-items: center;
            justify-content: center; 
		    width: 30px;
            height: 30px;
            border-radius: 6px; /* 圆形效果，可根据需求调整 */
            text-decoration: none;
            color: #002FA5; /* 图标默认颜色 */
			background: linear-gradient(#FFFFFF, #FAFBFE); 
			}

        /* 遮罩层样式 */
        .language_show .mask {
            position: absolute;
            top: 0;
            right: 0; /* 从右侧开始 */
            width: 0; /* 默认隐藏 */
            height: 100%;
            background-color: #002FA5; /* 悬停背景色，可自定义 */
            transition: width 0.5s ease; /* 宽度过渡动画 */
            z-index: 0; /* 遮罩层在底层 */
			border-radius: 6px;
        }

        /* 图标容器 */
        .language_show .layer-icon {
            position: relative; /* 确保图标在遮罩层上方 */
            z-index: 1;
            font-size:14px; /* 图标大小，可调整 */
        }

        /* 鼠标悬停效果 */
        .language_show:hover .mask {
            width: 100%; /* 遮罩层展开，从右到左 */
        }

        .language_show:hover .layer-icon {
            color: #fff; /* 悬停时图标变为白色，可自定义 */
        }
		
		
		.goTop {
				position: fixed;
				right: 80px;
				bottom: 24px;
				width: 48px;
				height: 48px;
				border-radius: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				opacity: 0;
				visibility: hidden;
				transition: all 0.3s ease;
				z-index: 9999;
				/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); */
			}

			.goTop.show {
				opacity: 1;
				visibility: visible;
			}

		.goTop .back-to-top{
            position: relative; /* 作为遮罩层的定位参考 */
            overflow: hidden; /* 隐藏超出的遮罩层 */
            cursor: pointer;
			border-radius: 8px; 
            transition: color 0.3s ease; /* 图标颜色过渡 */
			border: 4px solid transparent;
  background-image: linear-gradient(to bottom, #EEF4FA, #F4F4FA);
  background-clip: border-box;
  -webkit-background-clip: border-box;
  /* 可选：圆角（内外层要一致） */
  border-radius: 8px;
        }
		.goTop  .gradient-bg-container{
		    display: inline-flex;
            align-items: center;
            justify-content: center; 
		    width: 42px;
            height: 42px;
            border-radius: 6px; /* 圆形效果，可根据需求调整 */
            text-decoration: none;
            color: #002FA5; /* 图标默认颜色 */
			background: linear-gradient(#FFFFFF, #FAFBFE); 
			}

        /* 遮罩层样式 */
        .goTop .mask {
            position: absolute;
            bottom: 0;
            right: 0; /* 从右侧开始 */
            width: 100%; /* 默认隐藏 */
            height: 0%;
            background-color: #002FA5; /* 悬停背景色，可自定义 */
            transition: height 0.5s ease; /* 宽度过渡动画 */
            z-index: 0; /* 遮罩层在底层 */
			border-radius: 6px;
        }

        /* 图标容器 */
        .goTop .layer-icon {
            position: relative; /* 确保图标在遮罩层上方 */
            z-index: 1;
            font-size:16px; /* 图标大小，可调整 */
        }

        /* 鼠标悬停效果 */
        .goTop:hover .mask {
            height: 100%; /* 遮罩层展开，从右到左 */
        }
        .goTop:hover .layer-icon {
            color: #fff; /* 悬停时图标变为白色，可自定义 */
        }



 .more_btns_show {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: color 0.3s ease;
    background: linear-gradient(#EEF4FA, #F4F4FA);
    border-radius: 100px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.more_btns_show .gradient-bg-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    text-decoration: none;
    color: #002FA5;
    background: linear-gradient(#FFFFFF, #FAFBFE);
    transition: all 0.3s ease;
    padding: 8px 25px;
    position: relative;
    z-index: 1;
}

/* 遮罩 */
.more_btns_show .mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #002FA5;
    transition: width 0.5s ease;
    z-index: 0;
    border-radius: 100px;
}

/* 内容容器：核心！实现真正换位 */
.more_btns_show .layer-icon {
    position: relative;
    z-index: 1;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
    transition: all 0.3s ease;
}

/* hover 背景 */
.more_btns_show:hover .mask {
    width: 100%;
}
.more_btns_show:hover .layer-icon {
    color: #fff;
    flex-direction: row-reverse; /* 🔥 核心：真正交换左右位置 */
    gap: 12px;
}

/* 动画微调，让换位更顺滑 */
.more_btns_show .layer-icon * {
    transition: all 0.25s ease;
}

/* 去掉你之前错误的位移动画 */
.more_btns_show:hover .layer-icon .more_font,
.more_btns_show:hover .layer-icon .iconfont,
.service-content .more_Link_btn .more_btns_show:hover .layer-icon .iconfont {
    transform: none !important;
}
.more_btns_show .layer-icon .iconfont {
    transition: transform 0.3s ease;
    font-size: 10px;
}
		
		
		
		
		
		.margin-none {
				margin: 0;
			}
			.padding-none {
				padding: 0;
			}
			.padding-top-120 {
				padding-top: 120px;
			}
			.padding-top-149 {
				padding-top: 149px;
			}
			.padding-bottom-70 {
				padding-bottom: 70px;
			}
			.padding-bottom-80 {
				padding-bottom: 80px;
			}
			.padding-bottom-24 {
				padding-bottom: 24px;
			}
			.margin-right-80 {
				margin-right: 80px;
			}
			.padding-bottom-120 {
				padding-bottom: 120px;
			}
			.padding-bottom-130 {
				padding-bottom: 130px;
			}
			.padding-bottom-160 {
				padding-bottom: 160px;
			}
			.padding-bottom-187 {
				padding-bottom: 187px;
			}
			.padding-bottom-127 {
				padding-bottom: 127px;
			}

			.margin-right-80 {
				margin-right: 0 !important;
			}






/*移动端适配 样式 开始*/
@media screen and (max-width: 768px) {



}