@charset "UTF-8";
body,
html {
  line-height:1.41285;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
  font-family:auto;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
.image, .focusBox .pic img, #tptl img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}

.df-sb, .sortlist li, .zcll ul li,
.xwzx ul li, #dh_nav, .insidePagination {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* 多出部分用省略号表示 , 用于一行 */
.wes, .sortlist li a, .zcll ul a,
.xwzx ul a {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body {background: url("https://www.cqie.edu.cn/templates/202405/2024051117161359763.jpg") center top no-repeat;}

/* 导航 */
.nav-1 { background-color: #eb2b28;}
#daohang.nav-1 { background-color: #eb2b28;}
.nav-ul { max-width: 1200px; height: 72px; margin: 0 auto;}
.nav { display: flex; justify-content: flex-start;}
.nav>li { flex: 1; position: relative;}
.nav>li>a { font-size:20px; color: #fff; line-height:75px; width: 100%; display: block; text-align: center;}
.nav>li>a::after { content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: 4px; pointer-events: none; opacity: 0; transform: translate(-50%, 15px); border: 5px solid transparent; border-bottom: 5px solid #fff;}
.sub { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 220px; padding-top: 5px; display: none; z-index: 100;}
/* 移动端子菜单唯一展开入口：cross 类（点击切换）。
   hover 规则只写在桌面 media 内，避免与 cross 同特异性冲突时把 sub 压回隐藏。 */
.nav>li.cross .sub { display: block;}

@media (min-width:992px) { 
	.nav>li.on>a::after,.nav>li:hover>a::after { opacity: 1; transform: translate(-50%, 0);}
	.nav>li:hover .sub { display: block;}
	.nav>li:hover .sub ul { animation: fadeInUp .3s; animation-timing-function: cubic-bezier(.645, .045, .355, 1);}
	.nav>li:last-child .sub {transform: translateX(-80%); }
}

.sub ul {position: relative;width: 100%;padding: 15px 20px;background: #fff;border-top: 2px solid #ff9900;border-bottom: 2px solid #ff9900;border-radius: 5px;box-shadow: 0 5px 50px rgba(0, 0, 0, .3);}
.sub ul li { position: relative; width: 100%; z-index: 10;}
.sub a { position: relative; border-bottom: 1px solid #efefef; display: block; padding: 10px 0; font-size: 16px; color: #58595b; line-height: 26px; letter-spacing: 1px;}
.sub a::after,.sub a::before { content: ""; position: absolute; height: 1px; width: 0; background: #eb2b28; transition: all .3s; opacity: 0;}
.sub a::before { top: -1px; left: 0;}
.sub a::after { bottom: 0; right: 0;}
.sub li:last-child a { border: none; background: none;}
.sub a:hover { color: #eb2b28; font-size: 18px;}
.sub a:hover::after { left: 0; right: auto; width: 100%; opacity: 1;}

.nav>li>i {position: absolute;right: 6px;top: 22px;width: 10px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);cursor: pointer;display: none;}
.nav>li.cross>i { transform: rotate(-135deg);}
.menu { display: none; position: fixed; top: 15px; right: 15px; z-index: 9999; cursor: pointer;}
.menu1 span { display: block; width: 28px; height: 3px; background: #fff; margin: 5px 0;}
#daohang.scroll { position: sticky; top: 0; background-color: rgba(235, 43, 40, 0.92); z-index:999;}

/* ========== 移动端（注意 media 查询括号已正确闭合） ========== */
@media (max-width:991px) { 
	.menu {display: block; } 
	#daohang {position: fixed;left: -100%;top: 0;width: 85%;height: 100vh;transition: left 0.3s ease;overflow-y: auto; } 
	#daohang.cross {left: 0; } 
	.nav-ul {height: auto; } 
	.nav {flex-direction: column; } 
	.nav>li {flex: none; } 
	.nav>li>a {text-align: left;padding:0 20px; } 
	.nav>li>i{display:block;}
	.sub {position: static;transform: none !important;width: 100%;box-shadow: none; } 
}

/* 多出部分用省略号表示 , 用于多行 */
@keyframes ripple_4 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0);
  }
}
@keyframes ripple_5 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0);
  }
}
.menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  transform: scale(0.65, 0.65);
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  animation: ripple_4 1s linear infinite;
}
.menu .menu1 {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.menu .menu1 span {
  position: absolute;
  width: 28px;
  height: 4px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  font-size: 0;
}
.menu .menu1 span::before, .menu .menu1 span::after {
  content: "";
  position: absolute;
}
.menu .menu1 span::before {
  width: 4px;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 50px;
}
.menu .menu1 span::after {
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
  border-radius: 50px;
}
.menu .menu1 span:nth-child(1) {
  margin-top: -9px;
}
.menu .menu1 span:nth-child(1)::before {
  background: #eb2b28;
}
.menu .menu1 span:nth-child(1)::after {
  background: #eb2b28;
}
.menu .menu1 span:nth-child(2){margin-top: 9px;}
.menu .menu1 span:nth-child(2)::before {
  background: #eb2b28;
}
.menu .menu1 span:nth-child(2)::after {
  background: #eb2b28;
}
.menu .menu1 span:nth-child(3) {
  margin-top:0px;
}
.menu .menu1 span:nth-child(3)::before {
  background: #eb2b28;
}
.menu .menu1 span:nth-child(3)::after {
  background: #eb2b28;
}

.menu.cross {
  animation-name: ripple_5;
  position: fixed;
}
.menu.cross .menu1 span {
  margin: 0;
}
.menu.cross .menu1 span::before {
  width: 6px;
  border-radius: 50px 0 0 50px;
}
.menu.cross .menu1 span::after {
  border-radius: 0 50px 50px 0;
}
.menu.cross .menu1 span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu.cross .menu1 span:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.menu.cross .menu1 span:nth-child(3) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.insidePagination {
  width: 100%;
  justify-content: center;
  padding: 50px 0;
  padding-bottom: 0;
}
.insidePagination a,
.insidePagination span {
  box-sizing: border-box;
  line-height: 40px;
  min-width: 40px;
  text-align: center;
  font-size: 14px;
  color: #333;
  margin: 0 3px;
  padding: 0 15px;
  transition: all 0.3s;
  border: 1px solid #dcdcdc;
  background: #fff;
  border-radius: 3px;
}
.insidePagination a.active,
.insidePagination span.active,
.insidePagination a.strong,
.insidePagination span.strong,
.insidePagination a:hover {
  background: #eb2b28;
  border-color: #eb2b28;
  color: #fff;
}
.insidePagination span {
  font-size: 14px;
  color: #666666;
}

body {
  background: url(../images/2024051117161359763.jpg) center top no-repeat !important;
}

.xwzx dd ul li {
  line-height: 36px;
}

.xwzx dd ul li span {
  line-height: 36px;
}

#center_news {
  height: 310px !important;
}

#center_news04 {
  padding-top: 5px !important;
  height: 723px !important;
}

#center_news04 .zcll {
  height: 350px;
}

