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{margin:0;padding:0; border:0px;}
body,button,input,select,textarea{font-family:'微软雅黑'; font-size:12px;}
ul,ol,li{list-style:none; float:left;}
a:link,a:visited,a:hover,a:active{text-decoration:none; cursor:pointer;}
img{border:none;}
button,input,select,textarea{font-size:100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.wid1000{width:1200px; margin:0 auto;}
.wid100{width:100%; float:left;background:#fff}
a{tap-highlight-color: rgba(0,0,0,0); focus-ring-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0,0,0,0); -moz-focus-ring-color: rgba(0, 0, 0, 0);}



.top{width:1200px; height:115px; margin:0 auto;background:#fff  no-repeat center;}
.logo{width:260px; height:115px; display:block; }
.search{width:200px; height:29px; border:1px solid #ccc;margin-top:40px;border-radius:5px}
.search-input{width:130px; height:15px; line-height:15px; font-size:14px; float:left; color:#666;  background:none; padding:7px 0 7px 15px;}
.search-btn{width:50px; height:29px; float:right;}
.top-right{width:50px;}
.top-link a{color:#666; padding:0 6px;}
.top-link{color:#999; font-size:12px; margin:15px 0;}
.new-first h3{width:60px; text-align:center; height:85px; float:left; letter-spacing:3px; background:#ea6a14; color:#fff; font-weight:bold; font-size:24px; line-height:34px; padding:15px 10px 0;}
.news-pic{width:180px; height:100px; overflow:hidden;}
.news-pic img{width:180px; height:100px;}

.banner-tb{width:530px; background:url(../image/line-bg.png) repeat-y right top;}
.banner-tb li{width:116px; height:100px; background:url(../image/line-bg.png) repeat-y left top;}

/*新闻动态*/
.xwdt{width:786px; height:370px;margin-right:20px;}
.title{width:100%; height:48px; line-height:48px; margin:20px 0;border-bottom:1px solid #e5e5e5}
.title h3{float:left; font-size:20px; color:#c39a6b;border-bottom:2px solid #c39a6b;letter-spacing:6px;}
.title h3 i{color:#999; font-size:14px; margin-left:3px; font-weight:normal;}
.title .more{display:block; float:right; color:#c39a6b; font-size:14px;}
.xwdt-con{width:100%;}
.xwdt-txt{width:380px; height:267px; border-left:0; padding:5px 0px 10px 5px;}
.xwdt-txt li{width:380px;height:55px; line-height:42px;margin-left:10px;}
.xwdt-txt li span{color:#333; display:block; float:right; margin-right:10px; padding-right:10px; font-size:16px; height:22px; line-height:22px;}
.xwdt-txt li h3{float:left; width:290px; font-weight:normal; color:#333; font-size:16px;}
.xwdt-txt li h3:hover{color:#0052a4}
.xwdt-txt li span i{font-size:18px;}
.tzgg-con{width:100%;}
.tzgg{width:386px;} 

.tzgg-cont{width:392px; height:267px; border:1px solid #dcdcdc; border-left:0; padding:5px 0px 10px 5px;}
.tzgg-con li{width:380px;height:55px; line-height:42px;margin-left:10px;}
.tzgg-con li span{color:#333; display:block; float:right; margin-right:10px; padding-right:10px; font-size:16px; height:22px; line-height:22px;}
.tzgg-con li h3{float:left; width:315px; font-weight:normal; color:#333; font-size:16px;}
.tzgg-con li h3:hover{color:#0052a4}
.tzgg-con li span i{font-size:18px;}
.gyhd{width:386px; margin-right:20px; margin-top:15px;} 
.xshd{margin-top:15px;} 
.xshd,.xshd-con{width:386px;} 
.tzgg-con li{width:100%;}
.tzgg-con li a{display:block; width:100%; height:32px;color:#333;font-size:16px;float:left}
.tzgg-con li a:hover{color:#0052a4}

.tzgg-con li span{float:right}
.date{width:50px; text-align:center; height:54px;}
.date-r{width:100%; float:left; text-align:center; font-family:"Times New Roman", Times, serif; font-size:26px; color:#000; height:27px; line-height:27px;}
.date-n{width:100%; float:left; text-align:center; font-family:"Times New Roman", Times, serif; font-size:14px; color:#000; height:27px; line-height:27px;}
.tzgg-txt{width:250px; margin-left:20px; line-height:25px; color:#000; font-size:14px;}

.gyhd-con{width:386px;}
.gyhd-con li a{width:360px; height:54px; line-height:54px; padding-left:15px; display:block; float:left; color:#333; font-size:16px; background:url(../image/qdt.jpg) no-repeat left center;}
.gyhd-con li a:hover{color:#0052a4}
.xshd-con li a{width:295px; height:48px; line-height:48px; padding-left:15px; display:block; float:left; color:#333; font-size:16px; background:url(../image/qdt.jpg) no-repeat left center;}
.sy-xw{width:100%; background:#f2f2f2; padding:20px 0;}
.xmt-con{width:980px;}
.xmt-con li{margin-right:20px; padding:0px 30px 0; width:85px; height:140px;}
.xmt-con li h3{width:100%; font-size:16px; line-height:45px; text-align:center; float:left; font-weight:normal; color:#fff;}
.xmt-con li p{font-size:14px; text-align:center; color:rgba(255,255,255,0.6); line-height:26px; margin-top:5px; width:100%; float:left;}
.xmt-1{background:url(../image/gxxt1.png) no-repeat center;}
.xmt-2{background:url(../image/gxxt2.png) no-repeat center;}
.xmt-3{background:url(../image/gxxt3.png) no-repeat center;}
.xmt-4{background:url(../image/gxxt4.png) no-repeat center;}
.xmt-5{background:url(../image/gxxt5.png) no-repeat center;}
.xmt-6{background:url(../image/gxxt6.png) no-repeat center; margin-right:0!important;}
.foot {
    width: 100%;
    background: #c39a6b no-repeat center top; /* 维持黄色背景 */
    margin-top: 30px;
    display: flex;
    justify-content: center; /* 中心对齐 */
    align-items: center; /* 垂直居中对齐 */
}

.foot-content {
    display: flex;
    justify-content: space-between; /* 子元素在容器中两端对齐 */
    align-items: center; /* 子元素垂直居中 */
}

.foot-left {
    display: flex;
    align-items: center; /* 垂直居中 */
    color: #fff;
}

.vertical-line {
    width: 1px;
    height: 60px;
    background-color: #fff;
    margin: 0 20px;
}

.copyright {
    line-height: 20px;
    font-size: 14px;
}

.foot-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
}

.foot-right img {
    margin-bottom: 10px; /* 二维码与文字之间的间距 */
}

.foot-link{color:#fff; font-size:14px;}
.foot-link a{padding:0 8px; color:#fff;}
.foot-link-1 li a{color:#fff; line-height:31px; height:31px; margin-left:20px;}
.foot-link-1 li a img{vertical-align:middle; margin-right:8px;}
.foot-link-1{margin-top:10px; margin-right:8px;}
/*-------------------
	网站页脚
--------------------*/

#footer{background:#8c0000;padding:20px 0;}
#footer .fl p{padding-left:100px;color:#fcd8d8;font-size:12px;line-height:22px;}
#footer .fr{width:50%;}
#footer .fr p{color:#fcd8d8;line-height:1.6em;font-size:12px;padding-top:10px; text-align:center;}












.yx-rotaion{width:424px; height:284px;}
.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:14px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{display:block; }
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:8px;height:8px;background:url(../image/pic9.png) no-repeat;line-height:8px;float:left;margin-left:8px;position:relative;top:14px;cursor:pointer; text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotation-focus span.hover{background:url(../image/pic8.png) no-repeat;}
.rotaion_list{width:0;height:0;overflow:hidden;}


/*页面主体部分*/
.mainWrap{ width: 100%; height: auto; min-width: 1000px; }
.main{ width:1200px; margin:0 auto;}
.mainL{ width: 790px;}
/**/
.mainTop{ width: 100%; height: auto;}
/*内页banner*/
.list-banner{width:1200px; text-align:center; overflow:hidden; margin-bottom:20px;margin:0 auto}
.left{width:240px; position:relative; z-index:100;}
.right{width:930px;}
.lmcc{background:#c39a6b; height:90px; line-height:90px; color:#fff;width:100%; font-size:26px; letter-spacing:12px;text-align:center}
.left-list{background:#EDEDED; padding-bottom:200px; padding-top:15px;  width:240px;}
.left-list li{width:240px; height:46px; line-height:46px; font-size:16px;}
.left-list li a{display:block; float:left; width:240px; height:46px; margin-bottom:10px; line-height:46px; color:#000000; float:left;text-align:center}
.left-list li a:hover,.left-current{background:#c39a6b!important; color:#fff!important;}
.local{width:100%; height:60px; line-height:60px; border-bottom:1px solid #cecece;}
.local h3{color:#484848; margin:0; font-size:24px; font-weight:bold; float:left;}
.dqwz{float:right; color:#333; font-size:12px; padding-left:16px; font-family:'宋体'}
.dqwz a{color:#333; line-height:70px; padding:0 6px;}

.content,.jj,.list,.pic-list{width:100%; margin:20px 0; min-height:500px;}
.content-title{width:100%; margin:20px 0; text-align:center;}
.content-title h3{width:100%; float:left; display:block; font-size:24px; color:#333; line-height:36px; margin:0;}
.content-title i{margin-top:6px; width:100%; font-style:normal; float:left; display:block; font-size:12px; line-height:24px;color:#666;}
.content-con p,.jj p{display:block; width:100%; line-height:36px; color:#333; font-size:15px; text-indent:2em; }
.content-con table p,.jj table p{text-indent:0em!important;}
.content-sxt{margin-top:30px; border-top:1px solid #e3e3e3; padding-top:15px; line-height:30px; font-size:13px; width:100%;}
.content-sxt a{display:block; width:100%; color:#333;font-size:14px;}

.list,.pic{width:930px; margin:20px 0;}
.list li a{ width: 640px; padding-left: 18px; background: url(../image/qdt.jpg) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list li i{ width:100px; font-style:normal; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.list li a:hover{color: #0052a4;}
.dqwz a:hover{color: #0052a4;}

.pic li{width:260px; margin-right:45px; float:left; margin-bottom:30px; margin-top:10px;}
.img{width:100%; height:170px; overflow:hidden;}
.img img{width:100%; height:100%;}
.pic li .txt{width:100%; height:36px; line-height:36px; margin-top:10px; color:#333; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*通知公告*/
.xyText{ width: 372px; height: auto; float: right;}
.textList{  width: 100%; height: auto; overflow: hidden;}
.textList li,.list li{ width: 100%; height: auto; float: left; height: 36px; line-height: 36px;}
.textList li a{ width: 274px; padding-left: 18px; background: url(../image/ico3.png) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.textList li span{ width: 80px; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.textList li a:hover{ background: url(../image/ico3.png) 0 center no-repeat; color: #0068b1;}




/*menu部分*/ 
.menu-nav{width:100%; height:45px; line-height:45px; background:#F8F8F8; position:relative; z-index:100;border-top: 1px solid #c9c9ca;} 
#menu {  
  margin: 0 auto;  
  width: 1200px;
  clear: both; 
  font-family: '微软雅黑';
  font-size:16px;
  height:45px;
}
#menu ul {
  list-style: none;  
}
li.l1-nav {
  float: left;  
  position: relative; 
  left: 0px;
  top: 0px;
  height:45px;
  line-height:45px;
}
a.l1-nav {  
  display: block;  
  text-align: center;  
  text-decoration: none;  
  height: 45px;
  line-height: 45px;
  color:#c39a6b;
  padding:0 43px;
  float:left;
}
li.l1-nav:hover a.l1-nav, a.l1-nav:hover {  
  color: #fff;
  background:#c39a6b; 
  height:45px; 
  line-height:45px; 
}
ul.l2-nav {
  visibility: hidden;
  position: absolute;  /* 第二级菜单相对于第一级菜单绝对定位 */
  left: 0px;
  top: 44px;
  background:url(../image/ej-bg.png) repeat;
width:100%
}

li.l2-nav {
  float: left;  
  position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */
  left: 0px;
  top: 0px;
  width:100%;
}
a.l2-nav {  
  display: block; /* 把a设成块级显示 */
  text-align: center;
  width: 100%;
  float:left;
  height: 40px;
  line-height: 40px;
  color: #c39a6b;
  background:url(https://edu.hlbec.edu.cn/images/ej-bg1.png) repeat;
  text-decoration:none;
  font-size:14px;
}
li.l2-nav:hover a.l2-nav, a.l2-nav:hover {  
  color: #fff;
  background: #c39a6b;
}
a.l1-nav:hover ul.l2-nav, li.l1-nav:hover ul.l2-nav {
  visibility: visible;
}

.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container {position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; text-align:right; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 40%; opacity: 1; z-index: 3; 
text-indent: -9999px; overflow: hidden; text-decoration: none; height:103px; width:60px;  margin-top: -45px; }
.slide_nav:hover { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
.slide_nav.prev{background: transparent url("https://edu.hlbec.edu.cn/images/left-jt.png") no-repeat; left:25px;}
.slide_nav.next{background: transparent url("https://edu.hlbec.edu.cn/images/right-jt.png") no-repeat; right:25px;}
.banner-new{width:100%; height:100px; position:absolute; bottom:0; left:0; background:url(../image/banner-new.png) repeat; z-index:100;}

/* 定义动画关键帧 */
@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 为logo应用动画 */
.top {
    animation: slideInFromTop 1.5s ease-out; /* 调整动画时长为1.5秒 */
}

/* 为搜索框应用动画 */
.search {
    animation: slideInFromTop 1.5s ease-out; /* 调整动画时长为1.5秒 */
}


/* 入场动画 */
@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/* 应用入场动画 */
.slide-in-left {
    animation: slideInLeft 1s ease forwards;
}