body {
	
	background: url("../img/bg3.jpg") bottom+100px center/auto;
}
.container{
	
}
 

/*大banner*/
.bannerView {
	
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	
	height: 266px;
}
.bannerView img{
    left: 50%; /* 将图片左边缘移动到容器中心 */
    transform: translateX(-50%); /* 再将图片向左移动自身宽度的一半 */
    max-width: none; /* 确保图片不会被强制缩小 */
    display: block; /* 避免图片下方的间隙 */
	position: absolute;
    top: 0;
    height: 266px;
	max-height: 266px;
}

.b_gdo{ position: absolute; top: 0px; display:flex;
	left: 50%; /* 将图片左边缘移动到容器中心 */
    transform: translateX(-50%); /* 再将图片向左移动自身宽度的一半 */
	height: 100%; overflow: hidden;}
.b_gdo img{ display: none;}/*不显示中间蓝字*/
.b_g1,.b_g2,.b_g3,.b_g4{ position: absolute; top: 0px;
						width: 4.2%;
						height: 100%;
						color: white;
						transform: skew(-155deg); /* 调整角度 */
						cursor: pointer;
						display:none;
	
}

.b_g1{ right:12%;background: rgba(130, 192, 241, 0.5); overflow: hidden;
		top: -350px;
		width: 1000px;
		height: 460px;
		color: white;
		transform: rotate(42.5deg) skew(20deg); /* 调整角度 */
}
.b_g1 div{transform: skew(155deg); width:280%; height: 80%; margin-left: 80%; margin-top: 32%;}
.b_g1 div img{ width:100%;}

.b_g2{ right:10.2%;background: rgba(75, 163, 117, 0.5);overflow: hidden;
		top: 0px;
		width: 6.5%;
		height: 100%;
		transform: skew(-21.5deg); /* 调整角度 */
}
.b_g2 div{transform: skew(155deg); width:280%; height: 80%; margin-left: -26%; margin-top: 32%;}
.b_g2 div img{ width:100%;}

.b_g3{ right:3.7%;background: rgba(67, 139, 133, 0.5);overflow: hidden;
		top: 0px;
		width: 6.5%;
		height: 100%;
		transform: skew(-21.5deg); /* 调整角度 */
}
.b_g3 div{transform: skew(155deg); width:280%; height: 80%; margin-left: -132%; margin-top: 32%;}
.b_g3 div img{ width:100%;}

.b_g4{right:-4.2%;background: rgba(198, 160, 106, 0.5);overflow: hidden;
		top: 0px;
		width: 8%;
		height: 100%;
		transform: skew(-21.5deg); /* 调整角度 */
}
.b_g4 div{transform: skew(155deg); width:280%; height: 80%; margin-left: -238%; margin-top: 32%;}
.b_g4 div img{ width:100%;}




.b_kg1{
	position: absolute; top: 0px; left: 50%;
	width: 100px;
  height: 100%;
  background: rgba(126, 239, 207, 0.7);
  color: white;
  position: relative;
  transform: skew(-145deg); /* 调整角度 */
}


.features1{ width:100%; padding:40px 40px 60px 40px;  border-radius: 20px; background: linear-gradient(0deg, rgba(199, 227, 248, 1), rgba(255, 255, 255, 1));
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);}


#hoverTab>li>a.active .nav_bline{ display: block;height: 4px; width:100%; background-color: #c29c6c; margin-top: 10px;}




.tab-content{ position: relative;}
.cont_1{ font-size: calc(1.0rem); overflow: hidden; line-height: 250%; width:90%; min-height: 50%; position: relative;}

.cont_1-content {
  position: absolute;
  width: 100%;
  /*transition: transform 0.3s ease-out;*/
}


.col4listc1 {
  position: relative;
  height: 84px; /* Adjust based on your layout */
  overflow: hidden;
	margin-bottom: 10px;
}


