@charset "utf-8";
header, nav {
  position: static !important;
}

/*初始化样式*/
* {
  -webkit-tap-highlight-color: transparent;}

body {
  background-color: #fff;
  color: #333;
  font: 16px/1.75em Arial, "Microsoft Yahei", "Lucida Grande";
  /*设置字体*/
  overflow-x: hidden;
  width: 100%;}

table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
  /* border-top:solid 1px #ddd;border-left:solid 1px #ddd; */
  box-sizing: border-box;}

table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;}

table td, table th {
  padding: 5px 10px;
  /* border:1px solid #ddd; */
  box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block;}

html, body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {
  margin: 0;
  padding: 0;}

a {
  text-decoration: none;
  outline: none;
  color: #333;}

a:focus {
  outline: none;
  -moz-outline: none;}

a:hover {
  color: #D50000;}

a img {
  border: none;}

/*强制去除表单自带的样式*/
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;}

input:focus {
  outline: none;}

input, button, select, textarea {
  outline: none;}

textarea {
  resize: none;}

textarea, input, select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;}

/*清楚浮动*/
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;}

.clear-zy {
text-align: center;
width:1300px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
;}

.clearfix {
  *+height: 1%;}

/*该设置跟后台编辑器有关*/
.ul, .ul li, .dl, .dl dd, ul, ul li, ol, ol li, dl, dl dd {
  list-style: none;
  margin: 0;
  padding: 0;}

.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px;}

/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {
  width: 1300px;
  margin: 0 auto;}

.omission1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.omission2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}

.omission3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}

/*全站头部*/

/* 首页 */
.inner1 {
  width: 1300px;
  margin: 0 auto;}

.inner1 .nav li {
  float: left;
  width: 10%;
  text-align: center;
  font-size: 16px;
  line-height: 1.875em;
  position: relative;}

.inner1 .nav li li {
  float: none;
  width: auto;}
/* 首页结束 */

