@charset "utf-8";
/*Unicode编码*/

.clearfix {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}

/*清除浮动*/
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

/*样式控制字符长度，需指定宽度*/
* {
  word-wrap: break-word;
}

body,
div,
ol,
ul,
li,
p,
input,
textarea,
form,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
select,
table,
tr,
td,
fieldset,
legend,
table,
tr,
td,
th {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 62.5%;
  font-family: 'Noto Sans SC';
  color: #666;
  position: relative;
  height: 100%;
  --textGray: #8c8c8c;
  --textTip: #b6b6b6;
  --textBlack: #333333;
  --colorRed: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  --newsText: #531313;
  background-color: #ededed;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333333;
}

img {
  border: none;
}

table {
  border-collapse: collapse;
}

table td {
  padding: 10px;
}

.ani {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.flex-start {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*重置样式*/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 88;
  width: 100vw;
  background:linear-gradient(180deg, #2A618F 0%, rgba(61, 170, 220, 0) 100%);
  -webkit-background:linear-gradient(180deg, #2A618F 0%, rgba(61, 170, 220, 0) 100%);
  
}

.p1600 {
  max-width: 1600px;
  margin: 0 auto;
}
.p1340 {
  width: 1340px;
  margin: 0 auto;
}

.pc-nav {
  display: flex;
  align-items: center;
}


.pc-nav li {
  margin-right: 3.6rem;
  padding: 3rem 0;
  position: relative;
}

.pc-nav li a {
  font-size: 1.8rem;
  color: #fff;
}

.pc-nav li a:hover {
  font-weight: 700;
}

.subMenu{
   position: absolute;
   top: 8rem;
   left: 50%;
   margin-left: -80px;
   width: 160px;
   background: rgba(255,255,255,.7);
   display: none;
   border-top:1px solid var(--colorRed);
}
.subMenu.long{
   position: absolute;
   top: 8rem;
   left: 50%;
   margin-left: -110px;
   width: 220px;
   background: rgba(255,255,255,.7);
   display: none;
   border-top:1px solid var(--colorRed);
}
.pc-nav li:hover .subMenu{
    display: block;
}
.pc-nav li .subMenu a{
    display: block;
    text-align: center;
    margin: 8px;
    color: #333;
    font-size: 1.6rem;
}
.searchBtn {
  display: block;
  width: 2.4rem;
}

.searchBtn img {
  width: 100%;
}

.head-area {
  
}

header.action {

}

header::after{
  position: absolute;
  content: "";
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  -webkit-background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  z-index: -1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
header.action::after{
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
}

/* 头部 */
.index_body_area {
  height: 100%;
  width: 100%;
}

.indexBodypage {
  height: 100%;
}

#i_body {
  height: 100%;
}

#PcBanner {
  min-height: 460px;
}
.bannerImg img{
  min-height: 460px;  
}

.bannerImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerTip .swiper-pagination-bullet{
  width: 12px;
  height: 4px;
  border-radius: 18px;
  border: 2px solid #65C8E4;
  background-color: rgba(101, 200, 228, 0);
  opacity: 1;
  margin: 0 8px !important;
}
.bannerTip .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  
}
.bannerTip .swiper-pagination-bullet-active{
   background-color: rgba(101, 200, 228, 1);
}
.colorBg{
  transform: rotate(-180deg);
  -webkit-background: linear-gradient(180deg, #2A618F 0%, rgba(61, 170, 220, 0) 100%);
  background: linear-gradient(180deg, #2A618F 0%, rgba(61, 170, 220, 0) 100%);
  height: 90px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.indexTip .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  margin: 16px 0 !important;
  background: #CBCBCB;
  opacity: 1;
  position: relative;
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #65C8E4;
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #D09202;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
  border-radius: 50%;
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
  content: "首页";
  position: absolute;
  font-size: 1.4rem;
  width: 32px;
  text-align: right;
  left: -42px;
  top: 50%;
  transform: translateY(-50%);
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1)::before{
  content: "首页";
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2)::before{
  content: "学校概况";
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3)::before{
  content: "学校动态";
}

.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4)::before{
  content: "专业设置";
}
.indexTip .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5)::before{
  content: "联系我们";
}
.indexTip{
  right: 30px !important;
}
/* 第一屏 */
#page02 {
  background: url(../images/aboutBg.webp) no-repeat bottom right;
  background-size: 50vw 100%;
  position: relative;
}

.second-area {
  height: 100%;
}

.videoBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100vh;
  background: url(../images/aboutImg.webp) no-repeat top left;
}

.videoBlackbg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoBtn {
  cursor: pointer;
}
.videoBtn:hover>div{
  transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
}

.videoBtn p {
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
}

.videoBtn div {
  text-align: center;
}

.second-contain {
  padding: 17.2rem 0 0 55%;
}

.second-contain>div>h3 {
  font-size: 4.2rem;
  color: var(--textGray);
  font-weight: normal;
  display: inline-block;
}

.second-contain>div>font {
  font-size: 2.6rem;
  color: var(--textTip);
  margin-left: 21px;
}

