body{background:#F2F2F2;}



.lest{width: 65%;}
.right{width: 33%;}


.resource .Rel{margin-top:25px;}

.swiperContainer{width:100%;overflow: hidden; position:relative; margin: 20px auto 0;}
.swiperContainer .swiper-slide .pic a{display:block;}
.swiperContainer .swiper-slide .pic a img{display:block;width:100%;height:420px;}
.swiperContainer .swiper-slide{position:relative;}
.swiperContainer .swiper-slide .title{position:absolute;left:0;bottom:0;z-index:10;width:100%;background:rgba(0,0,0,.4);}
.swiperContainer .swiper-slide .title a{display:block;font-size:16px;padding:20px 25px;color:#fff;}
.swiperContainer .swiper-pagination{text-align:right;right:18px;left:auto!important;width:auto!important;bottom:25px!important;}
.swiperContainer .swiper-pagination .swiper-pagination-bullet{background:#fff;width:35px;border-radius:0;}



.deyuBox {border: 1px solid #e4ecf3;background: #fff;}
.deyuBox .itemBox{padding:20px 0;padding-left: 18px;}
.deyuBox .itemBox .item font{width:60px;font-size:16px;color:#9B9B9B;margin:3px 0;}
.deyuBox .itemBox .item .box{width:85%;}
.deyuBox .itemBox .item .box span{font-size:16px;color:#333;cursor:pointer;}


.deyuBox .itemBox .item:first-child{margin-bottom:10px;}
.deyuBox .itemBox .item .box span{display:inline-block;padding:4px 8px;margin-left:8px;}
.deyuBox .itemBox .item .box span.col{background:#39abe9;color:#fff;}

.deyuBox .newsList{clear: both; overflow: hidden;padding: 0 0 20px 0;}
.deyuBox .newsList .ul li{width: 33.3333%;float: left;line-height: 50px;}
.deyuBox .newsList .ul li .box{padding:9px;background:#fff;margin:9px;}
.deyuBox .newsList .ul li .box p a img{height: 146px;width: 100%;}

.newsPages .pageWrap{width: 100%;display: flex; margin: 15px 0;justify-content: center;}

.deyuBox .newsList .ul li .box .Right{color: #333;width: 100%;height: 82px;}
.deyuBox .newsList .ul li .box .Right h2{line-height: 26px;height: 28px;overflow: hidden;padding-top: 6px;}
.deyuBox .newsList .ul li .box .Right h2 a{text-decoration: none;cursor: pointer;color: #333;font-size: 14px;font-weight:bold;}
.deyuBox .newsList .ul li .box .Right h2 a:hover{color: #40ACE7;}


.deyuBox .newsList .ul li .box .Right div{clear: both;height: 24px;line-height: 24px;overflow: hidden;word-wrap: break-word;word-break: break-all;color: #aeaeae;position: relative;}
.deyuBox .newsList .ul li .box .Right .summary img{display: inline-block;width: 16px;background-size: 16px;cursor: pointer;margin-right: 5px;  margin-top:8px;}
.deyuBox .newsList .ul li .box .Right .summary p span{font-size: 14px;}
.deyuBox .newsList .ul li .box .Right .down img{display: inline-block;width: 16px;background-size: 16px;cursor: pointer;margin-right: 5px; margin-top:5px; }
.deyuBox .newsList .ul li .box .Right div .author{position: absolute;right: 0; top: 0;font-size: 14px;}
.deyuBox .newsList .ul li .box .Right div .date{position: absolute;right: 0; top: 0;font-size: 14px;}
.deyuBox .newsList .ul li .box .Right .down p span{font-size: 14px;}
.deyuBox .newsList .ul li .box .Right .down p img{vertical-align: text-bottom;}



.RUNAT_COMMON{border: 1px solid #e4ecf3; background: #fff;padding-left: 20px; padding-right: 20px;}
.RUNAT_COMMON h2{font-size: 18px;line-height: 49px;border-bottom: solid 2px #e4ecf3;}

.RUNAT_COMMON h2 span{border-bottom: solid 2px #fbbc33;display: inline-block;color: #000;}
.RUNAT_COMMON h2 span img{margin-right: 12px;}
.RUNAT_COMMON ul{padding: 15px 0;}
.RUNAT_COMMON ul li{height: 89px;}

.RUNAT_COMMON ul li .box .left{width: 120px;float: left;margin-right: 20px;}
.RUNAT_COMMON ul li .box .left a img{height: 75px;width: 100%;}
.RUNAT_COMMON ul li .box .right-a{width:210px;}
.RUNAT_COMMON ul li .box .right{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.RUNAT_COMMON ul li .box .right h3{line-height: 22px;height: 22px;word-wrap: break-word;word-break: break-all;overflow: hidden;font-size: 14px;display: block;margin-bottom: 8px;}
.RUNAT_COMMON ul li .box .right h3 a{font-size: 14px;font-weight:normal;color: #000;}
.RUNAT_COMMON ul li .box .right h3 a:hover{color: #40ACE7;}
.RUNAT_COMMON ul li .box .right .fenlei{color: #aeaeae;height: 17px;font-size: 14px;}
.RUNAT_COMMON ul li .box .right .date{padding-top: 10px;color: #aeaeae;line-height: 24px;}
.RUNAT_COMMON ul li .box .right .date img{margin-right: 5px;vertical-align:middle;width:15px;height:auto;cursor:pointer;}
.RUNAT_COMMON ul li .box .right .date .shuzi{margin-right: 14px;}




@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }to{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.deyuBox .newsList .ul li{
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}




@media only screen and (max-width:1240px){
.lest{width: 65%;}
.right{width: 33%;}
.RUNAT_COMMON ul li .box .right-a{width:48%;}
}

@media only screen and (max-width:1000px){
.RUNAT_COMMON ul li .box .right-a{width:calc(100% - 140px);}
}


@media only screen and (max-width:880px){

#box .piclist img{width:100vw;height: 350px;object-fit: inherit;}
.resource .Rel .lest,
.resource .Rel .right{width:auto;float:none;}
.RUNAT_COMMON{margin-left:0; margin-right:0;}
.RUNAT_COMMON ul li .box .left{position: relative;}

.RUNAT_COMMON ul li .box .left a img{height: 75px;width: 120px;}
.deyuBox .newsList .ul li{width:50%;}


.deyuBox .itemBox .item font{display:block;width:auto;float:none;}
.deyuBox .itemBox .item .box{display:block;width:auto;float:none;margin-top:15px;}
.deyuBox .itemBox .item .box span:first-child{margin-left:0;margin-top:3px;}
.swiperContainer .swiper-slide .pic a img{height:50vw;}
.deyuBox .newsList .ul li .box p a img{height:180px;}
.swiperContainer .swiper-pagination .swiper-pagination-bullet{width:18px;height:4px;}

.RUNAT_COMMON ul li{height:auto;padding:18px;background:#fff;margin-top:18px;}
.RUNAT_COMMON ul li .box .left{width:170px;margin-right:0;}
.RUNAT_COMMON ul li .box .left a img{width:100%;height:130px;}
.RUNAT_COMMON ul li .box .right{width:calc(100% - 190px);float:right;}
.RUNAT_COMMON ul li{padding:0;}


}




@media only screen and (max-width:480px){
.deyuBox .newsList .ul li .box .Right div .author{width: 50%;}
.deyuBox .newsList .ul li .box .Right div .date{width: 50%;}
.deyuBox .itemBox .item .box span{width:45%;margin-left:0;}

.deyuBox .newsList .ul li{width:auto;float:none;}

}