/*topBar*/
.topBar {
  padding: 30px 0;  /*控制顶部红色高度 */
  line-height: 30px;
  font-size: 14px;
  background-color: #A20000;
  overflow: hidden;
  color: #fff;}

.topBar a {
  color: #fff;}

.topBar a:hover {
  opacity: .8;}

.language {
  display: inline-block;
  background:  no-repeat left center;
  padding-left: 27px;}

.welcome {
  margin-right: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

/*header*/
.header {
  background: #fff url(bg_header.jpg) no-repeat right bottom;
  border-bottom: 1px solid #ebebeb;}


.header .inner {
  position: relative;}

.inner2 {
  width: 1300px;
  margin: 0 auto;}

.inner2 .nav li {
  float: left;
  width: 15%;
  text-align: center;
  font-size: 16px;
  line-height: 1.875em;
  position: relative;}


.header .inner1 {
  position: relative;
  display: grid;               /* 启用Grid布局 */
  grid-template-columns: auto auto; /* 两列，自动宽度 */
  column-gap: 30px;            /* 列间距 */
  align-items: center;         /* 垂直居中 */
justify-content: center; /* 水平居中 */

}

.header .inner2{
  position: relative;
  display: grid;               /* 启用Grid布局 */

  align-items: center;         /* 垂直居中 */
justify-content: center; /* 水平居中 */

}



.logo {
  float: left;
  padding: 22px 0;
}


.new-image img {
  height: 100px;            /* 设置图片高度，根据需要调整 */
  width: auto;             /* 保持图片比例 */
}





.logo a {
  display: block;
  /* width: 409px; */
  width: 714px;
  height: 87px;
  background: no-repeat left center;
  background-size: contain;
  text-indent: -999999em;}

.slogan {
  padding: 37px 0;
  float: right;
  width: 299px;
  height: 56px;}

.slogan img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;}

.nav ul {
  position: relative;
text-align: center;
}

.nav ul:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;}

.nav li {
  float: left;
  width: 9.09%;
  text-align: center;
  font-size: 16px;
  line-height: 1.875em;
  position: relative;}

.nav li em {
  display: none;}

.nav li a {
  display: block;
  padding: 11px 0;}

.nav li.cur>a, .nav li.on>a {
  color: #9a0e0e;}

.nav li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #ebebeb;
  padding: 5px 0;
  z-index: 3;
  display: none;}

.nav li li {
  float: none;
  width: auto;}

.nav li li a {
  padding: 5px 0;}

.box-right {
  float: right;}

.search .text {
  display: inline-block;
  color: #333;
  max-width: 120px;
  background-color: #fff;
  padding: 3px 6px;}

.search .btn {
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  cursor: pointer;}

.search {
  display: inline-block;
  margin-right: 20px;}

/*footer*/
.footer-container {
  background-color: #A20000;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 5px;
    gap:20px;
}

.footer-colum{
    flex: 1;
    min-width: 200px;
    padding: 0;
    box-sizing: border-box;
}

.footer:after {
   
  background-size: contain;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  opacity: .2;}

.footer a {
  color: #fff;}

.footer a:hover {
  opacity: .8;}

.footerBtm {
  background-color: #A20000;
  padding: 1.198% 10;
  position: relative;
  z-index: 1;}

.footerBtm .inner {
  overflow: hidden;}

.pagesList {
  float: left;}

.pagesList ul {
  overflow: hidden;}

.pagesList li {
  float: left;
  font-size: 16px;
  line-height: 1.75em;
  position: relative;
  padding-right: 13px;}

.pagesList li:after {
  width: 1px;
  height: 50%;
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  right: 6px;
  background-color: #ccc;}

.pagesList li:last-child {
  padding-right: 0;}

.pagesList li:last-child:after {
  display: none;}

.pagesList li a {
  color: #ccc;}

.copyright {
  text-align: center;
  color: #fff;
  font-size: 18px;}

.copyright a {
  color: #ccc;}

.copyright .bottom-ico {
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;}

.copyright .bottom-ico img {
  width: 30px;}

.footerTop {
  padding: 1.083% 0;
  position: relative;
  z-index: 1;}

.footerTop .table {
  display: table;
  table-layout: fixed;
  width: 100%;}

.contact {
  width: 34.615%;
  border-left: 1px solid #af4848;
  padding-left: 2.692%;
  display: table-cell;
  vertical-align: top;}

.contact .img {
  width: 168px;
  margin-bottom: 10px;}

.contact .img img {
  display: block;
  width: 100%;
  height: auto;}

.contact p {
  padding-left: 25px;
  background: no-repeat left 9px;
  font-size: 16px;
  line-height: 2em;
  overflow: hidden;}

.contact .tel {
   }

.contact .fax {
  }

.contact .addr {
  }

.contact span {
  display: block;}

.contact span.left {
  float: left;}

.contact span.right {
  margin-left: 48px;}

.navList {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;}

.navBox {
  width: 21%;
  padding-right: 2%;
  float: left;}

.navBox:nth-of-type(3) {
  width: 29%;}

.navBox li {
  font-size: 16px;
  line-height: 1.875em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.navBox li a {
  margin-left: 5px;}

.navBox li ul {
  margin-left: 1em;}

/*hmSlides*/
.hmSlides {
  width: 1300px;
  margin: 1.719% auto 2.344%;}

.hmSlides .load {
  /* padding-bottom: 620px; */
  padding-bottom: 420px;}

.hmSlides #hmSlidess {
  display: none;}

.hmSlides .item a {
  display: block;
  /* padding-bottom: 620px; */
  padding-bottom: 410px;
  background: no-repeat center center;
  background-size: cover;
  position: relative;}

.hmSlides .text {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  line-height: 45px;}

.hmSlides .text p {
  margin-right: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.hmSlides .slick-dots {
  position: absolute;
  bottom: 0;
  right: 9.375%;
  padding: 15px 0;}

.hmSlides .slick-dots li {
  display: block;
  float: left;
  background: none;
  border: none;
  position: relative;}

.hmSlides .slick-dots button {
  display: block;
  height: 43px;
  width: 43px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 18px;
  margin-left: 20px;
  background: none;
  cursor: pointer;
  color: #fff;}

.hmSlides .slick-dots .slick-active button {
  background-color: rgba(187, 37, 34, 0.7);
  border-color: rgba(187, 37, 34, 0.7);}

/*hmTitle*/
.hmTitle {
  border-bottom: 1px solid #dcdcdc;
  line-height: 36px;
  margin-bottom: 2.5%;}

.hmTitle h2 {
  font-size: 20px;
  color: #9a0e0e;
  float: left;
  border-bottom: 1px solid #9a0e0e;
  margin-bottom: -1px;}

.hmTitle a {
  float: right;
  font-size: 14px;
  color: #666;}

.hmTitle a:hover {
  color: #9a0e0e;}

/*hmNews*/
.hmNews .box {
  overflow: hidden;}

.hmNews .isTop {
  width: 400px;
  float: left;
  overflow: hidden;
  position: relative;
  padding-bottom: 38px;}

.hmNews .isTop .pic {
  padding-bottom: 70%;
  background: no-repeat center center;
  background-size: cover;
  transition: transform .3s;}

.hmNews .isTop h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 90%;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 1.875em;
  padding: 10px 5%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.hmNews .isTop a {
  display: block;
  overflow: hidden;
  position: relative;}

.hmNews .isTop a:hover .pic {
  transform: scale(1.1);}

.hmNews .list {
  margin-left: 400px;
  overflow: hidden;}

.hmNews .list ul {
  overflow: hidden;}

.hmNews .list li {
  float: left;
  margin-left: 5%;
  width: 45%;
  padding-bottom: 18px;
  margin-bottom: 19px;
  border-bottom: 1px dashed #ccc;}

.hmNews .list li:nth-of-type(5) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;}

.hmNews .list li:nth-of-type(6) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;}

.hmNews .list .date {
  float: left;
  width: 67px;
  height: 67px;
  background: url(icon_date_01.jpg) no-repeat center center;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 1.25em;}

.hmNews .list .date time {
  display: block;
  margin-top: 28px;}

.hmNews .list .date i {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.125em;}

.hmNews .list .info {
  margin-left: 82px;
  overflow: hidden;}

.hmNews .list .info h3 {
  font-size: 16px;
  font-weight: normal;
  /* white-space:nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35em;
  margin-bottom: 5px;}

.hmNews .list .info p {
  font-size: 14px;
  color: #666;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;}

.hmNews .list .info h3 a br {
  display: none;}

/*hmSlogans*/
.hmSlogans {
  margin-bottom: 1.823%;}

.hmSlogans .inner {
  overflow: hidden;
  max-height: 167px;}

.hmSlogans .maxw {
  width: 1300px;
  margin: 20px auto 0;}

.hmSlogans .more a {
  display: block;
  width: 150px;
  height: 32px;
  margin: auto;
  font-size: 16px;
  color: #9a0e0e;
  text-align: center;
  line-height: 30px;
  border: 1px solid #9a0e0e;
  border-radius: 12px;
  box-sizing: border-box;}

.hmSlogans .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 0;}

.hmSlogans .owl-carousel .owl-item {
  display: inline-block;}

.hmSlogans .owl-carousel img {
  display: block;
  width: 100%;
  height: auto;}

.hmSlogans .owl-carousel .owl-nav {
  display: none;}

.hmSlogans .owl-carousel .owl-dots {
  margin-top: 20px;
  text-align: center;
  display: none;}

.hmSlogans .owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  margin-right: 15px;}

.hmSlogans .owl-carousel .owl-dots .owl-dot:last-child {
  margin-right: 0;}

.hmSlogans .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #ddd;
  border-radius: 12px;
  cursor: pointer;}

.hmSlogans .owl-carousel .owl-dots .owl-dot.active span {
  background-color: #9a0e0e
;}

/*hmTop*/
.hmTop {
  overflow: hidden;}

.hmTop .boxList {
  display: table;
  table-layout: fixed;
  width: 100%;}

.boxList {
  margin-bottom: 2.083%;}

.boxList .list {
  overflow: hidden;
  margin-bottom: 5%;}

.boxList .list .date {
  float: left;
  width: 65px;
  background-color: #eee;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  text-align: center;}

.boxList .list .date time {
  display: block;
  overflow: hidden;}

.boxList .list .date i {
  display: block;
  font-style: normal;
  background-color: #9a0e0e;
  color: #fff;
  height: 28px;
  line-height: 32px;
  font-size: 18px;
  font-weight: bold;}

.boxList .list .info {
  margin-left: 80px;
  overflow: hidden;}

.boxList .list h3 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;}

.boxList .list p {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.75em;}

.hmTheory {
  width: 34.615%;
  display: table-cell;
  vertical-align: top;
  padding-right: 3.846%;}

.hmTheory .hmTitle {
  margin-bottom: 7.5%;}

.hmTheory .topPic {
  padding-bottom: 34.75%;
  background: no-repeat center center;
  background-size: contain;
  margin-bottom: 7.5%;}

.hmReport {
  width: 37.692%;
  display: table-cell;
  vertical-align: top;
  padding-right: 3.846%;}

.hmReport .hmTitle {
  margin-bottom: 6.818%;}

.hmReport .tabTop {
  float: left;}

.hmReport .tabTop h2 {
  color: #333;
  border-color: transparent;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;}

.hmReport .tabTop h2.cur {
  color: #9a0e0e;
  border-color: #9a0e0e;}

.hmReport .tabLink {
  float: right;}

.hmReport .tabLink a {
  display: none;
  float: none;}

.hmReport .tabLink a.cur {
  display: block;}

.hmReport ul {
  display: none;}

.hmReport ul.cur {
  display: block;}

.hmReport .top {
  margin-bottom: 6%;
  height: 135px;}

.hmReport .top .pic {
  float: left;
  width: 187px;
  overflow: hidden;}

.hmReport .top .pic span {
  padding-bottom: 74.332%;
  background: no-repeat center center;
  background-size: cover;
  display: block;
  transition: all .3s;}

.hmReport .top .info {
  margin-left: 205px;
  overflow: hidden;}

.hmReport .top h3 {
  font-weight: normal;
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden;
  font-size: 16px;}

.hmReport .top p {
  font-size: 14px;
  color: #666;
  line-height: 1.75em;
  margin-top: 8px;
  height: 3.5em;
  overflow: hidden;}

.hmReport .top .more {
  text-align: right;
  height: auto;}

.hmReport .top .more:hover {
  color: #9a0e0e;}

.hmReport .top a {
  display: block;
  overflow: hidden;}

.hmReport .top a:hover span {
  transform: scale(1.1);}

.hmNotice {
  width: 362px;
  overflow: hidden;
  display: table-cell;
  vertical-align: top;}

.hmNotice .box {
  padding: 20px;
  background: #fff   no-repeat center bottom;
  background-size: 100% auto;
  border: 1px solid #dcdcdc;}

.hmNotice h2 {
  font-size: 20px;
  color: #9a0e0e;
  line-height: 1.125em;
  margin-bottom: 5px;}

/*.hmNotice span {display:block; position:absolute; right:0; top:8px; font-size:14px;}*/
.hmNotice span a {
  color: #333;}

.hmNotice .list {
  border-bottom: 1px dashed #d2d2d2;
  position: relative;
  padding: 10px 0;}

.hmNotice .list ul {
  display: none;}

.hmNotice .list li {
  font-size: 15px;
  color: #666;
  line-height: 2em;}

.hmNotice .list li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 18px;
  background: url(dot_grey.jpg) no-repeat left center;}

.hmNotice .list .slick-arrow {
  position: absolute;
  right: 40px;
  top: -15px;
  background: no-repeat center center;
  width: 13px;
  height: 8px;
  text-indent: -9999em;
  font-size: 0;
  border: none;
  cursor: pointer;}

.hmNotice .list .slick-prev {
  
  top: -25px;}

.hmNotice .list .slick-next {
 }

.hmLinks ul {
  overflow: hidden;
  position: relative;}

.hmLinks ul:before {
  width: 1px;
  height: 80%;
  background-color: #e0d593;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -0.5px;}

.hmLinks li {
  float: left;
  width: 50%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 33px;
  border-bottom: 1px solid #e0d593;
  padding: 15px 0;}

.hmLinks li:nth-child(n+3) {
  border-bottom: none;}

.hmLinks li a {
  display: block;
  background: no-repeat 0 center;
  padding-left: 30px;
  margin: 0 10px;}

.hmLinks li.xy a {
  }

.hmLinks li.ts a {
  }

.hmLinks li.xb a {
 }

.hmLinks li.bg a {
 
}

.hmMail {
  overflow: hidden;
  padding: 20px 0;}

.hmMail h2 {
 
  margin-bottom: 10px;}

.hmMail .input {
  float: left;
  width: 46.875%;}

.hmMail .input.right {
  float: right;}

.hmMail .item {
  border: 1px solid #d5d5d5;
  background-color: #fff;}

.hmMail .text {
  height: 28px;
  line-height: 28px;
  width: 80%;
  padding: 0 10%;}

.hmMail .btn {
  clear: both;
  font-size: 0;
  text-align: center;
  line-height: normal;
  margin-top: 15px;}

.hmMail .btn a {
  color: #9a0e0e;
  font-size: 14px;
  border-bottom: 1px solid #9a0e0e;
  margin: 0 10px;
  line-height: 27px;}

.hmMail .submit {
  width: 112px;
  height: 27px;
  background:  no-repeat center center;
  background-size: 100% 100%;
  font-size: 15px;
  color: #9a0e0e;
  margin: 0 10px;
  cursor: pointer;}

.hmWeather h2 {
  font-weight: normal;
  text-align: center;
  font-size: 15px;
  -webkit-appearance: none;}

.hmWeather h2 a {
  color: #9a0e0e;}

.hmWeather .iframe {
  overflow: hidden;}

.hmWeather iframe {
  display: block;
  margin: 0 auto;
  height: 25px;}

.hmWeather .iframe a {
  font-family: 'Microsoft Yahei';
  font-size: 12px;}

.hmInherit {
  padding: 2.604% 0;
  margin-bottom: 2.604%;
  /*50*/
  background: no-repeat center center;
  background-size: cover;}

.hmInherit .pic {
  float: left;
  padding: 20px 0;
  width: 400px;}

.hmInherit .pic figure {
  margin-left: -85px;}

.hmInherit .pic img {
  display: block;
  width: 100%;
  height: auto;}

.hmInherit .info {
  margin-left: 405px;}

.hmInherit h2 {
  font-size: 48px;
  color: #9a0e0e;
  line-height: 1.35em;
  font-weight: normal;
  margin-bottom: 4.222%;}

.hmInherit h2 img {
  max-width: 100%;}

.hmInherit ul {
  float: left;
  width: 47%;
  padding-left: 3%;}

.hmInherit li {
  font-family: 'Impact';
  padding-top: 12px;
  font-weight: bold;}

.hmInherit li span {
  display: block;
  font-size: 32px;
  float: left;
  width: 78px;
  height: 78px;
  color: #fff;
  background:  no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 78px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.hmInherit li a {
  display: block;
  margin-left: 90px;
  font-size: 30px;
  line-height: 1.5em;
  padding: 16.5px 0;
  white-space: nowrap;}

.hmInherit li:nth-of-type(2) {
  margin-left: 16%
;}

.hmInherit li:nth-of-type(3) {
  margin-left: 32%
;}

.hmList {
  margin-bottom: 3.125%;}

.hmList .inner {
  overflow: hidden;
display: flex; /* 使用Flexbox布局 */
  gap: 15px; /* 设置元素间距 */
}
.hmList .list {
  float: left;
  padding-left: 3.846%;}

.hmList .hmTitle {
  margin-bottom: 30px;}

.hmList .listPic {
  background: no-repeat center center;
  background-size: cover;
  margin-bottom: 5px;} /* 控制标题栏下面图片与新闻的距离 */

.hmList .first {
 width: auto; /* 自动分配宽度 */
  flex: 1; /* 平均分配空间 */
  padding-left: 0; /* 移除原有左缩进 */
}

.hmList .first .listPic {
  padding-bottom: 35%;}  /* 控制标题栏下面图片宽度 */

.hmList .second {
 width: auto; /* 自动分配宽度 */
  flex: 1; /* 平均分配空间 */
  padding-left: 0; /* 移除原有左缩进 */

}

.hmList .second .listPic {
  padding-bottom: 35%;}

.hmList .third {
 width: auto; /* 自动分配宽度 */
  flex: 1; /* 平均分配空间 */
  padding-left: 0; /* 移除原有左缩进 */
}

.hmList .third .listPic {
  padding-bottom: 35%;}

.hmList li {
  border-bottom: 1px dashed #d8d8d8;
  font-size: 16px;
  line-height: 1.875em;
  padding: 15px 0 5px;}

.hmList li time {
  display: block;
  float: right;
  font-size: 12px;
  color: #666;}

.hmList li a {
  display: block;
  margin-right: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 15px;
  background: url(dot_grey.jpg) no-repeat left center;}

.hmList li a br {
  display: none
;}

.hmCompus {
  margin-bottom: 2.865%;}

.hmCompus .inner {
  overflow: hidden;}

.hmCompus #compus {
  width: 102%;
  margin-left: -1%;
  display: none;}

.hmCompus .item {
  overflow: hidden;}

.hmCompus .item span {
  display: block;
  margin: 0 3.916%;}

.hmCompus .item a {
  display: block;
  padding-bottom: 75.41%;
  background: no-repeat center center;
  background-size: inherit;}

.hmCompus .slick-dots {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 2.69%;}

.hmCompus .slick-dots li {
  display: inline-block;
  padding: 0 10px;}

.hmCompus .slick-dots li button {
  display: block;
  text-indent: -99999em;
  background-color: #b5b5b5;
  border: none;
  width: 31px;
  height: 4px;
  cursor: pointer;}

.hmCompus .slick-dots li.slick-active button {
  background-color: #9a0e0e;}

/*friendLinks*/
.friendLinks {
  background-color: #fff;
  padding: 1.5625% 0;
}

.friendLinks h2 {
  float: left;
  font-size: 16px;
  color: #a20000;
  width: 40px;
  letter-spacing: 1px;
  padding-right: 50px;
border-right: 2px solid #a20000;
}


.friendLinks .linksBox {
  margin-left: 105px;}

.textLinks {
  overflow: hidden;}

.textLinks ul {
  overflow: hidden;}

.textLinks li {
  float: left;
  padding-left: 3%;
  font-size: 16px;}

.textLinks li a {
  display: block;
  background: url(dot_red_01.jpg) no-repeat left center;
  padding-left: 15px;}

.selectLinks {
  margin-top: 12px;
  position: relative;
  display: none;}

.selectLinks:after {
  display: block;
  content: '';
  width: 100%;
  clear: both;}

.selectLinks .item {
  float: left;
  width: 17%;
  padding-left: 3%;}

.selectLinks .item:last-child {
  padding-right: 0;}

.selectLinks .item .select {
  position: relative;}

.selectLinks .item span {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 8px;
  position: relative;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.selectLinks .item span:after {
  width: 13px;
  height: 7px;
  background:  no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3.5px;}

.selectLinks .item ul {
  position: absolute;
  background-color: #fff;
  top: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: none;
  z-index: 2;}

.selectLinks .item li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;}

.selectLinks .item li a {
  display: block;
  color: #666;
  font-size: 14px;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.selectLinks .item li a:hover {
  color: #9a0e0e;}

@media (min-width:1367px) {
  .textLinks {
    padding-top: 15px;}
}

/*wrapper*/
.wrapper {
  margin-bottom: 2.604%;}

/*banner*/
.banner {
  background: no-repeat center center;
  background-size: cover;}

.banner .inner {
  padding-bottom: 324px;
  position: relative;}

.banner .column {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 250px;
  text-align: center;
  color: #fff;
  background-color: rgba(154, 14, 14, 0.7);
  padding: 1.77% 5px;
  font-size: 0;
  line-height: normal;}

.banner .column i {
  width: 27px;
  height: 27px;
  background: url(djh_01.jpg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
  margin-right: 20px;}

.banner .column h2 {
  font-weight: normal;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;}

/*bar*/
.bar {
  background-color: #f0f0f0;
  height: 47px;
  line-height: 47px;}

.bar .inner {
  overflow: hidden;}

.breadcrumb {
  margin-left: 10px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #a20000;}

.breadcrumb a {
  color: #919191;}

.breadcrumb .left {
  font-style: normal;
  background:   no-repeat left center;
  padding-left: 25px;}

.breadcrumb .left i {
  font-style: normal;}

/*sidebar*/
.sidebar {
  width: 260px;
  float: left;
padding: 10px;
  margin-top: 50px;
}

/*sideMenu*/
.sideMenu {
  margin: -47px 0 12% 0;
  position: relative;
  background-color: rgba(154, 14, 14, 0.7);
  padding: 0 0 10px 10px;}

.sideMenu span {
  display: none;}

.sideMenu .menu {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-top: 2px solid #c9c9c9;
  border-bottom: none;}

.sideMenu li {
  line-height: 44px;
  font-size: 16px;
  margin-bottom: 1px;
  border-bottom: 1px solid #c9c9c9;
  position: relative;}

.sideMenu li em {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 19px;
  top: 0;
  cursor: pointer;}

.sideMenu li em:after {
  width: 14px;
  height: 14px;
  background: url(icon_11.png) no-repeat left 0;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;}

.sideMenu li a {
  display: block;
  padding: 0 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.sideMenu li a br {
  display: none
;}

.sideMenu li.cur {
  margin-bottom: 0;}

.sideMenu li.cur em:after {
  background-position: left -14px;}

.sideMenu li.cur>a {
  color: #9a0e0e;}

.sideMenu li ul {
  position: relative;}

.sideMenu li ul:before {
  height: 100%;
  width: 3px;
  background-color: #ffcc33;
  content: '';
  display: block;
  position: absolute;
  left: -4px;
  top: 0;}

.sideMenu li li {
  font-size: 14px;
  line-height: 24px;
  border-top: 1px solid #e5e5e5;
  border-bottom: none;}

.sideMenu li li a {
  background: none;
  padding: 5px 35px 5px 50px;}

.widget {
  margin-bottom: 12%;}

.widget img {
  display: block;
  width: 100%;
  height: auto;}

/*main*/
.main {
  margin-left: 300px;
  overflow: hidden;
  padding: 3.077% 0;}

/*pgTitle 全站内页详情标题*/
.pgTitle {
  color: #9a0e0e;
  font-weight: normal;
  font-size: 24px;
  line-height: 2em;
  text-align: center;
  margin-bottom: 4%;}

/*post 公共详情页样式*/
.post {
  margin-bottom: 3%;}

.entry {
  font-size: 16px;
  color: #000;
  line-height: 1.875em;
  text-align: justify;
  overflow: hidden;}

.entry .download {
  margin-top: 20px;
  text-align: center;}

.entry .download a {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  background: #9a0e0e;
  font-size: 16px;
  color: #fff;}

.entry .download a:last-child {
  margin-right: 0;}

.entry p {
  text-indent: 2em;
  margin-bottom: 2%;}

.entry table p {
  margin-bottom: 0;
  text-indent: 0em;}

.entry p img {
  margin-left: -2em;}

.entry img {
  max-width: 100%;
  height: auto;}

.postmeta {
  text-align: center;
  border-bottom: 1px dashed #dfdfdf;
  padding-bottom: 1.4%;
  margin-bottom: 4%;
  font-size: 0;
  line-height: normal;}

.postmeta span {
  margin: 0 15px;
  font-size: 14px;
  color: #999;
  display: inline-block;}

/*details 通用详情页*/
.details .h1 .p{
  margin-bottom: 3%;

}

  [frag="窗口16"] {
    text-align: left; /*控制窗口里面的 文本内容水平左*/
  }
  
  [frag="窗口16"] h1 
{
    text-align: center; /* 控制窗口里面的 文本标题水平居中 */
  }

  [frag="窗口16"] span
{
    text-align: center; /* 控制窗口里面的发布者，时间文本水平居中 */
  }

  [frag="窗口16"]  {
    margin: 0 auto; /* 块级元素水平居中 */
    max-width: 800px; /* 限制内容最大宽度 */
  }

.details .pgTitle {
  line-height: 1.5em;
  margin-bottom: 2%;}

.postnavi {
  position: relative;
  font-size: 14px;
  color: #7b7b7b;
  line-height: 1.75em;
  padding-top: 30px;
  margin-top: 3%;
  border-top: 1px dashed #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.postnavi a {
  color: #7b7b7b;}

.postnavi a:hover {
  color: #9a0e0e;}

.postnavi .return {
  position: absolute;
  right: 0;
  top: 30px
;}

/*学院文化*/
.culture .entry {
  font-size: 18px;
  width: 620px;
  margin: 0 auto;}

.culture .entry p {
  margin-bottom: 0;
  text-indent: 0;}

/*publicList 公共列表页样式*/
.publicList ul {
  margin-bottom: 5.3%;
  overflow: hidden;}

.publicList li {
  overflow: hidden;
  font-size: 16px;
  color: #666;
  border-bottom: 1px dashed #dfdfdf;
  padding: 5px 0;}

.publicList li time {
  display: block;
  float: right;
  font-size: 14px;
  color: #999;}

.publicList li a {
  display: block;
  margin-right: 90px;
  background: url(dot_red2_01.jpg) no-repeat left center;
  padding-left: 24px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.publicList li a:hover {
  color: #9a0e0e;}

.publicList li a br {
  display: none;}

/*pagenavi*/
.pagenavi {
  font-size: 16px;
  text-align: center;
  line-height: normal;}

.pagenavi .p_count {
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 35px;
  vertical-align: middle;}

.pagenavi .p_total {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 35px;
  vertical-align: middle;}

.pagenavi .p_jump {
  display: inline-block;
  margin-left: 10px;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 35px;
  vertical-align: middle;}

.pagenavi .p_jump .i_text {
  display: inline-block;
  margin: 0 10px;
  height: 35px;
  width: 30px;
  text-align: center;
  border: 1px solid #ededed;
  color: #666;
  font-size: 14px;
  vertical-align: middle;}

.pagenavi .p_jump .i_button {
  display: inline-block;
  margin-left: 10px;
  height: 35px;
  width: 60px;
  text-align: center;
  border: 1px solid #ededed;
  color: #666;
  font-size: 14px;
  vertical-align: middle;}

.pagenavi a {
  display: inline-block;
  color: #666;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding: 0 13.5px;
  background-color: #fff;
  margin: 0 4px;
  border: 1px solid #ededed;
  border-radius: 5px;
  vertical-align: middle;}

.pagenavi a.a_btn {
  font-family: 'Simsun';}

.pagenavi a.a_cur, .pagenavi a:hover {
  color: #fff;
  background-color: #9a0e0e;
  border-color: #9a0e0e;}

/*师资队伍*/
.teacher {
  overflow: hidden;}

.teacher ul {
  overflow: hidden;
  width: 104.2%;}

.teacher li {
  float: left;
  width: 30%;
  padding-right: 3%;
  padding-bottom: 3.5%;
  font-size: 16px;}

.teacher li a {
  display: block;
  cursor: default;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-color: #9a0e0e;
  padding: 13px 11.628%;
  color: #333;}

.teacher li i {
  font-style: normal;
  display: block;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;}

.teacher li i:after {
  width: 6px;
  height: 6px;
  border-right: 1px solid #9a0e0e;
  border-bottom: 1px solid #9a0e0e;
  transform: rotate(-45deg);
  content: '';
  display: block;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -4.5px;}

/*post 政务公开*/
.affairs {
  margin-bottom: 3%;}

.affairs .entry p {
  margin-bottom: 0;}

/*联系我们*/
.contactPage {
  overflow: hidden;
  margin-bottom: 3%;}

.contactPage .map {
  float: right;
  width: 485px;
  border: 1px solid #e3e3e3;}

.contactPage .mapBox {
  padding-bottom: 380px;
  position: relative;}

.contactPage #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;}

.contactPage .info {
  margin-right: 520px;
  overflow: hidden;}

.contactPage .entry {
  text-align: left;}

.contactPage .entry p {
  text-indent: 0;
  margin-bottom: 0;}

.contactPage .download {
  margin-top: 14.58%;}

.contactPage .download h3 {
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
  margin-bottom: 5px;}

.contactPage .download a {
  color: #9a0e0e;
  text-decoration: underline;}

table p {
  margin-bottom: 0;
  text-indent: 0em;}

@media only screen and (max-width:1700px) {

  /*1700px hmSlides*/
  .hmSlides {
    width: 94.2%;}

  .hmSlides .item a {
    padding-bottom: 25%;}

  .hmSlides .slick-dots {
    right: 5%;}
}

@media only screen and (max-width:1380px) {

  /*1380px 全局样式*/
  .inner {
    width: 94.2%;}

  .inner1 {
    width: 94.2%;}

  /*1380px hmSlides*/
  .hmSlides .slick-dots {
    right: 2.9%;}

  /*1380px hmInherit*/
  .hmInherit h2 {
    font-size: 38px;
    margin-bottom: 1.5%;}

  .hmInherit .pic {
    width: 300px;}

  .hmInherit .info {
    margin-left: 310px;}

  .hmInherit li a {
    font-size: 24px;}

  /*1380px banner*/
  .banner .inner {
    padding-bottom: 23.478%;}
}

.hmNotice span {
  font-size: 14px;
  float: right;
  margin-top: -28px;
  font-size: 14px;
  line-height: 22px;
  top: 0;}

@media only screen and (max-width:1280px) {

  /*1280px logo*/
  .logo a {
    /* width: 306px; */
    width: 533px;
    height: 65px;}

  /*1280px slogan*/
  .slogan {
    padding: 26.5px 0;}

  /*1280px hmNews*/
  .hmNews .isTop {
    width: 350px;
    padding-bottom: 60px;}

  .hmNews .list {
    margin-left: 350px;}

  .hmNews .list .info {
    margin-left: 75px;}


  /*1280px hmTop*/
  .hmTop .boxList {
    display: block;
    width: auto;}

  /*1280px hmTheory*/
  .hmTheory {
    display: block;
    float: left;
    width: 400px;
    padding-right: 0;}

  .hmTheory .hmTitle {
    margin-bottom: 20px;}

  .hmTheory .topPic {
    margin-bottom: 15px;}

  /*1280px hmReport*/
  .hmReport {
    display: block;
    padding-right: 0;
    margin-left: 430px;
    width: auto;
    overflow: hidden;}

  .hmReport .hmTitle {
    margin-bottom: 20px;}

  .hmReport .top, .boxList .list {
    margin-bottom: 15px;}

  /*1280px hmNotice*/
  .hmNotice {
    display: block;
    width: auto;
    clear: both;}

  .hmNotice span {
    line-height: 22px;
    top: 0;
    float: right;
    margin-top: -28px;
    font-size: 14px
  ;}

  .hmNotice .list {
    padding-top: 0;
    margin-bottom: 10px;}

  .hmLinks ul:before {
    display: none;}

  .hmLinks li {
    width: 25%;
    text-align: left;}

  .hmLinks li:nth-child(n+3) {
    border-bottom: 1px solid #e0d593;}

  .hmLinks li a {
    padding-left: 40px;
    margin: 0;}

  .hmMail .text {
    width: 94%;
    padding: 0 3%;}

  /*1280px hmInherit*/
  .hmInherit h2 {
    font-size: 28px;}

  .hmInherit .pic {
    width: 250px;}

  .hmInherit .pic figure {
    margin-left: 0;}

  .hmInherit .info {
    margin-left: 260px;}

  .hmInherit li span {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;}

  .hmInherit li a {
    font-size: 24px;
    margin-left: 75px;
    padding: 14.5px 0;}

  /*1280px hmList*/
  .hmList .hmTitle {
    margin-bottom: 20px;}

  /*1280px friendLinks*/
  .friendLinks h2 {
    padding-right: 25px;}

  .friendLinks .linksBox {
    margin-left: 66px;}

  /*1280px 学院文化*/
  .culture .entry {
    width: 90%;}

  /*1280px banner*/
  .banner .column {
    width: 220px;}

  /*1280px sidebar*/
  .sidebar {
    width: 230px;}

  /*1280px main*/
  .main {
    margin-left: 270px;}

  /*1280px 联系我们*/
  .contactPage .map {
    width: 400px;}

  .contactPage .info {
    margin-right: 430px;}
}

@media only screen and (max-width:768px) {
  .hmNews .list li {
    padding-left: 3%;
    padding-bottom: 20px;
    width: 47%;}

  .hmNews .isTop {
    padding-bottom: 20px
  ;}
}

@media only screen and (max-width:960px) {

  /*960px logo*/
  .logo {
    padding: 15px 0;}

  .logo a {
    /* width: 235px; */
    width: 410px;
    height: 50px;}

  /*960px slogan*/
  .slogan {
    padding: 17.5px 0;
    width: 240px;
    height: 45px;
    display: none;}

  /*960px navBtn*/
  .navBtn {
    width: 30px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    z-index: 2;}

  .navBtn span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #9a0e0e;}

  .navBtn span:before, .navBtn span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #9a0e0e;
    transition: all .3s;}

  .navBtn span:before {
    bottom: -8px;}

  .navBtn span:after {
    top: -8px;}

  .navBtn.open span {
    height: 0;}

  .navBtn.open span:before {
    transform: rotate(45deg);
    bottom: -2px;}

  .navBtn.open span:after {
    transform: rotate(-45deg);
    top: 0;}

  .nav {
    position: fixed;
    top: 0;
    left: -201px;
    background-color: rgba(154, 14, 14, .8) ;
    height: 100%;
    width: 1300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: left .3s;
    z-index: 8;
    border-left: 1px solid #9a0e0e;}

  .nav.open {
    left: 0;}

  .nav ul {
    padding: 30px 0;}

  .inner1 .nav li {
    float: none;
    width: auto;
    line-height: normal;
    text-align: left;}

  .nav li {
    float: none;
    width: auto;
    line-height: normal;
    text-align: left;}

  .nav li a {
    padding: 12px 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    display: block;}

  .nav li.cur>a {
    color: #fff;}

  .nav li em {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 45px;
    z-index: 9;
    display: block;
    cursor: pointer;}

  .nav li em:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6.5px 0 0 -6.5px;
    transition: all .3s;}

  .nav li em.open:after {
    transform: rotate(-135deg);
    margin-top: 0;}

  .nav li ul {
    background-color: transparent;
    width: auto;
    position: static;
    left: auto;
    top: auto;
    border: none;}

  .nav li li a {
    padding: 12px 2em 12px 3em;}

  /*960px hmSlides*/
  .hmSlides .text {
    line-height: 32px;
    font-size: 16px;}

  .hmSlides .text p {
    margin-right: 120px;}

  .hmSlides .slick-dots button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-left: 10px;}

  /*960px hmTitle*/
  .hmTitle h2 {
    font-size: 18px;}

  /*960px hmTheory*/
  .hmTheory {
    width: 350px;}

  /*960px hmReport*/
  .hmReport {
    margin-left: 375px;}

  .hmReport .top .pic {
    width: 163px;}

  .hmReport .top .info {
    margin-left: 180px;}

  .hmReport .top p {
    margin-top: 0;}

  /*960px hmNotice*/
  .hmNotice h2 {
    font-size: 18px;}

  .hmNotice .box {
    padding: 15px;}

  .hmWeather h2 {
    font-size: 14px;
    margin-bottom: 10px;}

  /*960px hmInherit*/
  .hmInherit h2 {
    font-size: 24px;}

  .hmInherit .pic {
    width: 200px;}

  .hmInherit .info {
    margin-left: 210px;}

  .hmInherit li span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;}

  .hmInherit li a {
    font-size: 20px;
    margin-left: 55px;
    padding: 7.5px 0;}

  /*960px hmList*/
  .hmList li {
    padding-top: 10px;}

  /*960px friendLinks*/
  .friendLinks h2 {
    padding-right: 0;
    float: none;
    width: auto;
    border-right: none;
    margin-bottom: 5px;}

  .friendLinks .linksBox {
    margin-left: 0;}

  .textLinks li {
    padding-left: 0;
    padding-right: 3%;}

  .selectLinks {
    width: 102%;
    margin-left: -1%;
    margin-top: 10px;}

  .selectLinks .item {
    padding: 0 1%;
    width: 18%;}

  /*960px footerTop*/
  .footerTop .table {
    display: block;}

  .navList {
    display: block;
    width: auto;
    border-bottom: 1px solid #af4848;
    padding-bottom: 10px;
    margin-bottom: 10px;}

  .contact {
    display: block;
    width: auto;
    border-left: none;
    clear: both;
    padding-left: 0;}

  /*960px pagesList*/
  .pagesList {
    float: none;}

  .pagesList ul {
    font-size: 0;
    text-align: center;
    line-height: normal;}

  .pagesList li {
    display: inline-block;
    float: none;
    padding: 0 10px;}

  .pagesList li:after {
    right: -0.5px;}

  /*960px copyright*/
  .copyright {
    float: none;
    text-align: center;}

  /*960px banner*/
  .banner .column {
    width: 140px;}

  .banner .column i {
    margin-right: 10px;}

  .banner .column h2 {
    font-size: 18px;}

  /*960px bar*/
  .bar {
    height: 35px;
    line-height: 35px;}

  .breadcrumb {
    font-size: 12px;
    margin-left: 165px;}

  .breadcrumb .left {
    padding-left: 10px;}

  .breadcrumb .left i {
    display: none;}

  /*960px sidebar*/
  .sidebar {
    width: 150px;}

  /*960px sideMenu*/
  .widget {
    display: none;}

  .sideMenu {
    margin-top: -35px;
    margin-bottom: 0;
    padding: 0 0 2px 2px;}

  .sideMenu span {
    display: block;
    color: #333;
    background-color: #fff;
    border-right: 1px solid #c9c9c9;
    padding: 0 30px 0 15px;
    height: 32px;
    line-height: 32px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-size: 14px;}

  .sideMenu span:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(icon_11.png) no-repeat left 0px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    transition: all .3s;}

  .sideMenu span.open:after {
    transform: rotate(90deg);}

  .sideMenu .menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    border-left: none;
    border-right: none;
    z-index: 2;}

  .sideMenu .menu.show {
    display: block;}

  .sideMenu li {
    line-height: 33px;
    font-size: 14px;
    border: 1px solid #c9c9c9;
    border-top: none;
    margin-bottom: 0;}

  .sideMenu li em {
    width: 33px;
    height: 33px;
    right: 4px;}

  .sideMenu li a {
    padding: 0 30px 0 15px;}

  .sideMenu li a:after {
    right: 15px;}

  .sideMenu li ul {
    display: none;}

  .sideMenu li ul:before {
    width: 1px;
    left: -1px;}

  .sideMenu li li {
    border-left: none;
    border-right: none;}

  .sideMenu li li a {
    padding: 4.5px 5px 4.5px 15px;}

  /*960px main*/
  .main {
    margin-left: 0;
    clear: both;}

  /*960px 学院文化*/
  .culture .entry {
    width: 620px;
    font-size: 16px;
    line-height: 1.75em;}

}

@media only screen and (max-width:768px) {

  /*768px 全局样式*/
  .inner {
    width: 93.75%;}

  .inner1 {
    width: 93.75%;}

  /*768px topBar*/
  .topBar {
    padding: 8px 0;
    font-size: 12px;}

  /*768px welcome*/
  .box-right {
    float: none;}

  /*768px language*/
  .language {
    float: right;
    padding-left: 20px;
    margin-top: 3px;}

  .language span {
    display: none;}

  .search {
    float: left;
    display: block;
    margin-right: 0;}

  .welcome {
    margin-right: 0;
    margin-top: 10px;
    text-align: center;}

  /*768px logo*/
  .logo {
    padding: 10px 0;}

  .logo a {
    /* width: 165px; */
    width: 250px;
    height: 30px;}

  /*768px slogan*/
  .slogan {
    padding: 15px 0;
    width: 133px;
    height: 25px;}

  /*768px hmTitle*/
  .hmTitle {
    line-height: 30px;
    margin-bottom: 15px;}

  .hmTitle h2 {
    font-size: 16px;}

  /*768px hmSlides*/
  .hmSlides {
    width: 93.75%;
    margin-top: 15px;}

  .hmSlides .text {
    line-height: 27px;
    font-size: 14px;
    padding: 5px 0;}

  .hmSlides .text p {
    margin-right: 90px;}

  .hmSlides .slick-dots {
    padding: 8.5px 0;
    right: 3.125%;}

  .hmSlides .slick-dots button {
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    margin-left: 5px;}

  /*768px hmNews*/
  .hmNews .isTop {
    float: none;
    width: auto;
    padding-bottom: 15px;}

  .hmNews .isTop h3 {
    padding: 5px 5%;}

  .hmNews .list {
    margin-left: 0;}

  .hmReport .top {
    height: auto;}

  .hmNews .list li {
    padding-bottom: 15px;
    padding-left: 0;
    width: auto;
    float: none;}

  .hmNews .list li:nth-of-type(5) {
    padding-bottom: 15px;
    margin-bottom: 19px;
    border-bottom: 1px dashed #ccc;}

  .hmNews .list li:nth-of-type(6) {
    padding-bottom: 15px;
    margin-bottom: 19px;
    border-bottom: 1px dashed #ccc;}

  /*768px hmTheory*/
  .hmTheory {
    float: none;
    width: auto;}

  .hmTheory .hmTitle, .hmReport .hmTitle {
    margin-bottom: 15px;}

  /*768px hmReport*/
  .hmReport {
    margin-left: 0;}

  .hmReport .top .pic {
    width: 110px;}

  .hmReport .top .info {
    margin-left: 120px;}

  .hmReport .top .more {
    display: none;}

  .hmReport .top p {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;}

  /*768px hmLinks*/
  .hmLinks ul:before {
    display: block;
    height: 90%;}

  .hmLinks li {
    width: 50%;
    padding: 10px 0;
    font-size: 14px;
    line-height: 25px;}

  .hmLinks li a {
    margin: 0 5px;
    background-size: 25px auto;
    padding-left: 30px;}

  /*768px hmMail*/
  .hmNotice {
    margin-bottom: 15px;}

  .hmNotice .list li a {
    padding-left: 15px;}

  .hmMail {
    padding: 15px 0;}

  .hmMail h2 {
    height: 15px;}

  .hmMail .btn {
    margin-top: 10px;}

  /*768px hmInherit*/
  .hmInherit {
    background-position: left center;}

  .hmInherit h2 {
    font-size: 20px;}

  .hmInherit .pic {
    width: 110px;
    margin-top: 40%;
    padding: 0;
    display: none;}

  .hmInherit .info {
    margin-left: 120px;}

  .hmInherit li {
    padding-top: 5px;}

  .hmInherit li span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;}

  .hmInherit li a {
    font-size: 16px;
    margin-left: 40px;
    padding: 5.5px 0;}

  .hmInherit li:nth-of-type(2) {
    margin-left: 0%
  ;}

  .hmInherit li:nth-of-type(3) {
    margin-left: 0%
  ;}

  /*768px hmList*/
  .hmList .hmTitle {
    margin-bottom: 15px;}

  .hmList .first {
    width: auto;
    float: none;}

  .hmList .listPic {
    margin-bottom: 0;}

  .hmList .second, .hmList .third {
    width: auto;
    float: none;
    padding-left: 0;
    margin-top: 15px;}

  /*768px hmCompus*/
  .hmCompus .item span {
    margin: 0 2.939%;}

  .hmCompus .slick-dots {
    margin-top: 20px;}

  .hmCompus .slick-dots li {
    padding: 0 5px;}

  .hmCompus .slick-dots li button {
    width: 25px;}

  /*768px friendLinks*/
  .friendLinks {
    padding: 13px 0;}

  .friendLinks h2 {
    margin-bottom: 0;
    font-size: 16px;}

  .selectLinks {
    margin: 0;
    width: auto;}

  .selectLinks .item {
    width: auto;
    float: none;
    padding: 0;
    margin-top: 5px;}

  .selectLinks .item ul {
    position: unset;}

  /*768px footerTop*/
  .footerTop {
    padding: 13px 0;}

  .navList {
    display: none;}

  .contact .img {
    margin-bottom: 10px;}

  /*768px footerBtm*/
  .footerBtm {
    padding: 10px 0;}

  /*960px pagesList*/
  .pagesList li {
    font-size: 14px;}

  /*768px copyright*/
  .copyright {
    line-height: 1.5em;
    font-size: 14px;}

  /*768px banner*/
  .banner .inner {
    padding-bottom: 35%;}

  .banner .column {
    padding: 2% 5px;}

  .banner .column i {
    width: 20px;
    height: 20px;}

  .banner .column h2 {
    font-size: 16px;}

  /*768px main*/
  .main {
    padding: 5% 0 3.5%;}

  /*768px pgTitle*/
  .pgTitle {
    font-size: 20px;
    margin-bottom: 2%;}

  /*768px entry*/
  .entry {
    line-height: 1.75em;}

  /*768px 学院文化*/
  .culture .entry {
    width: auto;}

  /*768px pagenavi*/
  .pagenavi a {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    margin: 0 2px;}

  /*768px publicList*/
  .publicList li a {
    padding-left: 15px;}

  /*768px details*/
  .details .pgTitle {
    font-size: 18px;}

  /*768px teacher*/
  .teacher ul {
    width: 103%;}

  .teacher li {
    width: 47%;}

  .teacher li a {
    padding: 10px 8%;}

  /*768px contactPage*/
  .contactPage .map {
    width: auto;
    float: none;
    margin-bottom: 15px;}

  .contactPage .mapBox {
    padding-bottom: 300px;}

  .contactPage .info {
    margin-right: 0;}

  .contactPage .download {
    margin-top: 20px;}
}

@media only screen and (max-width:540px) {

  /*540px hmInherit*/
  .hmInherit ul {
    float: none;
    width: auto;
    padding-left: 0;}
}

@media only screen and (max-width:480px) {

  /*480px hmCompus*/
  .hmCompus .item span {
    margin: 0 2.087%;}
}

@media only screen and (max-width:640px) {
  .textLinks li {
    padding-right: 0;
    float: none;}

  .postnavi .return {
    position: inherit;
    right: 0;
    top: 0;}
}


.about3 .box1 {
  padding-top: 40px;
  margin-bottom: 80px;}

.about3 .box1 li {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dbdbdb;}

.about3 .box1 li p.p {
  font-size: 15px;
  color: #666666;}

.about3 .box1 li p {
  text-indent: 0;
  margin-bottom: 10px;}

.about3 .box1 li h3.h3 {
  font-size: 18px;
  color: #666666;
  font-weight: normal;}

.about3 .box2 {
  text-align: center;}

.about3 .box2 li {
  display: inline-block;
  margin: 0 45px;}

.about3 .box2 p.p {
  font-size: 15px;
  color: #666666;
  margin: 0;
  margin-bottom: 10px;
  text-indent: 0;}

.about3 .box2 li h3.h3 {
  font-size: 16px;
  color: #666666;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.75;}

.campusList ul {
  margin-bottom: 5.3%;
  font-size: 0;}

.campusList ul li {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  vertical-align: top;}

.campusList ul li:nth-of-type(3n) {
  margin-right: 0;}

.campusList ul li .img {
  height: 250px;
  width: 100%;}

.campusList ul li .img img {
  width: 100%;
  object-fit: none;
  height: 100%;}

.campusList ul li .title {
  font-size: 16px;
  color: #000;
  text-align: center;}

.poptrox-popup .closer {
  background: #9a0e0e !important
;}





.specialList ul {
  font-size: 0;}

.specialList ul li {
  display: inline-block;
  width: 23%;
  margin-right: 2.66%;
  margin-bottom: 2.66%;}

.specialList ul li:nth-of-type(4n) {
  margin-right: 0;}

.specialList ul li img {
  width: 100%;}

@media only screen and (max-width:768px) {
  .xin_img1#img {
    position: fixed;}

  .xin_img1#img img {
    max-width: 70px !important;
    height: auto !important
  ;}

  .xin_img1 #clos {
    z-index: 11;
    z-index: 11;
    top: auto !important;
    right: 4px !important;
    width: 78px;
    bottom: 62px;
    position: fixed !important;}

  .xin_img1 #clos div {
    height: 37px !important;}

  .xin_img2 {
    width: 80px !important;
    height: auto !important;
    position: fixed !important;
    top: auto !important;
    bottom: 92px;
    right: 2px !important;}

  .xin_img2 div, #close-ad * {
    height: auto !important;}

  .xin_img2 #close-ad {
    top: 32px !important;
    right: 5px !important
  ;}

}

.imgscroll2_img {
    width: 280px;    /* 控制滚动图片宽度 */
    height: 140px;   /* 控制滚动图片高度 */
    display: block;  /* 确保图片作为块级元素显示 */
}

.imgscroll2_img img {
    object-fit: cover;  /* 裁剪滚动图片以填满容器 */
    object-fit: contain; /* 保持滚动图片比例，适应容器 */
}

.gudongzy {
            width: 1300px;
            overflow: hidden;
            margin: 20px auto;
        }


        .gudongzy-container {
            display: flex;
            width: max-content; /* 确保容器宽度足够 */
            animation: scrollLeft 50s linear infinite;
        }
        
        .gudongzy-item {
            flex-shrink: 0;
            margin-right: 20px;
        }
        
        /* 修复后的动画计算 */
        @keyframes scrollLeft {
            0% { transform: translateX(0); }
            100% { transform: translateX(calc(-50% - 10px)); } /* 滚动距离修正 */
        }
        
        /* 鼠标悬停暂停效果 */
        .gudongzy-container:hover {
            animation-play-state: paused;
        }


/* 微信等图标响应 */

        /* 基础容器样式 */
        .qrcode-container {
            position: relative;
            display: inline-block;
            margin-left: 5px;
        }

        /* 图标样式 */
        .qrcode-icon {
            width: 100px;  /* 图标宽度 */
            height: 100px; /* 图标高度 */
            cursor: pointer;
        }

        /* 二维码弹出层样式 */
        .qrcode-popup {
            position: absolute;
            padding: 8px;
            background-color: white;
            border: 1px solid #ddd;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 100;
            
            /* 控制二维码大小 */
            width: 100px;   /* 调整二维码容器宽度 */
            height: 100px;  /* 调整二维码容器高度 */
        }

        /* 二维码图片样式 */
        .qrcode-popup img {
            width: 100%;    /* 图片宽度占满容器 */
            height: 100%;   /* 图片高度占满容器 */
            object-fit: contain;  /* 保持图片比例，适应容器 */
        }

        /* 上方弹出样式 */
        .qrcode-container.top .qrcode-popup {
            bottom: 100%;   /* 定位到图标上方 */
            left: 0;
            margin-bottom: 10px;
        }


        /* 鼠标悬停时显示二维码 */
        .qrcode-container:hover .qrcode-popup {
            opacity: 1;
            visibility: visible;
        }

.qr-code-section {
    display: flex;
    justify-content: flex-start;
}


/* 响应式设计 - 小屏幕下堆叠显示 */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
    }
    
    .footer-colum {
        min-width: 100%;
        margin-bottom: 15px; /* 减少堆叠时的底部间距 */
        text-align: center;
    }
}
    
    .qr-code-section {
    display:flex;
        justify-content: flex-start;
    }
}