body {background-color: #f4f4f4;}

.bannerBox.xwList{height: 620px; background: url('/uploadfiles/img/zsgl_xwList_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.bannerBox.kcxfzList{height: 620px; background: url('/uploadfiles/img/zsgl_kcxfzzc_head_img_01.jpg') no-repeat top center; background-size: cover; }

.warpBox.xwList .th1 {background-color: #fff;box-sizing: border-box;padding: 30px;margin-bottom: 30px;}
.warpBox.xwList .th1 .headNew{padding-left: 620px;position: relative;overflow: hidden;}
.warpBox.xwList .th1 .headNew .imgBox{width: 620px;position: absolute;top: 0;left: 0;font-size: 0;text-align: center;}
.warpBox.xwList .th1 .headNew .imgBox img{max-width: 100%;}
.warpBox.xwList .th1 .headNew .content{padding-top: 30px;padding-left: 35px;}
.warpBox.xwList .th1 .headNew .content .tit{color: #333;font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.warpBox.xwList .th1 .headNew .content .abstract {font-size: 18px;line-height: 34px;color: #666;height: 136px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;text-overflow: ellipsis; }
.warpBox.xwList .th1 .headNew .content a.more{box-sizing: border-box;color: #c79f62;display: inline-block;width: 136px;height: 40px;border-radius: 99px;border: 1px solid #c79f62;line-height: 38px;position: relative;font-size: 16px;padding-left: 25px;margin-top: 15px;}
.warpBox.xwList .th1 .headNew .content a.more::after{content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;border: 1px solid #c79f62;right: 6px;top: 50%;transform: translateY(-50%);background: url(/uploadfiles/img/zsgl_xwList_icon_01.png) no-repeat 55% center;}
.warpBox.xwList .th1 .headNew .content a.more:hover{opacity: .6;}

.warpBox.xwList .th2 {padding: 30px;background-color: #fff;box-sizing: border-box;}
.warpBox.xwList .th2 * {box-sizing: border-box;}
.warpBox.xwList .th2 li {padding: 25px 20px;border-bottom: 1px solid #efefef;}
.warpBox.xwList .th2 li a{height: 200px;display: block;padding-left: 105px;position: relative;}
.warpBox.xwList .th2 li a:hover{opacity: .6;}

.warpBox.xwList .th2 li a .time{position: absolute;top: 0;left: 0;width: 80px;height: 98px;border: 1px solid #0063cc;color: #0063cc;text-align: center;padding-top: 12px;}
.warpBox.xwList .th2 li a .time .d{font-weight: bolder;display: block;font-size: 34px;}
.warpBox.xwList .th2 li a .time .year{font-size: 12px;}
.warpBox.xwList .th2 li a .content{display: block;height: 100%;}
.warpBox.xwList .th2 li a .content.hasImg{position: relative;padding-left: 370px;}
.warpBox.xwList .th2 li a .content .cover{position: absolute;left: 0;top: 0;width: 330px;height: 200px;overflow: hidden;text-align: center;font-size: 0;}
.warpBox.xwList .th2 li a .content .cover img{max-width: 100%;}
.warpBox.xwList .th2 li a .content .tit{display: block; color: #000;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;font-weight: bold;}
.warpBox.xwList .th2 li a .content .abstract {font-size: 15px;line-height: 28px;color: #666;height: 84px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;text-overflow: ellipsis; }
.warpBox.xwList .th2 li a .content .more{display: inline-block;width: 28px;height: 28px;border-radius: 99px;border: 1px solid #c79f62;position: relative;margin-top: 35px;background: url(/uploadfiles/img/zsgl_xwList_icon_01.png) no-repeat 55% center;}

.warpBox.xwList .th2 a.btnBox {display: block;margin: 20px auto 0;width: 150px;text-align: center;font-size: 0;cursor: pointer;}
.warpBox.xwList .th2 a.btnBox:hover{opacity: .6;}
.warpBox.xwList .th2 a.btnBox::before{content: '';position: relative;display: inline-block;width: 54px;height: 54px;border-radius: 50%;border: 1px dashed #0b6ace;background: url(/uploadfiles/img/zsgl_xwList_icon_02.png) no-repeat center center ;}
.warpBox.xwList .th2 a.btnBox span{margin-top: 20px;font-size: 14px;color: #0063cc;display: block;text-align: center;}

.warpBox.xwList .th2 a.btnBox.not{opacity: .6; cursor: no-drop;}
@media screen and (max-width: 1655px) {
  .warpBox.xwList .th1 .headNew{padding-left: 540px;}
  .warpBox.xwList .th1 .headNew .imgBox {width: 520px;}
  .warpBox.xwList .th1 .headNew .content {padding-top: 15px;padding-left: 20px;}
  .warpBox.xwList .th1 .headNew .content .tit{font-size: 20px;}
  .warpBox.xwList .th1 .headNew .content .abstract{font-size: 16px;}
  .warpBox.xwList .th1 .headNew .content a.more{width: 120px;font-size: 14px;padding-left: 17px;}

  .warpBox.xwList .th2 {padding-top: 10px;}
  .warpBox.xwList .th2 li {padding: 20px 0;}
  .warpBox.xwList .th2 li a .content .tit{font-size: 18px;}
  
  .warpBox.xwList .th2 li a .content .abstract{font-size: 14px;}
  .warpBox.xwList .th2 a.btnBox::before{width: 40px;height: 40px;}
  .warpBox.xwList .th2 a.btnBox span {margin-top: 12px;font-size: 13px}
}

@media screen and (max-width: 1200px) {
  .bannerBox.xwList{height: 225px;}
  .bannerBox.xwList .bannerContent .bTitleBox img{height: 50px;}

  .warpBox.xwList {padding: 15px;}
  .warpBox.xwList .th1 {padding: 20px 15px;}
  .warpBox.xwList .th1 .headNew {padding-left: 0;}
  .warpBox.xwList .th1 .headNew .imgBox{width: 100%;position: static;}
  .warpBox.xwList .th1 .headNew .content {padding-left: 0;}
  .warpBox.xwList .th1 .headNew .content .tit {font-size: 18px;margin-bottom: 10px;white-space: wrap;}
  .warpBox.xwList .th1 .headNew .content .abstract {height: auto;font-size: 14px;line-height: 1.7}
  .warpBox.xwList .th1 .headNew .content a.more{width: 105px;font-size: 13px;padding-left: 10px;}

  .warpBox.xwList .th2 {padding: 10px 15px 20px;}
  .warpBox.xwList .th2 li {padding: 10px 0;}
  .warpBox.xwList .th2 li a {padding-left: 85px;height: 160px;}
  .warpBox.xwList .th2 li a .time {width: 70px;height: 80px;padding-top: 6px;}
  .warpBox.xwList .th2 li a .time .d {font-size: 26px;}
  .warpBox.xwList .th2 li a .content .cover{width: 240px;}
  .warpBox.xwList .th2 li a .content.hasImg{padding-left: 255px;}
  .warpBox.xwList .th2 li a .content .tit {font-size: 16px;margin-bottom: 8px;}
  .warpBox.xwList .th2 li a .content .more {margin-top: 5px;}
}

@media screen and (max-width: 760px) {
  .warpBox.xwList .th1 {padding: 15px;margin-bottom: 20px;}
  .warpBox.xwList .th1 .headNew .content{padding-top: 0;}
  .warpBox.xwList .th1 .headNew .content .tit {font-size: 16px;margin: 5px 0;}
  .warpBox.xwList .th1 .headNew .content .abstract { font-size: 13px; }
  .warpBox.xwList .th1 .headNew .content a.more {width: 100px; height: 30px;line-height: 28px;margin-top: 10px;}
  .warpBox.xwList .th1 .headNew .content a.more::after{width: 20px;height: 20px;}

  .warpBox.xwList .th2 li a {height: auto;padding-left: 70px;}
  .warpBox.xwList .th2 li a .time {width: 60px;height: 60px;padding-top: 5px;}
  .warpBox.xwList .th2 li a .time .d {font-size: 18px;}

  .warpBox.xwList .th2 li a .content.hasImg{padding-left: 0;}
  .warpBox.xwList .th2 li a .content .cover{width: 100%;display: block;position: static;height: auto; }
  .warpBox.xwList .th2 li a .content .tit {font-size: 15px;white-space: wrap;}
  .warpBox.xwList .th2 li a .content .abstract {height: auto;line-height:1.7;font-size: 13px;}

  .warpBox.xwList .th2 a.btnBox::before{width: 25px;height: 25px;background-size: 60% auto;}
  .warpBox.xwList .th2 a.btnBox span {margin-top: 5px;}
}

/* 新闻详情 start */
.warpBox.xwDetail * {box-sizing: border-box;}
.warpBox.xwDetail .th1 {padding: 30px;background-color: #fff;}
.warpBox.xwDetail .th1 .t {padding:0 15px 30px;border-bottom: 1px solid #efefef;}
.warpBox.xwDetail .th1 .t h2{font-size: 30px;color: #000;text-align: center;font-weight: bold;margin-bottom: 20px;}
.warpBox.xwDetail .th1 .t .time {font-size: 16px;text-align: center;color: #666;}

.warpBox.xwDetail .th1 .content {padding: 45px 20px;}
.warpBox.xwDetail .th1 .content p{font-size: 16px;color: #333;margin-bottom: 25px;}
.warpBox.xwDetail .th1 .content p:last-child{margin-bottom: 0;}
.warpBox.xwDetail .th1 .content p.imgBox{text-align: center;}
.warpBox.xwDetail .th1 .content p.imgBox img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
@media screen and (max-width: 1655px) {
  .warpBox.xwDetail .th1 { padding: 30px 20px;}
  .warpBox.xwDetail .th1 .t { padding-bottom: 20px; }
  .warpBox.xwDetail .th1 .t .time {font-size: 15px;}
  .warpBox.xwDetail .th1 .t h2 {font-size: 26px;margin-bottom: 15px;}
  .warpBox.xwDetail .th1 .content { padding: 30px 15px; }
  .warpBox.xwDetail .th1 .content p {font-size: 15px;margin-bottom: 20px;}
}
@media screen and (max-width: 1200px) {
  .warpBox.xwDetail {padding: 15px;}
  .warpBox.xwDetail .th1 { padding: 30px 15px; }
  .warpBox.xwDetail .th1 .t {padding-bottom: 15px;}
  .warpBox.xwDetail .th1 .t h2 {font-size: 22px;margin-bottom: 10px;}
  .warpBox.xwDetail .th1 .t .time {font-size: 14px;}
  .warpBox.xwDetail .th1 .content { padding: 15px;}
  .warpBox.xwDetail .th1 .content p {font-size: 14px;margin-bottom: 15px;}
}
@media screen and (max-width: 760px) {
  .warpBox.xwDetail .th1 {padding: 20px 15px;}
  .warpBox.xwDetail .th1 .t {padding-bottom: 10px;}
  .warpBox.xwDetail .th1 .t h2 { font-size: 18px; }
  .warpBox.xwDetail .th1 .t .time {font-size: 13px;}
  .warpBox.xwDetail .th1 .content {padding: 10px 0;}
  .warpBox.xwDetail .th1 .content p {margin-bottom: 10px;}
}