@charset "utf-8";
/* CSS Document */

/** 通用样式 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
a{text-decoration: none;color:#333;outline: none;}
a:hover{text-decoration: none;}
fieldset, img { border: medium none; vertical-align: middle;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{text-decoration: none;color:#0b6cb8;  -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
/*li:hover{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}*/
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
outline : 0;
}
a:hover{text-decoration: none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a{blr:expression(this.onFocus=this.blur());}
a.hidefocus{outline:none} 

img:hover{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
.fl{float:left;}
.clear{clear: both;}
.fr{float:right;}
.w980{width:980px; height:auto; margin:0 auto;}
.hide{display:none}
.a3a3a2{color: #a3a3a2;}
input,textarea,select{font-family: "微软雅黑";}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            color: #333;
            background: #fff;
            min-width: 1600px;
        }
        a { text-decoration: none; color:#333;}
        a:hover { color: #A5271D; }
        ul, li { list-style: none; }
        /* ========== Container ========== */
        .container { width: 1600px; margin: 0 auto; position: relative; }
        /* ========== Top Header ========== */
        .top-header {
			background:url(images/topbg.jpg) top center #FDFCF9 no-repeat;
            padding: 8px 0;
            position: relative;
            overflow: hidden;
        }
        .top-header::before {
            content: '';
            position: absolute;
            top: -60px; right: -40px;
            width: 300px; height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(100,150,255,.12) 0%, transparent 70%);
        }
        .top-header-inner {
            display: flex; align-items: center; justify-content: space-between;
        }
        .logo-area {
            display: flex; align-items: center; gap: 14px;
        }
        .school-logo {
            width: 52px; height: 52px;
            border-radius: 50%; border: 2px solid rgba(255,255,255,.7);
            display: flex; align-items: center; justify-content: center;
            font-size: 22px; color: #fff; font-weight: bold;
            background: linear-gradient(135deg, rgba(255,255,255,.15), transparent);
        }


.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
.fl{float:left;}
.clear{clear: both;}
.fr{float:right;}


.Search{
	width: 287px;
	height: 38px;
	background:url(img/top_hunt_bg.png) no-repeat;
	margin-top: 15px;
	*float: right;
	float: right;
}
.fdj{
	float: right;
	height: 18px;
	margin-top:2px;
	margin-left: 10px;
}
.fdj img{
	margin-right: 5px;
}
.search_text{
	float: left;
	width: 195px;
	margin-top: 2px;
	height: 30px;
    line-height: 30px;
	outline: none;
	font-family: "微软雅黑";
	color: #c8c8c8;
	margin-left: 15px;
          background:none;
}
.button{
	background:url(img/top_hunt.png) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-right: 10px;
	outline: none;
}

.navWrap{
	width: 100%;
	background:#a7271e;
	height:50px;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
}
.main-nav {
    background-position: center;
    background-color: #a7271e;
}
.nav-list {
    display: flex;
    justify-content: space-around;
}

.nav-list > li {
    position: relative;
    padding: 15px 30px;
    transition: background-color 0.25s ease;
	min-width:140px;
}

.nav-list > li > a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.nav-list > li:hover, .nav-list > li.active {
    background-color:#8E221A;
}

.sub-nav {
    display: none;
    position: absolute;
    top:100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    z-index: 100;
    /*padding: 8px 0;*/
    border-radius: 0 0 10px 10px;
    overflow: hidden;
	border-top:0px solid #A2221C
}

.nav-list > li:hover .sub-nav {
    display: block;
}

.sub-nav li {}

.sub-nav li:last-child {
    border-bottom: none;
}

.sub-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 22px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
	background-color:#AC231D;
	font-weight:normal;
	}
.sub-nav li a:hover {
    background-color:#cf2f23;
    color: #fff;
}
        /* ========== Main Nav ========== */
        .main-nav {
           background:#a7271e;
           border-top:0px solid #6280cc;
	 font-weight:bolder;
        }
        /*.main-nav ul {
            display: flex; justify-content: space-between;
        }
        .main-nav li a {
            display: block;
			padding: 14px 20px;
            color:#fff;
			font-size: 16px;
            position: relative;
        }
		  .main-nav li a:hover{ 
		  background-color:#2f449f; font-weight:bolder;
			  }
        .main-nav4 li a::after {
            content: ''; position: absolute;
            bottom: 0; left: 50%; transform: translateX(-50%);
            width: 0; height: 2.5px;
            background: linear-gradient(90deg, #4da0ff, #7b68ee);
            transition: width .3s ease;
            border-radius: 2px;
        }
        .main-nav li a:hover::after,
        .main-nav li a.active::after { width: 70%; }
        .main-nav li a:hover,
        .main-nav li a.active { color: #fff; }*/

        /* Banner 左右箭头 */
        .banner-arrow2 {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 36px; height: 60px;
            background: rgba(255,255,255,.08);
            border: 1px solid rgba(255,255,255,.15);
            border-radius: 4px;
            cursor: pointer; z-index: 10;
            display: flex; align-items: center; justify-content: center;
            color: rgba(255,255,255,.5); font-size: 18px;
            transition: all .3s;
        }
        .banner-arrow2:hover {
            background: rgba(255,255,255,.18); color: rgba(255,255,255,.85);
        }
        .banner-arrow2.prev { left: 16px; }
        .banner-arrow2.next { right: 16px; }



  

        /* ========== Footer ========== */
        .footer {
			background:url(images/footbg.jpg) top center no-repeat #FDFCF9;
            padding: 18px 0 24px;
            position: relative; overflow: hidden;
	
        }
        .footer-inner {
            display: flex; align-items: center; justify-content: space-between;
            position: relative; z-index: 1;
        }
        .footer-logo-area { display: flex; align-items: center; gap: 16px; margin-left:4px;}
        .footer-logo-icon {
            width: 48px; height: 48px;
            border-radius: 50%; border: 2px solid rgba(255,255,255,.5);
            display: flex; align-items: center; justify-content: center;
            font-size: 20px; color: #fff; font-weight: bold;
        }
        .footer-logo-text h3 { color: #fff; font-size: 17px; font-weight: 600; letter-spacing: 1px; }
        .footer-logo-text p { color: rgba(255,255,255,.5); font-size: 11px; margin-top: 2px; letter-spacing: .5px; }

        .footer-qrcode {
            text-align: center;
        }
        .qrcode-placeholder {
			padding:0px; 
        }
        .footer-qrcode span { color: rgba(255,255,255,.9); font-size: 14px; }
        .footer-copyright {
            text-align: center; 
			margin-top: 18px;
            position: relative; z-index: 1;
            padding-top: 18px; 
			border-top: 1px solid rgba(255,255,255,0.7);
        }
        .footer-copyright p {
            color: rgba(255,255,255,1); font-size: 16px; line-height: 1.8;
        }
        /* ========== Responsive ========== */
        @media (max-width: 1240px) {
            .container { width: 96%; padding: 0 2%; }
        }


 /* 轮播外层：全屏宽度 + 高度590 */
  .banner-wrap {
    width: 100%;
    height: 590px;
    position: relative;
    overflow: hidden;
  }

  /* 轮播列表 */
  .banner-list {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .banner-item {
    width: 100%;
    height: 590px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
  }

  .banner-item.active {
    opacity: 1;
    z-index: 1;
  }

  /* 自定义轮播图背景 */
  .banner1 { background: #fff; }
  .banner2 { background: #fff; }
  .banner3 { background: #fff; }

  /* 左右箭头 */
  .banner-arrow {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width:35px;
    height:66px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    text-align: center;
    line-height:66px;
    font-size: 20px;
    cursor: pointer;
    z-index: 99;
	font-family:sans-serif;
    user-select: none;
  }

  .prev { left:0px;  border-radius: 0px 10px 10px 0px;}
  .next { right:0px; border-radius: 10px 0px 0px 10px; }

  .banner-arrow:hover {
    background: rgba(0,0,0,0.4);
  }

  /* 底部圆点指示器 */
  .banner-dots {
    position: absolute;
    bottom:20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 99;
  }

  .dot {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .dot.active {
    width: 12px;
    height: 12px;
   border-radius: 50%;
     background: #007aff;
  }