.second-contain>h4 {
  color: var(--textBlack);
  position: relative;
  margin: 22px 0 44px;
  font-size: 3.2rem;
  font-weight: normal;
}

.second-contain>h4:before {
  content: "";
  position: absolute;
  width: 66px;
  height: 2px;
  bottom: -16px;
  left: 0;
  background-color: var(--colorRed);
}

.second-contain p {
  font-size: 1.6rem;
  color: #9e9e9e;
  line-height: 2;
}

.second-contain .aboutNum {
  display: flex;
  align-items: center;
  margin-top: 41px;
}

.second-contain .aboutNum li {
  position: relative;
  padding: 0 41px 0 0;
  margin-right: 41px;
}

.second-contain .aboutNum li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 48px;
  background-color: #d8d8d8;
  top: 20px;
  right: 0;
}

.second-contain .aboutNum li:last-child {
  position: static;
}

.second-contain .aboutNum li p {
  font-size: 1.6rem;
  color: var(--textBlack);
}

.second-contain .aboutNum li div {
  display: flex;
  align-items: flex-end;
}

.second-contain .aboutNum li div b {
  color: var(--colorRed);
  font-size: 4.6rem;
}

.second-contain .aboutNum li div font {
  color: var(--textTip);
  font-size: 1.6rem;
  margin-top: -3px;
  margin: 6px;
}

.aboutMore-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 22px;
  box-sizing: border-box;
  width: 148px;
  height: 47px;
  border: 1px solid #d8d8d8;
  border-radius: 25px;
  margin-top: 62px;
}
.aboutMore-btn:hover{
  background: var(--colorRed);
  border: 1px solid var(--colorRed);
}
.aboutMore-btn:hover p{
  color: #fff;
}
.aboutMore-btn:hover i{
  background: url(../images/enterBtn-white.webp);
}

.aboutMore-btn p {
  font-size: 1.6rem;
  color: var(--textGray);
}

.aboutMore-btn i {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/enterBtn.webp) no-repeat;
  background-size: contain;
}

.video-area .close{
  text-align: center;
}
.video-area .close p{
  display: inline-block;
  border-radius: 24px;
  background-color: var(--colorRed);
  color: #fff;
  font-size: 1.6rem;
  margin-top: 16px;
  padding: 8px 24px;
}
/* 第二屏 */
#page03 {
  background: url(../images/indexNewsBg.webp) no-repeat center center;
  background-size: cover;
}

.indexNew-area {
  padding: 17.2rem;
}

.indexNews-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indexNews-title>div>h3 {
  font-size: 4.2rem;
  color: var(--textGray);
  font-weight: normal;
  display: inline-block;
}

.indexNews-title a {
  margin-top: 0;
}

.indexNews-title>div>font {
  font-size: 2.6rem;
  color: var(--textTip);
  margin-left: 21px;
}

.indexNews-contain {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
}

.indexNews-contain-l {
  display: block;
  width: 50%;
  height: 50vh;
  position: relative;
  overflow: hidden;
}
.indexNews-contain-l:hover h3{
  background: var(--colorRed);
}
.indexNews-contain-r a:hover{
  background: var(--colorRed);
}
.indexNews-contain-r a:hover h3{
  color: #fff;
}
.indexNews-contain-r a:hover p{
  color: #f0f0f0;
}
.indexNews-contain-r a:hover font{
  color: #9d9d9d;
}
.hotNews:hover{
  background: var(--colorRed);
}
.hotNews:hover .hotText h3{
  color: #fff !important;
}
.indexNews-list li:hover a{
  background-color: #f0f0f0;
}

.indexNews-contain-l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indexNews-contain-l h3 {
  color: #fff;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  font-size: 2rem;
  font-weight: normal;
}

.indexNews-contain-r {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.indexNews-contain-r>div {
  width: 50%;
  padding: 0 0 1vh 1.7rem;
  box-sizing: border-box;
}

.indexNews-contain-r>div>a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 3px 15px 0px rgba(172, 172, 172, 0.3);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(172, 172, 172, 0.3);
  -moz-box-shadow: 0px 3px 15px 0px rgba(172, 172, 172, 0.3);
  height: 21vh;
  padding: 16px;
}

.indexNews-contain-r>div>a font {
  color: var(--textTip);
  font-size: 1.4rem;
}

.indexNews-contain-r>div>a h3 {
  color: var(--newsText);
  font-size: 1.8rem;
  line-height: 1.6;
  min-height: 5.8rem;
}

.indexNews-contain-r>div>a p {
  font-size: 1.6rem;
  color: var(--textGray);
  line-height: 1.6;
  min-height: 6.7rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}

.newsEnter {
  text-align: right;
}

.newsEnter i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/newsEnter.webp) no-repeat;
  background-size: contain;
}

/* 第三屏 */
#page04 {
  background: url(../images/newOtherBg.webp) no-repeat center center;
  background-size: cover;
}

.indexNew-area2 {
  display: flex;
  justify-content: space-between;
  padding: 17.2rem 0 0 0;
}

.indexNew-area2-item {
  width: 31.5%;
}

.indexNew-area2-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indexNew-area2-title>div>h3 {
  font-size: 4.2rem;
  color: var(--textGray);
  font-weight: normal;
  display: inline-block;
}

