/* 全局基础样式 */
html{font-size:10px}
body,html{margin:0;padding:0;font-family:"Source-Regular","MavenPro-Regular",Helvetica Neue,Helvetica,PingFang SC,Noto Sans CJK SC,Source Han Sans CN,Microsoft YaHei,Arial,sans-serif;background-color:#f0f8ff;font-size:16px;font-weight:normal;color:#333;cursor:default;letter-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{margin:0;padding:0}
td{vertical-align:middle;box-sizing:border-box}
a{font-weight:normal;display:inline-block;text-underline:none;text-decoration:none;color:#333}
input,button{outline:none;border-style:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
input::-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;box-shadow:0 0 0px 1000px white inset!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out}
img,video{border:none;max-width:100%}
/* Swiper轮播样式 */
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:transparent;background-repeat:no-repeat;background-size:cover;background-position:center center;display:block;overflow:hidden;position:relative}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:""}
.swiper-button-prev,.swiper-button-next{width:100px;height:100px;margin:0 5%;outline:none;background-repeat:no-repeat;background-position:center center}
.swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;z-index:10}
.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;outline:none;opacity:1;background-color:#fff;border:2px solid #ccc;margin-right:8px;transition:all .3s}
.swiper-pagination-bullet-active{background-color:#c72348!important;border-color:#c72348!important}
/* 布局容器 - 关键：使用flex布局实现左右并排 */
.clearfix{clear:both}
.container{display:flex;flex-wrap:wrap;width:100%;max-width:1260px;margin:auto;position:relative;z-index:1;padding:0}
/* 主内容区域 */
.main{position:relative;width:100%;padding: 20px 0 80px 0;margin-top: -80px;}
/* 快速导航 - 右侧固定宽度 */
.farst_enters{width:320px;flex-shrink:0;position:absolute;top:0;right:0;z-index:15;}
.farst_enters h3{background-color:#011F5B;border-left:10px #d4254c solid;color:#fff;font-size:24px;padding:12px;font-weight: normal;}
.farst_enters ul{list-style:none}
.farst_enters ul li{position:relative;z-index:1;height:80px;background-color:#fff;border-bottom:1px #eee solid;overflow:hidden}
.farst_enters ul li p{width:100%;height:100%;overflow:hidden;opacity:0;transition:all .35s}
.farst_enters ul li p img{width:100%;height:100%;object-fit:cover}
.farst_enters ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;z-index:5;left:0;text-align:center;background-color:rgba(1,31,91,0);line-height:80px;font-size:20px;color:#666;text-decoration:none;transition:all .35s}
.farst_enters ul li:last-child{border:none}
.farst_enters ul li:hover p{opacity:1;transition:all .35s}
.farst_enters ul li:hover a{background-color:rgba(1,31,91,.6);color:#fff;transition:all .35s}
/* 标题 */
.co-title{display:block;width: 100%;font-size:30px;color:#011F5B;margin:20px 0;text-align:left;padding-top: 80px;}
.co-title i {display: block;margin-top:10px;width: 60px;height: 3px;background-color: #c72348;}
/* 招生信息轮播 - 左侧自适应宽度 */
.rongqi{flex:1;min-width:0;margin-right:335px}
.rongqi ul{list-style:none}
.rongqi ul li{position:relative;z-index:1}
#toutiao-big{width:100%;position:relative;z-index:1;height:600px;}
#toutiao-big .swiper-container{width:100%;height:100%}
#toutiao-big .swiper-slide{display:block;text-align:center;background-color:transparent;position:relative;height:100%}
#toutiao-big .swiper-pagination{position:absolute;width:auto;text-align:right;right:20px;bottom:20px;z-index:20}
.big-img{width:100%;height:470px;overflow:hidden;background:#f5f5f5;will-change:transform}
.big-img a{display:block;width:100%;height:100%;position:relative;z-index:1}
.big-img a img{width:100%;height:100%;object-fit:cover;backface-visibility:hidden;transform:translateZ(0);will-change:transform}
.big-txt{width:55%;position:absolute;bottom:0;left:0;z-index:5;background-color:#fff;padding:25px 30px;text-align:left;border-bottom:4px #d4254c solid;box-sizing:border-box;margin:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.big-txt a{display:block;width:100%;height:100%;text-decoration:none;color:#333;background-image:url(../images/icon-next-hover.png);background-position:right bottom;background-repeat:no-repeat;background-size: 15px auto;}
.big-txt h2{font-size:22.4px;line-height:1.8;margin-bottom:12px;font-weight:bold;color:#333}
.big-txt p{font-size:14px;color:#666}
.lj {background-size: cover;}
/* 响应式适配 */
@media (max-width: 1024px) {
    .container{flex-direction:column;width:100%;max-width:none;padding:0 15px;box-sizing:border-box}
    .farst_enters{width:100%;position:relative;margin-bottom:20px;top:auto;right:auto;height:auto}
    .farst_enters ul li{height:60px}
    .farst_enters ul li a{line-height:60px}
    .rongqi{margin-right:0;flex:none;width:100%}
    #toutiao-big{height:450px}
    .big-img{height:300px}
    .big-txt{width:calc(100% - 40px)}
}
@media (max-width: 768px) {
    .container{padding:0 20px}
    #toutiao-big{height:380px}
    .big-img{height:320px}
    .big-txt{width:60%;padding:20px;margin:0px}
    .big-txt h2{font-size:16px}
}
@media (max-width: 480px) {
    .container{padding:0 20px}
	.co-title {font-size: 24px;margin-bottom: 40px;padding-top: 0;margin: 0 0 20px 0;}
	.co-title i {margin-top: 15px;width: 2em;height: 3px;}
    #toutiao-big{height:320px}
    .big-img{height:240px}
    .big-txt{width:60%;padding:15px;margin:0px}
    .big-txt h2{font-size:14px}
    .farst_enters{height:auto}
    .farst_enters h3{font-size:20px;padding:15px}
    .farst_enters ul{display:flex;flex-wrap:wrap;gap: 15px;padding: 15px 0;box-sizing:border-box;justify-content: space-between;}
    .farst_enters ul li{width:calc(50% - 10px);height:auto;border:none;border-radius:0px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:visible;position:relative;background:#fff}
    .farst_enters ul li p{display:none}
    .farst_enters ul li a{font-size:1.1rem;line-height:1.5;padding:10px 15px;box-sizing: border-box;position:static;display:flex;align-items:center;justify-content:center;height:auto;color:#333;background:none}
}