.cont_i{ position: absolute; top: 66%; left: 0%; width:86%; min-height: 24%;padding-bottom: 10px;}
.cont_i ul{ height: 100%;}
.cont_i li{background-color:rgba(255, 255, 255, 0.89); color:#335fa1; height: 100%; font-size: clamp(14px, 1.4vw, 24px); padding-left: 3%; padding-top: 2.5%;}
.cont_i li span{ display: block;font-weight: bold; color:#003766;}
.cont_i li p{ font-size:clamp(22px, 2vw, 34px); line-height: 1.5; font-weight: bold; color:#003766;}
.cont_i li p b{ font-size:clamp(22px, 2vw, 34px); line-height: 1.5; color:#003766;}
.cont_i li font{ font-size:clamp(14px, 1.2vw, 16px); font-weight: bold; color:#333;}
.cont_i li:first-child{background-color:#335fa1; color:#fff;}
.cont_i li:first-child *{color:#fff;}
.cont_i li.col-lg-5{padding-top: 1.5%;}
.cont_i li.col-lg-5 p{ font-size:clamp(14px, 1vw, 14px); color:#333;}



.btn_jj{ display: flex;
	padding-bottom: 14px;
  gap: 20px; /* 控制按钮间距 */
	position:relative;
    align-items: center;
    justify-content: center;
}
.btn_c2{ position: relative; z-index: 10; text-align: center; padding: 4px 20px; color:#335fa1; width:130px;}
.btn_c2 a{ color:#335fa1;}

.btn_c2bg{ position: absolute; z-index: 1; top:-2px; border:1px solid #335fa1; border-radius: 20px; text-align: center; padding: 4px 20px; color:#335fa1; width:130px;  height: 40px;
animation: btm_pulse 2s infinite; background-color: #d1e8f9;}


.btn_c1{ border:1px solid #335fa1; border-radius: 20px; text-align: center; padding: 4px 20px; display: block; color:#335fa1; width:130px; margin: 20px auto;
animation: btm_pulse 2s infinite; background-color: #d1e8f9;
}
@keyframes btm_pulse {
    0% { opacity: 0.7; }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.7; }
  }


.row_xcb{ width: 90%; background-color:#020815; margin: 0 auto;}

#row_jj{ height: 500px;}
.tab-pane p>img{max-width: 100%;}



@keyframes btn1_pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.9; }
  }
@keyframes btn2_pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; transform: scale(1.2); }
    100% { opacity: 0.9; }
  }



.cV2_l_img{ margin-bottom: 40px;}

.cV2_l_img img{ width:100%; height: 100%; border-radius: 10px; transition: transform 0.5s ease;}
.cV2_l_img img:hover{ transform: scale(1.03);}
.cV2_l_img div{ position: relative; overflow: hidden;}
.cV2_l_img div>.sd_bg{ display: none; position: absolute; bottom: 0px; left: 4px; width:calc(100% - 8px); height: 30%; border-radius: 10px;z-index: 90; color:#ffffff; text-align: center; vertical-align: middle;}
.cV2_l_img div:hover>.sd_bg{ display: block;  animation: 
    bgFadeIn 1s ease forwards,
    bgHeightGrow 0.5s ease forwards; background-color: rgba(0,0,0,0.6);  z-index: 90;}

@keyframes bgFadeIn {
  from {
    background-color: rgba(0,0,0,0.1);
  }
  to {
    background-color: rgba(0,0,0,0.6);
  }
}

@keyframes bgHeightGrow {
  from {
    height: 30%;
  }
  to {
    height: 100%;
  }
}

.cV2_l_t1{color:var(--active1-color); font-size: 1.4rem; height: 2.4rem; font-weight: bold; padding-left: 10%;}
.cV2_l_t1 .nav_bline{ display: block; height: 3px; width:3.8rem; background-color: #c29c6c;}
.cV2_ltbg_1{ background: url("../img/neiye/about_v2_lg1.png") 0% center/10% no-repeat;}
.cV2_ltbg_2{ background: url("../img/neiye/about_v2_lg2.png") 0% center/10% no-repeat;}
.cV2_ltbg_3{ background: url("../img/neiye/about_v2_lg3.png") 0% center/10% no-repeat;}
.cV2_ltbg_4{ background: url("../img/neiye/about_v2_lg4.png") 0% center/10% no-repeat;}
.cV2_ltbg_5{ background: url("../img/neiye/about_v2_lg5.png") 0% center/10% no-repeat;}

.cV2_l_t2{color:rgba(105,117,116,1); font-size:clamp(14px, 2vw, 14px); padding: 1rem 0; line-height: 1.4; text-align: justify;}
.cV2_l_t2 font{color:#003766; font-size:clamp(14px, 2vw, 14px); font-weight: bold;}
.cV2_l_t3{
	   display:flex;
	   width:320px;
	}
.cV2_l_t3 ul{ margin: 0.7rem 0px 0px 0px; padding:0px;}
.cV2_l_t3 li{color:var(--active1-color); font-size:clamp(15px, 2vw, 16px); padding: 0.2rem 0;}

@media (min-width: 980px) {
    .cV2_l_t3{
	   
	}
}

.cV2_l_t4{ }
.cV2_l_t4 a{ border-radius: 20px; font-size:15px; border:1px solid #373737; padding:6px 24px; color:#373737;}
.cV2_l_t4 a:hover{border:1px solid var(--active1-color); color:var(--active1-color); background-color: #cce6f9;}



.abLeft1_list{ width:98%; height: 100%; border-right:1px dashed #bfc1c2;}

.abLeft1_list>ul>li{margin-bottom: 10px;}
.abLeft1_list>ul>li>a{ font-size: clamp(14px, 2vw, 18px); color:#003766; font-weight: bold;}
.abLeft1_list>ul>li>a>img{ width:clamp(2.8%, 2vw, 4%); margin-left: 1%;}
.abLeft1_list>ul>li>ul>li img{ width:30px;}
.abLeft1_list>ul>li>ul{padding-left:3%;}
.abLeft1_list>ul>li>ul>li{ display:inline-block; width:auto; font-size: clamp(13px, 2vw, 16px); font-weight:normal; padding: 5px 18px 5px 8px; margin: 5px 0px; cursor: pointer;}
.abLeft1_list>ul>li>ul>li:hover{ color:#003766;}
.abLeft1_list>ul>li>ul>li.active{border: 1px solid #003766; padding: 4px 17px 4px 7px; border-radius: 20px; color:#003766;}


.txt-content{ position: relative;}
.txt-content p{ line-height: 2;}
.txt-content p img{max-width: 100%;}

.tab4_ul{width:100%;}
.tab4_ul ul{width:100%; padding:0px;}
.tab4_ul ul li{width:23%; margin:0px 1%; float:left;}
.tab4_ul ul li img{width:100%; opacity:0.4;}

.tab4_bigpics{width:100%; position: relative;}
.tab4_bigpics img{width:100%;}
.tab4_bigpics div{position: absolute; width:66px; height: 66px; border-radius: 0px; cursor: pointer; background-color:#555;}
.tab4_bigpics div:hover{ animation: btn1_bh1 1s ease forwards;}
@keyframes btn1_bh1 {
    0% { 
        opacity: 0.01; 
        /*transform: scale(1) rotate(0deg);*/
    }
    50% { 
        opacity: 0.06; 
        /*transform: scale(1.1) rotate(180deg); /* 旋转180度 */
    }
    100% { 
        opacity: 0.0; 
        /*transform: scale(1) rotate(360deg); /* 完成360度旋转 */
    }
}