.indexNew-area2-title a {
  margin-top: 0;
}
.indexNew-area2-item .hotNews{
  margin: 32px 0 16px;
  display: block;
}
.indexNew-area2 .hotNews .hotImg{
  width: 40%;
  height: 14vh;
  overflow: hidden;
}
.indexNew-area2 .hotNews>div{
  display: flex;
}
.indexNew-area2 .hotNews .hotText{
  width: calc(100% - 40%);
  padding: 8px 0 8px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.indexNew-area2 .hotNews .hotText h3{
  font-size: 2rem;
  color: var(--newsText);
  min-height: 8.7rem;
}
.indexNew-area2 .hotNews .hotText font{
  color: var(--textTip);
  font-size: 1.4rem;
}
.indexNew-area2 .hotNews .hotImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.indexNews-list li{
  padding: 0;
  border-top: 1px dashed #d8d8d8;
}
.indexNews-list li a{
  padding: 10px 8px;
  display: flex;
  align-items: center;
}
.indexNews-list li a>div{
  
}
.indexNews-list li a>div>b{
  display: block;
  text-align: center;
  width: 56px;
  height:56px;
  line-height: 56px;
  color: #fff;
  font-size: 26px;
  border-radius: 5px;
  background-color: var(--colorRed);
}
.indexNews-list li a>div>p{
  font-size: 1.2rem;
  color: var(--textTip);
  text-align: center;
}
.indexNews-list li a> h4{
  width: calc(100% - 42px);
  padding: 0 0 0 16px;
  font-size: 1.8rem;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space:nowrap;
}

/* 第四屏 */
#page05{
  background: url(../images/zybg.webp) no-repeat center center;
  background-size: cover;
}
.subject-area{
  padding: 17.2rem 0 0 0;
}
.subject-title{
  font-size: 4.2rem;
    color: var(--textGray);
    font-weight: normal;
   text-align: center;
}
.subject-top-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subject-top-list li{
  width: 24%;
}
.subject-top-list li>a{
  position: relative;
  display: block;
  overflow: hidden;
}
.subject-top-list li>a>div{
  position: absolute;
  bottom: -80%;
  width: 100%;
  left: 0;
  height: 100%;
  background-color: rgba(230, 33, 42, .7);
}
.subject-top-list li>a:hover>div{
  bottom: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .7);
}
.subject-top-list li>a>div h3{
  text-align: center;
  font-size: 2rem;
  color: #fff;
  padding: 8px 0;
}
.subject-top-list li>a>div .zy-contain li{
  width: 100%;
  padding: 4px 12px;
  color: #fff;
  font-size: 1.6rem;
  box-sizing: border-box;
}
.subject-top-list li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.subject-bottom{
  margin-top: 40px;
}
.subject-top .subject-title{
  padding: 0 0 24px 0;
}
.subject-bottom>.subject-top-list li{
  width: 32.5%;
  overflow: hidden;
}
.subject-bottom>.subject-top-list li:hover img{
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
}
/* 第五屏 */
#page06{
  background-color: #f4f4f4;
  padding: 93px 0 0 0;
  box-sizing: border-box;
  position: relative;
}
.end-contain{
  background: url(../images/endBgh.webp) no-repeat top center;
  background-size: 100% auto; 
  padding: 17.2rem 0 0 0;
}
.p1320{
  width: 1280px;
  margin: 0 auto;
  padding: 25px 134px 36px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 35px;
  box-shadow: 0px 3px 15px 0px rgba(172, 172, 172, 0.3);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(172, 172, 172, 0.3);
}
.end-contain-item h3{
  font-size: 4.2rem;
    color: var(--textGray);
    font-weight: normal;
   text-align: center;
   position: relative;
}
.end-contain-item h3::after{
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: var(--colorRed);
  bottom: -12px;
  left: 50%;
  margin-left: -30px;
}
.end-contain-item p{
  text-align: center;
  color: var(--textGray);
  font-size: 1.8rem;
  margin: 36px 0 21px;
}
.end-contain-item li p{
  margin: 00;
}

.end-contain-item ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer{
  
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #272727;
  padding: 12px 0;
}
.footer-l p{
  color: #6A6969;
  font-size: 1.4rem;
}
 .footer-l p a{
   color: #6A6969;
 }
 .footer-r .wx-area{
   width: 42px;
   height: 42px;
   background-color: #6A6969;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   margin-left:16px;
 }

 .footer-r .wx-area .wx-item-qrcode{
   display: none;
   position: absolute;
   width: 160px;
   height: 160px;
   background-color: rgba(0, 0, 0, .5);
   justify-content: center;
   align-items: center;
   top: -180px;
   border-radius: 15px;
 }
 .footer-r .wx-area:hover .wx-item-qrcode{
   display: flex;
 }
  .footer-r .wx-area .wx-item-qrcode img{
    width: 80%;
  }
 .footer-r .wx-area i{
   width: 36px;
   height: 36px;
   display: block;
   
 }
  .footer-r .wx-area .wx-item{
    background: url(../images/wx.webp) no-repeat center center;
    background-size:contain;
  }
  .footer-r .wx-area .sph-item{
    background: url(../images/sph.webp) no-repeat center center;
    background-size:contain;
  }
  .footer-r .wx-area .dyh-item{
    background: url(../images/dy.webp) no-repeat center center;
    background-size:contain;
  }