#center_news04 .zcll dd {
  padding-top: 0;
}

#tptl {
  height: 148px !important;
}

.yqlj {
  margin-top: 10px !important;
}

#dh_nav li.on {
  background: none !important;
}

#dh_nav li.fhzz {
  background: none !important;
  float: left !important;
}

#dh_nav li a {
  padding: 0 38px 0 0 !important;
}

#dh_nav li a:hover {
  padding: 0 16px !important;
  margin-right: 12px;
}

.xwzx dt {
  background: none !important;
  padding-left: 0 !important;
}

.zcll dt {
  background: none !important;
  padding-left: 0 !important;
}

.yqlj dt {
  background: none !important;
  padding-left: 0 !important;
}

* {
  box-sizing: border-box;
}

.container, .cen, #dh_nav,
#zw {
  width: 100% !important;
  max-width: 1200px;
}
@media (max-width: 1220px) {
  .container, .cen, #dh_nav,
  #zw {
    width: calc(100% - 20px) !important;
  }
}

#dh_nav li {
  flex: auto;
  text-align: center;
}
#dh_nav li a,
#dh_nav li a:hover {
  display: inline-block;
  width: 100%;
  padding: 0 !important;
  margin: 0;
}

.tp_left {
  width: 43.5%;
}

.xwzx {
  width: 53.5%;
}

.zcll {
  width: 48.8333333333%;
}

.zcll ul li span,
.xwzx ul li span {
  order: 2;
}
.zcll ul li a,
.xwzx ul li a {
  order: 1;
}
.zcll ul a,
.xwzx ul a {
  display: inline-block;
  width: calc(100% - 120px);
}

.focusBox .pic {
  width: 100% !important;
  height: 100% !important;
}
.focusBox .pic li {
  width: 100% !important;
  height: 100% !important;
}

.focusBox .pic a {
  display: block;
  width: 522px;
  width: 100%;
  height: 100%;
}

#center_news04 {
  height: auto !important;
  padding-bottom: 20px;
}

#copyright {
  height: auto;
  padding: 35px 0;
  background-size: cover;
}

.sortlist li span {
  order: 2;
}
.sortlist li a {
  order: 1;
  display: inline-block;
  width: calc(100% - 110px);
}

#colR02 {
  width: 100%;
}

#showcontent img {
  max-width: 100%;
  height: auto !important;
}
#showcontent iframe {
  max-width: 100%;
}
#text {
  width: 100% !important;
}

@media (max-width: 992px) {
  html {
    background: 0;
  }
  .focusBox {
    height: 52vw;
  }
  body {
    background-size: 135% auto !important;
  }
  #zw {
    height: 26vw;
  }
  .menu {
    display: block;
  }
  #daohang {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 360;
    padding: 15px;
    display: none;
  }
  #daohang.cross {
    display: block;
  }
  #bjdh {
    width: 100% !important;
    height: 100%;
  }
  #dh_nav {
    width: 100% !important;
    height: 100%;
    overflow-y: auto;
    display: block;
  }
  #dh_nav li {
    flex: none;
    width: 100%;
    text-align: left;
    height: auto;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  }
  #dh_nav li a,
  #dh_nav li a:hover {
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 10px !important;
  }
  .tp_left {
    width: 100%;
    height: auto;
  }
  .xwzx {
    width: 100%;
    margin-top: 20px;
  }
  .focusBox {
    width: 100% !important;
  }
  .zcll {
    width: 100%;
  }
  #tptl {
    display: block;
    height: 13vw !important;
  }
  #prenext {
    width: 100%;
    padding: 15px;
  }
  #prenext ul li {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #copyright {
    padding: 25px 10px;
  }
  #copyright span {
    display: inline-block;
  }
  #copyright {
    font-size: 12px;
    line-height: 2;
  }
  .page a,
  .page span {
    font-size: 12px;
    padding: 5px 6px;
    display: inline-block;
    line-height: 1;
  }
  .page a.strong,
  .page span.strong {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 1;
  }
  #text h1 {
    font-size: 18px;
    line-height: 1.5;
  }
  #showcontent * {
    font-size: 16px !important;
    line-height: 2 !important;
  }
  #showcontent div img {
    margin-left: -24pt;
  }
  #showcontent iframe {
    height: 65vh;
  }
  #text h3 {
    font-size: 12px;
    line-height: 2;
    margin-top: 20px;
  }
  #text h3 span {
    display: inline-block;
  }
}