.bannerbox{width: 100%;height: 841px;position: relative;}
.banntit{width: 100%;position: absolute;left: 0;top: 0;padding-top: 160px;text-align: center;z-index: 2;}
.bannerlb{width: 100%;height: 814px;position: relative;float: left;overflow: hidden;}
.bannerlb ul li {position: relative;height: 814px;}
.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;border: solid 1px #ffffff;margin: 0 10px;border-radius: 50%;}
.bannerlb .hd ul li.on {background: #fff;}

.bodymain{padding-top: 50px;background: url(../images/home/bxo1.png) center top no-repeat;}

.newstitlist{padding-top: 55px;}
.newstitle{font-size: 20px;color: #dadada;line-height: 1;font-weight: bold;margin-bottom: 34px;}
.newstitle p{margin-top: 15px;color: #333333;font-size: 40px;}
.newstitlist ul li,.titlist ul li{width: 152px;height: 56px;border-radius: 28px;font-size: 20px;font-weight: bold;text-align: center;line-height: 56px;margin-bottom: 10px;}
.newstitlist ul li.active,.titlist ul li.active{background-color: #1648b1;}
.newstitlist ul li.active a,.titlist ul li.active a{color: #fff;}

.newsxinxi{width: 0; transition: all .3s;overflow: hidden;display: flex;}
.newsxinxi.active{width: 1190px;}
.rotation{ flex-shrink: 0;width: 645px;height: 475px;position: relative;float: left;overflow: hidden;background-color: #fff;padding: 16px;box-sizing: border-box;}
.rotation ul li {position: relative;height: 475px;}
.rotation ul li div{width: 100%;height: 373px;overflow: hidden;}
.rotation ul li img{width: 100%;height: 100%;transition: all .5s;}
.rotation ul li p{width: 100%;line-height: 36px;font-weight: bold;font-size: 20px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rotation .hd {position: absolute;bottom: 90px;left: 50%;z-index: 2;transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.26);border-radius: 13px;padding: 8px;}
.rotation .hd ul li {float: left;width: 8px;height: 8px;background: rgba(255, 255, 255, 0.46);margin: 0 5px;border-radius: 50%;}
.rotation .hd ul li.on {background: rgba(255, 255, 255);}

.textnew{width: 527px; flex-shrink: 0;margin-left: 20px;}
.textbox{width: 100%;padding: 20px 30px;box-sizing: border-box;height: 227px;background-color: #fff;}
.textbox .date{margin-right: 30px;margin-top: 50px;}
.textbox .date{display: block;font-size: 24px;}
.textbox .date span{display: block;color: #666;padding-bottom: 35px;font-size: 16px;position: relative;}
.textbox .date span::after{content: '';width: 70px;height: 2px;background-color: #e5e5e5;position: absolute;left: 0;bottom: 0;}
.textbox:hover .date span::after{animation: biges 1s 1;}
@keyframes biges {
  0% {
    width: 0;
  }
  100% {
    width: 70px;
  }
}

.textbox .text{width: 350px;line-height: 30px;}
.textbox .title{font-weight: bold;font-size: 20px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.textbox .des{color: #999999;font-size: 16px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.titlist{padding-top: 30px;}
.textlink{width: 1190px;background-color: #fff;padding: 14px 20px;box-sizing: border-box;}
.textlink ul li{height: 144px;}
.textlink ul li div p{padding-left: 16px;box-sizing: border-box;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;width: 49%;float: left;position: relative;line-height: 48px;font-size: 18px;}
.textlink ul li div p:nth-child(2n){float: right;}
.textlink ul li div p::before{content: '';width: 6px;height: 6px;background-color: #b6c6e8;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.textlink ul li div p span{float: right;margin-left: 10px;color: #999;}

.zjjt{padding: 40px 0;}
.tzgg{margin-bottom: 40px;}
.tzgg ul li{width: 100%;height: 120px;overflow: hidden;}
.tzgg ul li img,.djnew div img,.djzt a img,.imgbox img{width: 100%;height: 100%;transition: all .5s;}

.jttext{width: 800px;}
.xinxi{font-size: 18px;line-height: 36px;margin-top: 30px;margin-bottom: 65px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.jtimg{width: 560px;height: 560px;overflow: hidden;position: relative;}
.f4{animation: big 5s infinite;}
.f1,.f2,.f3,.f4,.f5,.f6{width: 100%;height: 100%;border-radius: 50%;padding: 20px;border: solid 1px #f7f8fd;}
.jtimg img{position: absolute;left: 40px;top: 40px;}

@keyframes big {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
}
.numzs div.zsxqsj{width: 25%;float: left;text-align: left;}
.zsxqsj>span{font-size: 18px;color: #666666;}
.zsxqsj p{margin-top: 10px;font-weight: bold;font-size: 32px;color: rgb(22, 72, 177);}
.zsxqsj p em{font-size: 18px;}

.djgz{padding: 40px 0 54px;background: url(../images/home/djbj.png) top center no-repeat;}
.djnew div{width: 313px;height: 218px;overflow: hidden;}
.djnew p{width: 313px;height: 140px;background-color: #fff; padding: 15px;box-sizing: border-box;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 30px;font-size: 18px;}

.djlist{margin-left: 20px;width: 640px;}
.djlist .title{width: 100%;height: 30px;line-height: 1;border-bottom: 1px solid #e5e5e5;}
.djlist .title a{font-size: 22px;font-weight: bold;color: #1648b1;}
.fristbox{margin-bottom: 5px;}
.fristbox a{font-size: 18px;line-height: 34px;display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.fristbox p{font-size: 14px;line-height: 24px;color: #999999;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.djlist ul li{font-size: 18px;line-height: 48px;padding-left: 16px;position: relative;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.djlist ul li::before{content: '';width: 6px;height: 6px;background-color: #b6c6e8;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.djzt a{display: block;width: 377px;height: 174px;overflow: hidden;}

.ywly{padding: 40px 0;}
.ywly .newstitle{margin-bottom: 40px;}
.imgbox{overflow: hidden;position: relative;}
.img1{width: 381px;height: 440px;}
.img2{width: 618px;margin: 0 10px;}
.img3{width: 100%;height: 215px;}
.img4{width: 304px;height: 215px;}
.imgbox p{width: 100%;height: 70px;text-align: center;line-height: 70px;font-size: 24px;font-weight: bold;color: #fff;position: absolute;bottom: -70px;left: 0;transition: all .5s;}
.imgbox:hover p{bottom: 0;}


.tzgg ul li:hover img,.rotation ul li:hover img,.imgbox:hover img,.djnew div:hover img,.djzt a:hover img{transform: scale(1.1);}
@media screen and (max-width: 767px){
    .jttext,.djlist,.img2,.newsxinxi.active,.textnew,.textlink,.textlink ul li,.img1{width: 100%;}
    .bannerbox,.bannerlb,.bannerlb ul li{height: 160px;}
    .banntit>img{width: 50%;}
    .banntit{padding-top: 27px;}
    .bannerlb .hd{bottom: 5px;}
    .tzgg,.textlink{height: auto;}
    .tzgg ul li a{width: 100%;float: none;}
    .tzgg ul li{height: 30px;}
    .tzgg .bd{width: 100%;height: auto;}
    .zjjt{padding: 40px 15px;box-sizing: border-box;}
    .newstitlist,.titlist,.djnew,.img4,.djzt{float: none;}
    .newstitlist,.titlist{width: 160px;margin: 0 auto;}
    .rotation{width: 345px;height: 300px;float: none;}
    .rotation ul li div{height: 192px;}
    .newsxinxi{display: block;}
    .textnew{margin-left: 0;margin-top: 20px;}
    .bodymain{background: url(../images/home/bxo1.png) center top repeat;}
    .textbox{padding: 20px 10px;}
    .textbox .text{width: calc(100% - 85px);}
    .textbox .date{margin-right: 15px;}

    .numzs div.zsxqsj{margin-bottom: 20px;width: 50%;}
    .jtimg{width: 100%;height: 345px;}
    .jtimg img{width: 264px;}
    .djnew div,.djnew p{margin: 0 auto;}
    .djlist{margin: 20px 0 0;}
    .djgz{background: url(../images/home/djbj.png) top center repeat;}
    .djzt a{width: 100%;height: 160px;}
    .img1{margin-bottom: 10px;}
    .img2{margin: 0;}
    .img3{height: 130px;}
    .img4{margin: 0 auto 10px;}
    .ywly{padding: 40px 15px;box-sizing: border-box;}
    
    
}