/* 第六屏 */
.columnBanner img{
  width: 100%;
}
.centerCotain{
  display: flex;
  width: 100%;
  margin: 0 auto 60px auto;
  justify-content: space-between;
}
.slideNav{
  width: 248px;
  margin-top: -75px;
}
.slideNav h2{
  color: #fff;
  font-size: 2.4rem;
  height: 72px;
  line-height: 72px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.slideNav h2:before{
  content: "";
  position: absolute;
  right: 0;
  width: 600px;
  height: 100%;
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
    -webkit-background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  z-index: -1;
  opacity: .5;
}
.sildeList{
  background-color: #fff;
}
.sildeList li{
  text-align: center;
  font-size: 1.8rem;
  border-top: 1px dashed #D8D8D8;
  height: 72px;
  line-height: 72px;
}
.sildeList li a:hover{
  color: var(--colorRed);
  font-weight: bold;
}
.pageCotain{
  width: 100%;
  background-color: #fff;
  padding: 33px 1.6rem;
  box-sizing: border-box;
}
.columnTitle h3{
  color: var(--colorRed);
  position: relative;
  font-size: 2.2rem;
  margin-bottom: 12px;
}
.columnTitle h3::after{
  position: absolute;
  content: "";
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--colorRed);
}
.columnTitle{

  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #ededed;
}
.menuBar{
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  color: #cecece;
  padding: 0 0 .6rem 0;
}
.menuBar i{
  width: 16px;
  height: 16px;
  display: block;
}
.menuBar i img{
  width: 100%;
}
.menuBar span{
  margin: 6px;
}
.menuBar>div{
  margin-top: -4px;
}
.pageCont{
  padding: 2.6rem 0 0 0;
}
.menuBar>div span:last-child{
    display: none;
} 
.pageCont img{
    max-width: 100%;
    height: auto;
    display: block;
}
.newsList li{
  padding: 18px 0;
  border-bottom: 1px solid #ededed;
}
.newsList li a{
  display: block;
  align-items: center;
  justify-content: space-between;
}
.newsList li:hover{
  background:var(--colorRed);
  padding: 18px 12px;
}

.newsList li:hover a .textBox p{
    color: #fff;
}
.newsList li:hover a .textBox font{
    color: #fff;
}
.newsList li .imgBox{
  width: 100%;
  height: 152px;
  overflow: hidden;
}
.newsList li .imgBox img{
  width: 100%;
  height: 152px;
  object-fit: cover;
}

