.index-header{height:174px;background: url('../../images/zspt/title.png') center bottom/auto no-repeat;position: absolute;top: 0;width: 100%;}
.list-header{height:224px;background: url('../../images/zspt/banner.png') center/cover no-repeat;}
.main-footer .footer-btm{background: #9e0e0e;}
.xxfwheader{padding-left:70px;padding-top:30px}
.polymer{background: none;}
.polymer .box{width:90%;max-width: 1400px;margin-top:50px}
.polymer .loginitem{width:95%;height:400px;overflow: hidden;}
.polymer .loginitem .imgbox{margin-top:20px;height:230px;background-size: auto;background-position: center center;}
.xxfw-index{height:100%;background: url('../../images/zspt/indexbg.png') center/cover no-repeat;}
.xxfw-index .one{background: url('../../images/zspt/11.png') center bottom no-repeat;box-shadow: 0px 7px 18px 0px rgba(76, 151, 255, 0.47);}
.xxfw-index .two{background: url('../../images/zspt/22.png') center bottom no-repeat;box-shadow: 0px 7px 18px 0px rgba(224, 39, 6, 0.29);}
.xxfw-index .three{background: url('../../images/zspt/33.png') center bottom no-repeat;box-shadow: 0px 7px 18px 0px rgba(169, 29, 11, 0.5);}
.xxfw-index .four{background: url('../../images/zspt/44.png') center bottom no-repeat;box-shadow: 0px 7px 18px 0px rgba(169, 29, 11, 0.5);}
.xxfw-index .one .imgbox{background-image: url('../../images/zspt/1.png');}
.xxfw-index .two .imgbox{background-image: url('../../images/zspt/2.png');}
.xxfw-index .three .imgbox{background-image: url('../../images/zspt/3.png');}
.xxfw-index .four .imgbox{background-image: url('../../images/zspt/4.png');}
.polymer .one:hover{background-color: rgba(0,0,0,0);}
.polymer .two:hover{background-color: rgba(0, 0, 0, 0);}
.polymer .three:hover{background-color: rgba(0, 0, 0, 0)}
.polymer .four:hover{background-color: rgba(0, 0, 0, 0);}
.polymer .loginitem h2{margin-top:10px;line-height: 44px;}
.xxfw-detail>.container{padding:50px 0}
.xxfw-list .itemlist{padding:40px 0}
.xxfw-list .curname{padding-left:18px;font-size: 24px;color:#191919;position: relative;margin-bottom:30px}
.xxfw-list .curname:before{content:'';display: block;width:4px;height:24px;position: absolute;left:0;top:6px;background: #e21d1d;}
.xxfw-list .item{padding-left:62px;background: url('../../images/zspt/icon.png') 35px center no-repeat;}
.xxfw-list .item a{display: inline-block;max-width: 100%;line-height: 77px;vertical-align: middle;}
.xxfw-list .item:nth-child(odd){background-color: #fff2f2;}
.xxfw-list .item:nth-child(odd) a{line-height: 52px;}
.xxfw-list .item:hover{background-image: url('../../images/zspt/icon_h.png');}
.xxfw-list .item:hover a{color:#e21d1d}
.xxfw-tlist .teacherlistbox{margin:0 -15px}
.xxfw-tlist .titem{display: flex;padding:20px 12px;background: #f7f7f7;border: solid 2px #f5f5f5;margin-bottom:24px}
.xxfw-tlist .titem .img-block{flex-shrink: 0;width:204px;height:114px}
.xxfw-tlist .titem .info{flex-grow: 1;padding:5px 30px}
.xxfw-tlist .titem .info a{font-size: 20px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xxfw-tlist .titem .info a:hover{color: #e21d1d}
/* .xxfw-tlist .teacherlistbox{display: flex;flex-wrap: wrap;} */
/* .xxfw-tlist .titem{width:50%;background: #f7f7f7;overflow: hidden;}
.xxfw-tlist .titem .img-block{width:50%;height:168px}
.xxfw-tlist .titem .info{width:50%;padding:20px 30px;position: relative;}
.xxfw-tlist .titem .info a{font-size: 18px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.xxfw-tlist .titem .info a:hover{color: #e21d1d}
.xxfw-tlist .titem:nth-child(4n-1) .info,.xxfw-tlist .titem:nth-child(4n) .info{text-align: right;}
.xxfw-tlist .titem:nth-child(4n-1) .img-block,.xxfw-tlist .titem:nth-child(4n) .img-block{float: right;}
.xxfw-tlist .titem .info::after {position: absolute;content: '';display: block;width: 15px;height: 17px;left: 0;background: url('../../images/column/icon14.png') no-repeat left center;top: 25px;}
.xxfw-tlist .titem:nth-child(4n-1) .info::after,.xxfw-tlist .titem:nth-child(4n) .info::after{left:initial;right:0;background-image: url('../../images/column/icon15.png');} */

@media (max-width: 1400px) {
  .index-header{height:152px}
  .xxfwheader{padding-top:20px}
  .polymer .apphide{display: block;padding:0 15px}
  .polymer .pchide{display: none;}
}
@media (max-width: 1024px) {
  .index-header{height:280px}
  /* .xxfw-tlist .titem .img-block{height:136px}
  .xxfw-tlist .titem .info a{-webkit-line-clamp:3} */
}
@media (max-width: 768px) {
  .xxfwheader{padding-left:15px}
  .polymer .box{margin-top:150px}
  .polymer .itembox{margin: 20px 0}
  .polymer .loginitem{height:350px}
  .polymer .loginitem .imgbox{height:200px}

  .list-header{height:170px;padding-top:12px}
  .index-header{background-size: 88%;height:155px}

  /* .xxfw-tlist .titem{width:100%}
  .xxfw-tlist .titem .img-block{height:210px}
  .xxfw-tlist .titem:nth-child(4n-1) .info{text-align: left;}
  .xxfw-tlist .titem:nth-child(4n-1) .img-block{float: left;}
  .xxfw-tlist .titem:nth-child(4n-1) .info::after{right:initial;left:0;background-image: url('../../images/column/icon14.png')}
  .xxfw-tlist .titem:nth-child(2n) .info{text-align: right;}
  .xxfw-tlist .titem:nth-child(2n) .img-block{float: right;}
  .xxfw-tlist .titem:nth-child(2n) .info::after{left:initial;right:0;background-image: url('../../images/column/icon15.png')} */
}
@media (max-width: 432px) {
  .xxfwheader img{max-width: 200px;}
  .polymer .box{width:100%;margin-top:90px}
  .polymer .loginitem .imgbox{background-size: 90%;}
  .polymer .itembox,.polymer .loginitem{height:250px}
  .polymer .itembox{margin:15px 0}
  .polymer .loginitem .imgbox{height:120px}
  .polymer .loginitem h2{line-height: 30px;}

  .xxfw-detail>.container{padding-top:0}
  .index-header{height:125px}
  .list-header{height:88px;padding-top:5px}

  .xxfw-list .item{padding-left:32px;background-position: 10px center;}

  .xxfw-tlist .titem{padding:10px}
  .xxfw-tlist .titem .info{padding:10px 0;padding-left:10px}
  .xxfw-tlist .titem .info a{font-size: 16px;line-height: 26px;-webkit-line-clamp:2}
  .xxfw-tlist .titem .img-block{width:130px;height:73px}
  /* .xxfw-tlist .titem .img-block{height:112px}
  .xxfw-tlist .titem .info a{-webkit-line-clamp:2;font-size: 16px;} */
  
}
@media (max-width: 420px) {
  .index-header{height:95px}
}