.bannerbox{width: 100%;height: 550px;position: relative;}
.bannerlb{width: 100%;height: 550px;position: relative;float: left;overflow: hidden;}
.bannerlb ul li {position: relative;height: 550px;}
.bannerlb ul li img{width: 100%;height: 100%;transition: all .5s;}
.bannerlb .hd {position: absolute;bottom: 40px;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.bannerlb .hd ul li {float: left;width: 16px;height: 16px;margin: 0 10px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.4);}
.bannerlb .hd ul li.on {background: #fff;}

.bodymain{padding: 30px 0 0;}
.mbtom{margin-bottom: 30px;}
.rotation{width: 704px;height: 454px;position: relative;float: left;overflow: hidden;}
.rotation ul li{position: relative;height: 454px;}
.rotation ul li img,.ztzl ul li img,.jxydimg img,.imgbox img,.jxydimg img{width: 100%;height: 100%;transition: all .5s;}
.rotation ul li p{position: absolute;width: 100%;height: 52px;line-height: 52px;bottom: 0;padding: 0 20px;background: rgba(0,0,0,.5);font-weight: bold;color: #fff;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.rotation .hd {position: absolute;bottom: 20px;right: 15px;z-index: 999;}
.rotation .hd ul li {float: left;width: 10px;height: 10px;background: rgba(255, 255, 255, 0.4);;margin: 0 4px;border-radius: 50%;}
.rotation .hd ul li.on {background: #fff;}

.hotnews{width: 666px;}
.title{width: 100%;height: 40px;line-height: 1;border-bottom: 1px solid #ddd;}
.title a{display: inline-block;height: 40px;border-bottom: 3px solid #0066bd;font-size: 24px;color: #0066bd;font-weight: bold;}
.hotnews ul li{padding: 24px 0 20px;border-bottom: 1px dashed #ddd;}
.time{width: 70px;height: 56px;background-color: #f2f2f2;font-size: 14px;color: #666666;text-align: center;transition: all .5s;}
.time span{font-size: 22px;color: #333333;font-weight: bold;}
.newyiyle{width: calc(100% - 90px);}
.newyiyle a{display: block;font-size: 18px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.newyiyle p{font-size: 16px;color: #999999;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}

.ztzl ul li{width: 445px;height: 130px;float: left;margin-right: 32px;overflow: hidden;}
.tzga ul li{width: 452px !important;padding: 20px;background-color: #f2f2f2;height: 120px;margin-right: 22px;float: left;}
.tzga ul li .time{width: 76px;text-align: center;height: 76px;}
.tzga ul li .time span{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 24px;font-weight: bold;color: #fff;background-color: #0066bd;}
.tzga ul li .time p{height: 36px;line-height: 36px;background-color: #fff;font-size: 14px;color: #666;}
.tzgatitle{float: right;width: calc(100% - 96px);overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 18px;}
.tzgalm{height: 44px;position: relative;text-align: center;}
.tzgalm::after{content: '';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0;top: 21px;z-index: -1;}
.tzgalm a{display: inline-block;height: 44px;line-height: 44px;border-bottom: 3px solid #0066bd;font-size: 24px;color: #0066bd;font-weight: bold;}
.tzgalm p{display: inline-block;padding: 0 25px;background-color: #fff;}

.djyd{width: 685px;}
.djyd .title{margin-bottom: 20px;}
.jxydimg{width: 272px;height: 187px;overflow: hidden;}
.jxydms{width: 393px;}
.jxydms a{font-size: 18px;line-height: 30px;}
.jxydms p{font-size: 14px;color: #999999;line-height: 24px;margin-top: 10px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.djyd ul{margin-top: 10px;}
.djyd ul li{padding-left: 15px;line-height: 48px;font-size: 18px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.djyd ul li::before{content: '';width: 6px;height: 6px;background-color: #dadada;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}

.xyfg{padding: 56px 0 64px;background: url(../images/home/lastimg.png) bottom center no-repeat;}
.xyfg h1{text-align: center;font-size: 32px;font-weight: bold;margin-bottom: 34px;}
.xyfg h1 a{color: #0066bd;}
.imgbox{overflow: hidden;position: relative;}
.img1{width: 623px;height: 490px;}
.img4{width: 368px;height: 235px;margin-left: 20px;}
.imgbox p{width: 100%;height: 52px;text-align: center;line-height: 52px;font-size: 18px;color: #fff;position: absolute;bottom: -52px;left: 0;transition: all .5s;background: rgba(0,0,0,.37);}
.imgbox:hover p{bottom: 0;}







.hotnews ul li:hover .time{color: #fff;transform: scale(1.1);background-color: #0066bd;}
.hotnews ul li:hover .time span{color: #fff;}
.rotation ul li:hover img,.imgbox:hover img,.jxydimg:hover img,.ztzl ul li:hover img{transform: scale(1.1);}
@media screen and (max-width: 767px){ 
  .bannerbox,.bannerlb,.bannerlb ul li{height: 108px;}
  .rotation,.hotnews,.ztzl ul li,.djyd,.jxydms{width: 100%;}
  .rotation,.rotation ul li{height: 270px;}
  .rotation{margin-bottom: 20px;}
  .ztzl,.tzga{overflow: hidden;}
  .tzga ul li{width: 345px !important;}
  .bannerlb .hd{bottom: 5px;}
  .bannerlb .hd ul li{width: 6px;height: 6px;}
  .jxydms{margin-top: 15px;}
  .jxydimg{float: none;margin: 0 auto;}
  .djyd.f-fr{margin-top: 20px;}
  .img1{width: 100%;height: 270px;}
  .img4{width: 100%;height: 220px;margin: 10px auto 0;}
  .img2 .f-mb20{margin-bottom: 0;}

}