.newsList li a .textBox{
  width: 100%;
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 142px;
}
.newsList li a .textBox h3{
  font-size: 1.8rem;
  color: var(--newsText);
}
.newsList li a .textBox p{
  font-size: 1.6rem;
  color: var(--textGray);
  min-height: 7.2rem;
}
.newsList li a .textBox font{
  color: var(--textTip);
  font-size: 1.4rem;
}
.dateBox b{
  display: block;
  width: 64px;
  height: 52px;
  color: #fff;
  line-height: 52px;
  font-size: 2rem;
  border-top-right-radius: 28px;
  background: var(--colorRed);
  text-align: center;
}
.dateBox p{
  font-size: 1.4rem;
  background-color: #d8d8d8;
  color: #333;
  text-align: center;
  padding: 2px 0;
}
.newsList li a .datetext{
  height: auto;
  width: 882px;
  margin-left: 20px;
}
.newsList li a .datetext h3{
  margin-bottom: 6px;
}
.newsList li a .datetext p{
  min-height: 5.6rem;
}
.picList{
  overflow: hidden;
}
.picList li{
  
  width: 100%;
  margin: 0 1.25% 1.6rem 0;
}
.picList li a{
    display: block;
}
.picList li a img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.picList li:nth-child(3n){
  margin: 0 0 1.25% 0;
}
.picList li p{
  font-size: 1.6rem;
  color: #333;
  text-align: center;
  margin: 4px 0 0 0;
}
.pageShow-title{
  border-bottom: 1px dashed #d8d8d8;
}
.pageShow-title h1{
  font-size: 2.4rem;
  color: var(--newsText);
  text-align: center;
}
.pageShow-title p{
  font-size: 1.2rem;
  color: var(--textGray);
  padding: 12px 0 8px;
  text-align: center;
}
.catepage{
    text-align: center;
    margin: 16px 0 0 0;
}
.catepage .pagination{
    display: flex;
    align-items: center;
    justify-content: center;
}
.catepage .pagination li{
    border:1px solid  #ededed;
    padding: 8px;
    min-width: 38px;
    box-sizing: border-box;
    margin: 0 4px;
    font-size: 1.4rem;
}
.catepage .pagination li.active{
    background: var(--colorRed);
    color:#fff;
    border:1px solid  var(--colorRed);
}
.catepage .pagination li.active a{
    color:#fff;
    
}
/*列表页*/
.col-tilte{
  border-bottom: 2px solid #EBEBEB;
  padding: 11px 0;
  margin-bottom: 34px;
}
.col-tilte>div{
  display: flex;
  align-items: center;
}
.col-tilte h4{
  font-size: 2.8rem;
  color: #8C8C8C;
  line-height: 1;
  margin: 0 0 0 10px;
  border-left: 3px solid #;
  font-weight: normal;
}
.col-tilte span{
  width: 3px;
  height: 27px;
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  -webkit-background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
}
.col-tilte a{
  font-size: 1.4rem;
  color: #C8C8C8;;
}
.col-tilte a:hover{
  color: #65C8E4;
}
.first-index{
  background: url(../images/aboutBg.webp) no-repeat center bottom;
  background-size: cover;
  padding: 34px 0 68px;
}
#hotNews{
  
}
.hotNews-area{
  border-radius: 25px;
  width: 50%;
  height: 390px;
  overflow: hidden;
}
#hotNews .hotNews-item a{
  display: block;
  width: 100%;
  position: relative;
}
#hotNews .hotNews-item a img{
  width: 100%;
  height: 390px;
  object-fit: cover;
  display: block;
}
#hotNews .hotNews-item p{
  position: absolute;
  background-color: rgba(0, 0, 0, .5);
  color: #f4f4f4;
  font-size: 1.4rem;
  padding: 12px 22px;
  bottom: 0;
  width:100%;
  left: 0;
  box-sizing: border-box;
}
.arrowBtn{
  width:39px;
  height:39px;
  border-radius: 50%;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.arrowBtn-left{
  left: 10px;
}
.arrowBtn-right{
  right: 10px;
}
.arrowBtn:hover{
  background-color: rgba(255,255,255,1);
}
.arrowBtn img{
  width: 60%;
}
.newArea{
  border-radius: 25px;
  overflow: hidden;
  width: calc(50% - 30px);

}
.newArea li{
  background: #fff;
  padding: 18px;
  border-bottom:1px dashed #D8D8D8;;
}
.newArea li a{
  display: flex;
  align-items: center;
  width: 100%;
}
.newArea li a .timeArea{
  width: 63px;
  min-width: 63px;
  height: 63px;
  border-radius: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
.newArea li a .timeArea p{
  font-size: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 37px;
  border-bottom: 2px solid #fff;
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  -webkit-background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
}
.newArea li a .timeArea span{
  background: #D8D8D8;
  color:#707070;
  font-size: 1.1rem;
  display: block;
  text-align: center;
  padding: 4px 0;
  box-sizing: border-box;
}
.newArea li a .txtArea{
 padding-left: 24px;
    box-sizing: border-box;
    width: calc(100% - 63px);
}
.newArea li a .txtArea h3{
  font-size: 1.8rem;
  color: var(--textBlack);
  font-weight: normal;
  
  overflow: hidden; /* 超出容器部分隐藏 */
  width: 480px;
  text-overflow: ellipsis; /* 使用省略号表示文本被截断 */
}
/*.newArea li a .txtArea p{*/
/*    width: calc(100% - 24px);*/
/*}*/
.info-item-other li a .txtArea h3{
  font-size: 1.8rem;
  color: var(--textBlack);
  font-weight: normal;
   white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分隐藏 */
  width: 280px;
  text-overflow: ellipsis; /* 使用省略号表示文本被截断 */
}
newArea li a .txtArea p{
  font-size: 1.2rem;
  color:#C8C8C8
}
.newArea li:hover{
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  -webkitbackground: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
}
.newArea li:hover .timeArea{
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.3);
}
.newArea li:hover .timeArea span{
  background-color: #fff;
  color: #707070;
}
.newArea li:hover .txtArea h3{
  color: #fff;
}
.newArea li:hover .txtArea p{
  color: #E4E4E4;
}
.col-3{
  width: 31.5%;
  box-sizing: border-box;
}
.col-3 .schoolInc .schoolImg {
  position: relative;
  width: 100%;
  height: 246px;
  overflow: hidden;
  border-radius: 15px;
  display: block;
}
.col-3 .schoolInc .schoolImg img{
  width: 100%;
  height: 246px;
  object-fit: cover;
}
.col-3 .schoolInc .schoolImg:hover>div:nth-child(1){
  transform:scale(1.2);
  -webkit-transform:scale(1.2);
} 
.col-3 .schoolInc .schoolInc-txt p{
  text-indent: 2em;
  font-size:1.4rem;
  color: #9E9E9E;
  line-height: 1.8;
}
.col-3 .schoolInc .schoolInc-txt a{
  color: #65C8E4;
  font-size:1.4rem;
  
}
.col-3 .schoolInc .schoolInc-txt a:hover{
  font-weight: bold;
}
.col-short-tilte{
  margin-bottom: 14px;
}

.zs-index{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
/*.zs-index a{*/
/*  width: 49%;*/
/*  background: #44AEDF;*/
/*  border-radius: 15px;*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  position: relative;*/
/*  height: 190px;*/
/*  margin-bottom: 2%;*/
/*  z-index: 1;*/
/*  overflow: hidden;*/
/*}*/
.zs-index a{
  width: 100%;
  position: relative;
  margin-bottom: 2%;
  z-index: 1;
  overflow: hidden;
}
.zs-index a img{
    width: 100%;
}
.zs-index a:after{
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: 0;
    background: linear-gradient(0deg, #2A618F 0%, rgba(255,255,255,0) 100%);
    -webkit-background: linear-gradient(0deg, #2A618F 0%, rgba(255,255,255,0) 100%);
    opacity: 0;
    transition:all .6s;
}
/*.zs-index a:nth-child(1){*/
/*    background: url(../images/zsjybg-1.jpg) no-repeat center center;*/
/*    background-position: cover;*/
/*}*/
/*.zs-index a:nth-child(2){*/
/*    background: url(../images/zsjybg-2.jpg) no-repeat center center;*/
/*    background-position: cover;*/
/*}*/
/*.zs-index a:nth-child(3){*/
/*    background: url(../images/zsjybg-3.jpg) no-repeat center center;*/
/*    background-position: cover;*/
/*}*/
/*.zs-index a:nth-child(4){*/
/*    background: url(../images/zsjybg-4.jpg) no-repeat center center;*/
/*    background-position: cover;*/
/*}*/
.zs-index div>div{
   width: 65px;
   min-height: 65px;
}
.zs-index div img{
    width: 65px;
    height: auto;
}

.zs-index a p{
    font-size: 1.8rem;
    width: 100%;
    color:#fff;
    text-align: center;
}
.zs-index a:hover:after{
	bottom: 210px;
	opacity: 1;

}
.info-item-other {
    border-radius: 0;
    overflow: hidden;
    width: 100%;
}
 .info-item-other li{
   background-color: rgba(255, 255, 255, .1);
   box-sizing: border-box;
   padding: 16px 4px;
 }
.col-index-item{
  align-items: flex-start;
}
.second-index{
  background: url(../images/secondBg.webp) no-repeat center center;
  background-size: cover;
  padding: 68px 0;
  background-color: #fff;
}
.video-area{
  width: 555px;
  height: 308px;
  position: relative;
  overflow: hidden;
}
.video-img{
  width: 555px;
  height: 308px;
  margin-bottom: 1.6rem;
  display: block;
 
}
.video-img img{
  width: 555px;
  height: 308px;
  object-fit: cover;
}
.videoIcon{
  position: absolute;
  right: 10px;
  bottom:10px;
}
.videoIcon img{
  width: 56px;
  height:56px;
}
.video-img:hover{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}
.third-area{
  
  padding:68px 0;
  background: url(../images/third-bg.webp) no-repeat center center;
}
.schoolImg-item{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  align-items: center;
}
.schoolImg-item a{
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
   margin-bottom: 15px;
   
}

.schoolImg-item a img{
  height: 148px;
  width: 240px;
  object-fit: cover;
  display: block;
}
.schoolImg-item a p{
  text-align: center;
  background: linear-gradient(0deg, #2A618F 0%, rgba(61, 170, 220, 0) 100%);
  padding: 16px 24px;
  color: #fff;
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.schoolImg-item a:hover p{
  bottom: 0%;
}
.shoolimg-Area{
  width: 100%;
  margin: 1.6rem 0 0 0;
}
footer{
  background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  -webkit-background: linear-gradient(180deg, #3CBFBF 0%, #3DAADC 100%);
  padding: 60px 0;
}
.foot-right{
  width: calc(100% - 321px);
}
.foot-right h4{
  border-bottom: 2px solid #fff;
  font-weight: normal;
  font-size: 2rem;
  color: #fff;
  padding: 0 0 10px 0;
}
.foot-info{
  display: flex;
  align-items: center;
}
.foot-info>div{
  margin-right: 30px;
}
.foot-info p{
  font-size: 1.4rem;
  color: #fff;
}
.foot-info span{
  display: block;
  font-size: 1.6rem;
  color: #fff;
}
.cpr{
  color: #DFDCDC;
  font-size: 1.4rem;
  margin-top: 45px;
}
.cpr a{
  display:block;
  color: #DFDCDC;
  font-size: 1.2rem;
}
.foot-right-b{
  padding: 10px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot-right-b-r{
  display: flex;
}
.foot-right-b-r>div{
  border-radius: 15px;
  margin-bottom: 8px;
  width: 80px;

}
.foot-right-b-r>div img{
  width: 100%;
}
.foot-right-b-r p{
  color: #fff;
  font-size:1.2rem;
  text-align: center;
}
.logo img{
    height: 70px;
}
@media (max-width: 1920px) {
  
}
@media (max-width: 1360px) {
  .p1600{
    width: 1340px;
    margin: 0 auto;
  }
  .pc-nav li{
    margin-right:1.8rem
  }
  .pc-nav li a{
    font-size: 1.6rem;
  }
}
@media (max-width: 1280px) {
  .p1600{
    width: 1180px;
    margin: 0 auto;
  }
  .pc-nav li{
    margin-right:1rem
  }
  .pc-nav li a{
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .p1600{
    width: 100%;
    padding: .8rem 1.6rem;
    box-sizing: border-box;
    height: 5.6rem;

  }
  .pc-nav{
    display: none;
  }
  .first-index{
    padding: 2.8rem 1.6rem 3.4rem;
     box-sizing: border-box;  
  }
  .p1340{
      width: 100%;

  }
  .col-tilte h4{
      font-size:2rem;
  }
  .hotNews-area{
      width: 100%;
      height:260px;
  }
  #hotNews .hotNews-item a img{
      height:260px;
  }
  .arrowBtn-left{
      display: none;
  }
  .arrowBtn-right{
      display: none;
  }
  .newArea{
      width: 100%;
      margin: 2.4rem 0 0 0;
  }
  .newArea li a .txtArea h3{
      width:85%;
      white-space: nowrap;

  }
  .newArea li a .txtArea p{
    font-size: 1.3rem;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
      
  }
  .col-3{
      width: 100%;
      margin-bottom: 3.6rem;
  }
  .second-index{
     padding: 2.8rem 1.6rem 3.4rem;
     box-sizing: border-box;  
  }
  .third-area{
      padding: 2.8rem 1.6rem 3.4rem;
     box-sizing: border-box;
  }
  .video-area{
      width: 100%;
      margin-top: 2.4rem;
  }
  .video-img{
       width: 100%;
  }
  .video-img img {
        width: 100%;
       
    }
    .schoolImg-item a{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .schoolImg-item a:nth-child(2n){
        margin-right: 0;
    }
    .schoolImg-item a img{
        width: 100%;
        height: 156px;
    }
    footer{
       padding: 2.8rem 1.6rem 3.4rem; 
    }
    .logoBottom{
        text-align: center;
    }
    .foot-right{
        width: 100%;
    }
    .foot-right h4{
        text-align: center;
        margin-top: 2.4rem;
    }
    .foot-right-b{
        display: block;
    }
    .foot-info{
        display: block;
    }
    .foot-info span{
        margin-bottom: 1.6rem;
    }
    .cpr{
        margin: 1.6rem 0;
    }
    .foot-right-b-r{
        justify-content: space-between;
        width: 100%;
    }
    .logo img{
        height: 45px;
    }
    .menu-btn {
        display: block;
        width: 24px;
        height: 25px;
        z-index: 101;
    }
    .menu-btn span {
          display: block;
          width: 24px;
          height: 3px;
          background: #fff;
          cursor: pointer;
          border-radius: 3px;
          margin-left: 0;
          margin-bottom: 7px;
      }
      .menu-btn .span1-1 {
          -webkit-animation: span1-1 .5s alternate;
          -moz-animation: span1-1 .5s alternate;
          animation: span1-1 .5s alternate;
      }
      .menu-btn .span1{

          -webkit-animation: span1 .5s alternate;
    -moz-animation: span1 .5s alternate;
              animation: span1 .5s alternate;
          -webkit-transform: translateY(7px) rotateZ(45deg);
          -moz-transform: translateY(7px) rotateZ(45deg);
          transform: translateY(7px) rotateZ(45deg);
      }
      .menu-btn .span3{
 
       -webkit-animation: span3 .5s alternate;
          -moz-animation: span3 .5s alternate;
          animation: span3 .5s alternate;
          -webkit-transform: translateY(-3px) rotateZ(-45deg);
          -moz-transform: translateY(-3px) rotateZ(-45deg);
          transform: translateY(-3px) rotateZ(-45deg);
      }
      .menu-btn .span3-1{
       -webkit-animation: span3-1 .5s alternate;
          -moz-animation: span3-1 .5s alternate;
          animation: span3-1 .5s alternate;

      }
      .menu-btn .span1-1{
       -webkit-animation: span1-1 .5s alternate;
          -moz-animation: span1-1 .5s alternate;
          animation: span1-1 .5s alternate;

      }
      @keyframes span1-1{
      0% {
          transform: translateY(7px) rotateZ(45deg);
      }
      10% {
          transform: translateY(7px);
      }
      70% {
          transform: translateY(-3px);
      }
      100% {
          transform: translateY(0px) rotateZ(0deg);
          background: #fff;
      }
      }
      @keyframes span3-1{
            0% {
                transform: translateY(-7px) rotateZ(-45deg);
            }
            10% {
                transform: translateY(-7px);
            }
            70% {
                transform: translateY(3px);
            }
            100% {
                transform: translateY(0px) rotateZ(0deg);
                background: #fff;
            }
      }
      @keyframes span1{
            0% {
                transform: translateY(0px) rotateZ(0deg);
            }
            10% {
                transform: translateY(-3px);
            }
            70% {
                transform: translateY(7px);
            }
            100% {
                transform: translateY(7px) rotateZ(45deg);
                background: #fff;
            }
      }
      @keyframes span3{
            0% {
                transform: translateY(0px) rotateZ(0deg);
            }
            10% {
                transform: translateY(3px);
            }
            70% {
                transform: translateY(-3px);
            }
            100% {
                transform: translateY(-3px) rotateZ(-45deg);
                background: #fff;
            }
      }
       .mob-nav{
            display: block;
            height: 0;
            width: 100%;
         
            background: #fff;
            position: fixed;
            top: 5.6rem;
            left: 0;
            z-index: 9999;
            overflow: auto;
            padding: 0 5%;
            border-top: 1px solid rgba(0, 0, 0, 0.09);
            box-sizing: border-box;
      }
      .mob-nav.open{
            height: calc(100vh - 5.6rem);
      }
      .mob-nav .firstlist{
            position: relative;
      }
      .mob-nav .firstlist>a{
            display: block;
            height: 48px;
    line-height: 48px;
    white-space: nowrap;
    display: block;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    color: #333;
    font-weight: normal;
    font-size: 1.4rem;
      }
      .mob-nav .firstlist>i{
            display: block;
            width: 10px;
            height: 10px;
            border-top:2px solid rgba(0, 0, 0, 0.12);
            border-right:2px solid rgba(0, 0, 0, 0.12);
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -4px;
      }
      .secondlist{
            padding: 0 3%;
            background: #f7f9fa;
            max-height: 0;
            overflow: hidden;
      }
      .moblist .active{
            max-height: 100vh;
      }
      .secondlist a{
           
    line-height: 2.6;
    color: #333;
    display: block;
    font-size:1.3rem;
      }
      .moblist .active{
            max-height: 100vh;
      }
      .ani2{
              transition: all 1.5s cubic-bezier(0.42,0,0.58,1);
            -webkit-transition: all 1.5s cubic-bezier(0.42,0,0.58,1);
            -o-transition: all 1.5s cubic-bezier(0.42,0,0.58,1);
            -moz-transition: all 1.5s cubic-bezier(0.42,0,0.58,1);
        }
 
}


/*更新5-20*/

.form-group{
    display: flex;
    margin-bottom: 22px;
    align-items: center;
}
.form-group label{
    font-size: 1.6rem;
}
.form-group label span{
    color: red;
}
.form-group input{
    font-size: 1.4rem;
    line-height: 1 !important;
}
.form-control{
     font-size: 1.4rem;
     padding: 6px 12px;
     color: #333;
 }
 select.form-control{
     width: 228px;
 }
 .form-control option{
     font-size: 1.4rem;
     padding: 8px;
     color: #666;
 }


.control-label{
    font-size: 1.6rem;

    text-align: right;
}
.mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 15px;
}
.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;

    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mt-checkbox>input, .mt-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.mt-radio.mt-radio-outline>span {
    border-radius: 2px;
    background-color: #eff2f5;
}
 .mt-radio>span {
    border: 1px solid #d3cfcf;
    position: absolute;
    top: 1px;
    left: 0;
    height: 19px;
    width: 19px;
    background: #E6E6E6;
    border-radius: 50%!important;
}

.mt-radio>input:checked~span:after {
    display: block;
    position: absolute;
}
.mt-radio>span:after {
    
    content: "";
    left: 6px;
    top: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #666;
}
.btn {
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 24px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 106px;
    margin: 26px auto 0;
}
.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #03a193;
    border-color: #03a193;
}
.has-error .form-control {
    border-color: #e73d4a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border:1px solid  #e73d4a;
}
.info-item-other{
    margin-top: -10px;
}
.zszt-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zszt-item li{
    width:48%;
    height: 118px;
   margin-bottom: 2%;
   transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;

}
.zszt-item li:nth-child(5),.zszt-item li:nth-child(6){
    margin-bottom: 0;
}
.zszt-item li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height: 118px;
   background: #44AEDF;
   position: relative;
   overflow: hidden;
}
.zszt-item li:nth-child(1) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-1.webp) no-repeat;
    background-size: contain;
    top:-20px;
    left: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li:nth-child(3) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-3.webp) no-repeat;
    background-size: contain;
    top:-20px;
    left: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li:nth-child(5) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-5.webp) no-repeat;
    background-size: contain;
    top:-20px;
    left: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li:nth-child(2) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-2.webp) no-repeat;
    background-size: contain;
    top:-20px;
    right: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li:nth-child(4) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-4.webp) no-repeat;
    background-size: contain;
    top:-20px;
    right: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li:nth-child(6) a:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/zticon-6.webp) no-repeat;
    background-size: contain;
    top:-20px;
    right: -20px;
    z-index: 1;
    opacity: .2;
    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.zszt-item li a img{
    width: 50px;
}
.zszt-item li a p{
    color: #fff;
    margin-left: 8px;
    font-size: 2rem;
}
.zszt-item li:nth-child(odd) a{
    border-radius: 12px 0px 0px 12px;
}
.zszt-item li:nth-child(even) a{
    border-radius: 0px 12px 12px 0px;
    
}
.zszt-item li:nth-child(2) a,.zszt-item li:nth-child(3) a,.zszt-item li:nth-child(6) a{
    background: #3BBDBE;
}
.info-item-other li:last-child{
    border-bottom:none;
}
.zszt-item li:hover a{
    background: #2987b2;
}
.zszt-item li:nth-child(2):hover a,.zszt-item li:nth-child(3):hover a,.zszt-item li:nth-child(6):hover a{
    background: #198a8b;
}
.zszt-item li:hover a:after{
    top:20px;
}
/*更新5-28*/