/*首页简介*/
.schoolbg{width: 100%; background: url(schoolbg.jpg) no-repeat center center; background-size: cover; padding-top:90px; padding-bottom:90px}
.indexcon {max-width: 1500px;margin: 0 auto;}
.indexcontent {display: flex;flex-wrap: wrap;justify-content: space-between; }
.text-content {flex: 1;min-width: 800px;margin-right: 60px;}
.text-content h2 {margin-bottom: 10px; font-weight:normal; line-height:1.4; letter-spacing:2px;padding-bottom:20px; font-size:40px; }
.text-content p {margin-bottom: 8px; line-height:2; color:#444; font-size:17px}
.stats {display: flex;margin-bottom: 20px;}
.stat-item {display: flex;flex-direction: column;margin-right: 20px;}
.stat-item span:first-child {font-size: 2em;color: #c00;}
.stat-item span:last-child {font-size: 0.9em;}
.buttonmore {display: inline-block;background-color: #fff; border:#02a7eb 1px solid;color: #02a7eb;padding: 12px 42px;text-decoration: none;border-radius: 28px; margin-top:20px}
.buttonmore:hover { background-color: #0288d1; color: #fff;border:#02a7eb 1px solid;transform: translateY(-2px); box-shadow: 0 6px 12px rgba(150, 150, 150, 0.3);}
.buttonmore:active {transform: translateY(0); box-shadow: 0 2px 4px rgba(2, 167, 235, 0.2);}
.video-content {flex: 1; }
.video-content video1 {width: 100%;border-radius: 10px; height:400px;}
.video-content video{width:100%;display:block;border-radius: 10px; height:400px;background:#000 }
.p_video{width:100%;height:100%;z-index:3;overflow:hidden;margin-right:0;margin-left:auto;position:relative}
.p_video{position:relative}
.cover{width:100%;height:100%;position:absolute;left:0;top:0}

.p_video .videoContent{width:100%;height:100%}
.cover .playBtn{position:absolute;width:80px;height:80px;z-index:2;left:50%;top:50%;margin:-40px auto auto -40px;cursor:pointer}
.cover .coverImage{width:100%;height:100%}
.cover .coverImage img{width:100%;height:400px;object-fit:contain}

.mobile-video-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}

.mobile-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video[src]:not([src=""]) ~ .mobile-video-bg {
  display: none !important;
}

.video[controls] ~ .mobile-video-bg {
  display: none !important;
}

.cover:not(:empty) ~ .mobile-video-bg {
  display: none !important;
}
@media screen and (max-width: 1560px) {
.indexcon {max-width: 85%;margin: 0 auto;padding: 20px 0;}
.text-content {flex: 1;min-width: 680px;margin-right: 40px;}
.text-content h2 { line-height:1.4; letter-spacing:2px;padding-bottom:20px; font-size:38px}
.text-content p {margin-bottom: 8px; line-height:1.9; font-size:15px}
.video-content video{width:100%;display:block;border-radius: 10px; height:360px; background:#000 }
.cover .coverImage img{width:100%;height:360px;object-fit:contain}
}
@media screen and (max-width: 1280px) {
.indexcon {max-width: 94%;margin: 0 auto;padding: 20px 0;}
.text-content {flex: 1;min-width: 650px;margin-right:30px;}
.text-content h2 { line-height:1.4; letter-spacing:2px;padding-bottom:20px; font-size:36px}
.text-content p {margin-bottom: 8px; line-height:1.9;  font-size:15px}
.video-content video{width:100%;display:block;border-radius: 10px; height:340px; background:#000}
.cover .coverImage img{width:100%;height:350px;object-fit:contain}
}

@media (max-width: 768px) {
    .schoolbg { padding-top: 30px; padding-bottom: 35px;}
    .indexcontent {flex-direction: column; }
    .indexcon {max-width: 92%;margin: 0 auto; padding: 20px 0;
    }
    .text-content {flex: 1;min-width: 320px;margin-right: 0; margin-bottom: 30px;width: 100%;  }
    .text-content h2 {line-height: 1.4;letter-spacing: 0px;padding-bottom: 20px;font-size: 32px;}
    .text-content p {margin-bottom: 8px;line-height: 1.9;font-size: 16px;}
    .video-content {width: 100%;order: 2;}
 .mobile-video-bg {
    display: block !important;
    height: 250px;
  }
  
  .mobile-bg-image {
    height: 250px;
  }
  
  .video-content video {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 250px;
    background: transparent !important;
    margin-top: 0;
    position: relative;
    z-index: 2;background:#000  !important;
  }
  
  .video[controls] ~ .mobile-video-bg {
    display: none !important;
  }
  
  .cover:not(:empty) ~ .mobile-video-bg {
    display: none !important;
  }
  
  .cover .coverImage img {
    width: 100%;
    height: 250px;
    object-fit: contain;
  }
  
  .buttonmore {
    padding: 10px 30px;
    font-size: 15px;
  }
}
/*
.e_html-1{min-height:300px;background_radio:1;display-radio:1;width:85%;max-width:1520px;margin-left:auto;margin-right:auto}
@media screen and (max-width: 1560px) {
.e_html-1 {width: 85%;}
}
@media screen and (max-width: 1280px) {
.e_html-1 {width: 96%;}
}*/
.s_list{background-color:rgba(255,255,255,0)}
.c-fff{color:#fff;}
.f-0{font-size:0;}
.ov-h{overflow:hidden;}
.dis-t{display:inline-block;vertical-align:top;}
.pos-r{position:relative;z-index:0;}
.block{display:block;}
.f-14{font-size:14px;line-height:2;}
.p-Ycenter{position:absolute;top:50%;z-index:0;transform:translateY(-50%);}
.tr-ease-05{transition:0.5s ease 0s;}
.pc, .pc-800{display:block;}
.font-over1{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.font-over2{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.i1 li:nth-child(3){width:34.4%;}
.i1 li:nth-child(4){width:35%;}
.i1 li:nth-child(1){width:70%;margin-bottom:0.6%;}
.i1 li:nth-child(5){width:49.7%;}
.i1 li:not(:nth-child(2)){height:18.75vw;margin-left:0.6%;}
.i1 li:not(:nth-child(2)) .i1-text p{color:#fff;}
.i1 li:not(:nth-child(2)) .f-14.pc-800{color:#fff;font-size:16px;}
.i1 li:nth-child(2){height:38vw;float:left;width:29.4%;}
.i1 li:nth-child(5){margin-top:0.5vw;}
.i1-text p{font-size:1.4vw;margin-bottom:3px;font-weight:bold;}
.i1-hover-text{height:calc(100% - 2vw);width:calc(100% - 2vw);left:50%;transform:translate(-50%, -50%) scale(0);opacity:0;}
.i1-hover-text>*:before{opacity:0.9;content:'';position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0;background:-webkit-linear-gradient(-45deg, #02a7eb, #02a7eb);}
.i1-hover-text>*{height:100%;}
.i1-text{position:absolute;width:100%;left:0;bottom:2vw;padding:0 2vw;z-index:0;color:#fff;}
.p-logo{width:auto;position:absolute;top:2.1vw;right:6%;z-index:0;}
.p-logo img{max-width:100%;margin-left:auto;max-height:2.5vw;}
.i1-text1{position:absolute;width:100%;padding:0 6%;left:0;bottom:2.1vw;z-index:0;color:#fff;}
.i1-text1 h3{font-weight:normal;font-size:1.67vw;}
.i1-text1 span{margin-top:0.5vw;font-size:14px;font-family:'Oswald' !important;}
.i1-text1 p{line-height:1.7;margin-top:1vw;max-height:48px;}
.i1{margin:0px;}
.i1 a{overflow:hidden;height:100%;}
.i1 a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:0.5s linear 0s;}
@media screen and (max-width: 1500px){.f-14 {font-size: 14px;line-height: 1.5;}
.f-16 {font-size: 14px;}
.i1-text1 p {max-height: 41px;}
.i1 li:not(:nth-child(2)) .f-14.pc-800 {font-size: 14px;}}
@media screen and (min-width: 769px){.i1 a:hover .i1-hover-text {transform: translate(-50%, -50%) scale(1);opacity: 1;}
.i1 a:hover:before {transform: scale(1.1);}
.i1 a:hover .i1-text {opacity: 0;}
.i1 li:nth-child(2) .i1-text1 p {-webkit-line-clamp: 5;max-height: 102px;}}
@media only screen and (max-width: 1024px) and (min-width: 769px){.i1 li:nth-child(2) .i1-text1 p {max-height: 119px;}}

@media screen and (max-width: 768px ){.i1 li {float: left;}
.i1 li:not(:nth-child(2)) {height: 36vw;margin-left: 1.5%;width: 49.25%;}
.i1 li:nth-child(1){width: 100%;clear: both;margin-left: 0;}
.i1 li:nth-child(5) {width: 100%;clear: both;margin-left: 0;}
.i1 li:nth-child(2) {height: 73.5vw;width: 49.25%;}
.i1 li:not(:first-child) {margin-top: 1.5vw;}
.i1-text p {font-size: 4.8vw;margin-bottom: 0;}
.i1-text {bottom: 3.5vw;padding: 0 4vw;}
.f-14 {line-height: 1.5;display:none;}
.i1 li:not(:nth-child(2)) .f-14.pc-800 {font-size: 14px;display:none;}
}


/* kecheng */
.slider-container {position: relative;width: 100%;height: 800px; margin:0px auto; margin-top:10px; overflow: hidden;}
.slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;background-size: cover;background-position: center;}
.slide::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);border-radius: 0px;z-index: 1;}
.slide.active {opacity: 1;}
.slide-content {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: white;z-index: 2;width: 80%;max-width: 800px;padding: 40px;}
.slide-content h2 {font-size: 3rem;margin-bottom: 20px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.slide-content p {font-size: 1.2rem;line-height: 1.6;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.navigation {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);display: flex;gap: 60px;z-index: 3;}
.nav-item {position: relative;cursor: pointer;text-align: center;padding: 15px 30px;transition: all 0.3s ease;}
.nav-item:hover {background: rgba(0, 0, 0, 0);}
.nav-text {font-size: 1.5rem;color: white;position: relative;z-index: 2;text-transform: uppercase;letter-spacing: 2px;transition: color 0.3s ease;}
.nav-item:hover .nav-text {color: #02a7eb;}
.nav-line-container {position: absolute;top: -30px;left: 0;width: 100%;height: 2px;overflow: hidden;}
/* 线条背景（灰色） */
.nav-line-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0);}
/* 蓝色活动线条 */
.nav-line {position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #02a7eb;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: translateX(0);}
/* 当前激活的按钮线条从左到右显示 */
.nav-item.active .nav-line {transform: translateX(100%);}
/* 连接三个按钮的横线（装饰用） */
.nav-line-connector {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);width: calc(100% + 120px);height: 2px;background: rgba(255, 255, 255, 0.3);z-index: 1;}
.botton10{ padding-top:20px}
/* 响应式调整 */
@media (max-width: 768px) {
.slider-container {height: 600px;}

.navigation {gap: 30px;bottom: 40px;}
.nav-line-connector {width: calc(100% + 60px);}
.nav-item {padding: 10px 20px;}
.nav-text {font-size: 1rem;}
.slide-content {top: 36%;padding: 20px;width: 94%;}
.slide-content h2 {font-size: 2rem;}
.slide-content p {font-size: 0.9rem;}
}


/*news*/

* {margin: 0; padding: 0;box-sizing: border-box;}
.clearfix:after {content: "";display: table; clear: both;}
.fl {float: left;}
.fr {float: right;}
.t_spacing {padding: 90px 0 100px;}
/* 标题区域 */
.t_syk1 {background: #F8F8FA;}
.ys_cont1520 {width: 1500px;margin: 0 auto;}
.t_syk1nr {width: 100%;}
.t_sytit {margin-bottom: 60px;}
.t_fonth2 {line-height: 1.3;color: #162238;font-weight: bold;font-size: 35px;}
.t_sytitrga a {color: #444;font-size: 16px;font-weight: bold;line-height: 1.75;text-decoration: none;}
.t_sytit .t_sytitrga {position: relative;top: 10px;}
/* 内容区域 */
.ys_cont1520zuo {width: 1500px;overflow: hidden;margin: 0 auto;}
.t_syk1box {position: relative;margin-right: 0;width: 100%;}
.t_g2k6bo {width: 330px;padding: 0 15px;height: 100%;display: flex;}
.t_g1k2xin.t_syk1xin {background: #FFF;box-shadow: 9px 9px 23px rgba(229, 241, 250, 0.5);border-radius: 8px;overflow: hidden;width: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.t_g1k2xin.t_syk1xin:hover {transform: translateY(-5px);box-shadow: 12px 12px 30px rgba(229, 241, 250, 0.7);}
.t_syk1pic.ys_imgbox_cover {width: 100%;position: relative;overflow: hidden;height: 220px;}
.t_syk1pic.ys_imgbox_cover img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.36s ease;}
.t_g2k6bo a:hover .t_syk1pic.ys_imgbox_cover img {transform: scale(1.05);}
.t_g1k2xia {padding: 32px 40px;}
.t_syk1date {color: #999;font-size: 14px;line-height: 1.75;letter-spacing: 0.5px;margin-bottom: 10px;display: block;}
.t_duan18 {font-size: 18px;line-height: 1.75;color: #162238;margin-bottom: 15px;height: 3.5em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.t_g2k6bo a:hover .t_duan18 {color: #444;}
.t_moredi {margin-top: 20px;}
.t_moredizi {color: #444;font-size: 16px;font-weight: bold;line-height: 1.5;display: inline-block;position: relative;}
.t_moredizi:after {content: "";position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background-color: #02a7eb;transition: width 0.3s ease;}
.t_g2k6bo a:hover .t_moredizi:after {width: 100%;}
/* Swiper 容器样式 */
.t_g2k6lun.t_jintiao {overflow: hidden;width: 100%;margin: 0;padding: 0 0 40px;}
/* 导航控制样式 */
.t_b4control {position: relative;width: 100%;padding: 20px 0 0;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.t_b4control .swiper-button-next, .t_b4control .swiper-button-prev {width: 50px;height: 50px;position: relative;top: 0;margin-top: 0;border-radius: 50%;box-shadow: 9px 9px 23px 0px rgba(229, 241, 250, 0.5);;cursor: pointer;background-color: white;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.t_b4control .swiper-button-prev {margin-right: 16px;}
.t_b4control .swiper-button-next:hover, .t_b4control .swiper-button-prev:hover {background-color: #02a7eb;}
.t_b4control .swiper-button-next:hover:after, .t_b4control .swiper-button-prev:hover:after {filter: brightness(0) invert(1);}
.t_b4control .swiper-button-next:after, .t_b4control .swiper-button-prev:after {content: "";width: 26px;height: 26px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.t_b4control .swiper-button-prev:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302a7eb'%3E%3Cpath d='M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z'/%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");}
.t_b4control .swiper-button-next:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302a7eb'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");}

/* 进度条样式 */
.t_b4control .swiper-scrollbar {width: calc(100% - 162px);height: 2px;margin: 24px 0;background: #D1D4D8;position: relative;border-radius: 1px;}
.t_jintiao .swiper-scrollbar .swiper-scrollbar-drag {background: #02a7eb;height: 2px;border-radius: 1px;}
/* 响应式设计 *//* 1560px 响应式 */
@media screen and (max-width: 1560px) {
.ys_cont1520 {width: 85%;margin: 0 auto;}
.ys_cont1520zuo {width: 85%;overflow: hidden;margin: 0 auto;}
.t_syk1box {margin-right: 0;}
.t_b4control {padding: 43px 0 0;}
.t_g2k6bo {width: 310px;}
.t_duan18 {font-size: 16px;}
.t_fonth2 {font-size: 32px;}
.t_sytitrga a {font-size: 15px;}
}
/* 1280px 响应式 */
@media screen and (max-width: 1280px) {
.ys_cont1520 {width: 96%;margin: 0 auto;}
.ys_cont1520zuo {width: 96%;overflow: hidden;margin: 0 auto;}
.t_b4control {padding: 36px 0 0;}
.t_g2k6bo {width: 290px;}
.t_g1k2xia {padding: 25px 30px;}
}
/* 平板响应式 (768px - 1024px) */
@media screen and (max-width: 1024px) {
.t_spacing {padding: 70px 0 80px;}
.t_fonth2 {font-size: 30px;}
.t_g2k6bo {width: 320px;}
.t_syk1pic.ys_imgbox_cover {height: 200px;}
.t_duan18 {font-size: 17px;}
}
/* 手机响应式 */
@media screen and (max-width: 768px) {
.t_spacing {padding: 50px 0 60px;}
.t_sytit {margin-bottom: 40px;flex-direction: column;align-items: flex-start;}
.t_fonth2 {font-size: 26px;margin-bottom: 15px;}
.t_sytit .t_sytitrga {top: 0;}
.ys_cont1520, .ys_cont1520zuo {width: 92%;}
.t_g2k6bo {width: 100%;padding: 0 10px;}
.t_b4control {padding: 30px 0 0;flex-wrap: wrap;}
.t_b4control .swiper-scrollbar {width: 100%;order: 1;margin-top: 20px;}
.t_b4control .swiper-button-next, .t_b4control .swiper-button-prev {width: 40px;height: 40px;}
.t_b4control .swiper-button-next:after, .t_b4control .swiper-button-prev:after {width: 16px;height: 16px;}
.t_g1k2xia {padding: 20px 25px;}
.t_syk1pic.ys_imgbox_cover {height: 180px;}
.t_duan18 {font-size: 16px;}
.t_moredizi {font-size: 15px;}
}
        
.auto1200 { width:1500px; margin-right:auto; margin-left:auto;}
.index .pt4 {height:100%; background-repeat:no-repeat; background-position:center center;position: relative; }
.index .pt4::before { content: ""; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);  z-index: 1; }
.index .pt4 .box{float:left; width:33.333333%; position:relative; height:100%;}
.index .pt4 .box1 .mask{position:absolute; width:100% ;height:100%; right:0; top:0;}
.index .pt4 .box3 .mask{position:absolute; width:100%;height:100%; left:0; top:0; }
.index .pt4 .box2 .mask{position:absolute; width:100%; height:100%; left:0; top:0; }
.index .pt4 .box a{display:block; position:relative; z-index:1;}
.index .pt4 .box .img_con{margin-top:100px; width:170px; margin-left:auto; margin-right:auto; padding:20px 0 30px; margin-bottom:100px}
.index .pt4 .box .img_con .img_box{width:80px; height:70px; margin:0 auto; background-repeat:no-repeat;   background-size: 80px 70px;transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
.index .pt4 .box .img_con .t1{ color:#fff;text-align:center;padding-top:7px;font-size:23px;}
.index .pt4 .box .img_con .t2{ color:#fff; text-align:center; padding-top:7px}
.index .pt4 .box a:hover .img_box{transform:  rotateY(180deg); -webkit-transform:  rotateY(180deg);}
.index .pt4 .box a:hover .img_con{background:url(circle.png) center 12px no-repeat;}


@media screen and (max-width: 1560px) {
.auto1200 {width: 85%;}
.index .pt4 .box .img_con{margin-top:80px; width:170px; margin-left:auto; margin-right:auto; padding:20px 0 30px; margin-bottom:80px}
.index .pt4 .box .img_con .t1{font-size:21px;}
}
@media screen and (max-width: 1280px) {
.auto1200 {width: 96%;}
.index .pt4 .box .img_con .t1{font-size:20px;}
}
@media screen and (max-width: 768px) {
.auto1200 {width: 100%;}
.index .pt4 .box .img_con{margin-top:40px; width:100%; margin-left:auto; margin-right:auto; padding:20px 0 30px; margin-bottom:40px}
.index .pt4 .box .img_con .img_box{width:55px; height:48px; margin:0 auto; background-repeat:no-repeat;   background-size: 55px 48px;transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
.index .pt4 .box .img_con .t2{ display:none}
.index .pt4 .box a:hover .img_con{background:url(cir1cle.png) center 12px no-repeat;}
.index .pt4 .box .img_con .t1{font-size:17px;}
}