.newsdet{width: 90%;margin: 0 auto;padding: 80px 0;}
.newsdet .l{width: 66.6666%;display: inline-block;vertical-align: top;}
.newsdet .l .top{margin-bottom: 35px;border-left: 5px solid var(--dataColor);padding-left: 30px;}
.newsdet .l .top h2{font-size: 34px;color:#282828;line-height: 40px;font-weight: bold;text-align: left;margin-bottom: 20px;}
.newsdet .l .top .time{width: auto;}
.newsdet .l .top .time .date{font-size: 18px;color:#777;line-height: 22px;display: block;float: left;}
.newsdet .l .top .time .share{float: right;font-size: 0;text-align: right;}
.newsdet .l .top .time .share a{width: 25px;height: 22px;display: inline-block;vertical-align: middle;margin-left:24px;background: url(../images/index/share_icon.png) no-repeat;}
.newsdet .l .top .time .share a.icon_in{background-position: 0px 1px;}
.newsdet .l .top .time .share a.icon_face{background-position: -50px 1px;}
.newsdet .l .top .time .share a.icon_twi{background-position: -100px 1px;}
.newsdet .l .top .time .share a:hover.icon_in{background-position: 0px -26px;}
.newsdet .l .top .time .share a:hover.icon_face{background-position: -50px -26px;}
.newsdet .l .top .time .share a:hover.icon_twi{background-position: -100px -26px;}
.newsdet .l .btm{padding: 0 2% 3%;}
.newsdet .l .btm p{font-size: 18px;color:#1d1d1d;line-height: 32px;text-align: justify;text-indent: 2em;}
.newsdet .l .btm div{font-size: 18px;color:#1d1d1d;line-height: 32px;text-align: justify;text-indent: 2em;}
.newsdet .l .btm img{margin-left: -2em;width: auto;max-width: 100%;}
.newsdet .r{width: 30%;margin-left: 3%;display: inline-block;vertical-align: top;}
.newsdet .r ul{background: #f5f5f5;}
.newsdet .r ul li{padding: 5%;transition: all 500ms;}
.newsdet .r ul li a{width: 100%;display: block;}
.newsdet .r ul li .img{width: 100%;height: auto;margin-bottom: 20px;display: block;overflow: hidden;}
.newsdet .r ul li .img img{width: 100%;display: block;transition: all 500ms;}
.newsdet .r ul li h2{font-size: 20px;color:#1d1d1d;line-height: 36px;text-align: justify;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsdet .r ul li .date{font-size: 16px;color:#777;line-height: 30px;text-align: left;display: block;}
.newsdet .r ul li:hover{background: var(--dataColor);}
.newsdet .r ul li:hover .img img{transform: scale(1.05);}
.newsdet .r ul li:hover h2{color:#fff;}
.newsdet .r ul li:hover .date{color:#fff}


.newslist{width: 90%;margin: 0 auto;padding: 80px 0;}
.newslist .t{margin-bottom: 55px;}
.newslist .t h2{font-size: 46px;color:var(--dataColor);line-height: 50px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.newslist .t span{font-size: 18px;color:#1d1d1d;line-height: 22px;display: block;text-align: center;opacity: 0.7;width: 100%;}
.newslist .b{width: auto;}
.newslist .b .snav{width: 100%;margin-bottom: 60px;}
.newslist .b .snav ul{font-size: 0;text-align: center;}
.newslist .b .snav ul li{width: 180px;height: 50px;border-radius: 40px;overflow: hidden;display: inline-block;vertical-align: middle;margin: 0 15px;}
.newslist .b .snav ul li a{font-size: 178px;height: 48px;display: block;border-radius: 40px;overflow: hidden;border: 1px solid #cbcbcb;font-size: 20px;color:#232323;line-height: 48px;text-align: center;transition: all 500ms;}
.newslist .b .snav ul li.hov a{background: var(--dataColor);color:#fff;border-color: var(--dataColor);}
.newslist .b .snav ul li:hover a{background: var(--dataColor);color:#fff;border-color: var(--dataColor);}
.newslist .b .lists{width: auto;}
.newslist .b .lists .top{font-size: 0;text-align: left;margin-bottom: 50px;background-color: #f5f5f5;transition: all 500ms;}
.newslist .b .lists .top .l{width: 50%;display: inline-block;vertical-align: middle;height: auto;overflow: hidden;}
.newslist .b .lists .top .l img{width: 100%;display: block;transition: all 500ms;}
.newslist .b .lists .top .r{width: 40%;display: inline-block;vertical-align: middle;padding: 0 5%;}
.newslist .b .lists .top .r h2{font-size: 28px;color:#505050;line-height: 50px;display: block;margin-bottom: 12px;}
.newslist .b .lists .top .r .date{font-size: 16px;color:#777;line-height: 40px;display: block;margin-bottom: 8px;}
.newslist .b .lists .top .r p{font-size: 18px;color:#666;line-height: 36px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;margin-bottom: 60px;}
.newslist .b .lists .top .r .more{font-size: 0;text-align: left;display: block;}
.newslist .b .lists .top .r .more b{font-size: 18px;color:#232323;display: inline-block;vertical-align: middle;line-height: 24px;margin-right: 10px;}
.newslist .b .lists .top .r .more i{font-size: 18px;color:#232323;display: inline-block;vertical-align: middle;font-family: "宋体";font-weight: bold;line-height: 24px;}
.newslist .b .lists .top:hover{background-color: var(--dataColor);}
.newslist .b .lists .top:hover .l img{transform: scale(1.05);}
.newslist .b .lists .top:hover .r h2{color:#fff}
.newslist .b .lists .top:hover .r .date{color:#fff}
.newslist .b .lists .top:hover .r p{color:#fff}
.newslist .b .lists .top:hover .r b{color:#fff}
.newslist .b .lists .top:hover .r i{color:#fff}
.newslist .b .lists .top:hover .r .more b{color:#fff}
.newslist .b .lists .top:hover .r .more i{color:#fff}
.newslist .b .lists .btm{width: auto;}
.newslist .b .lists .btm ul{font-size: 0;text-align: left;}
.newslist .b .lists .btm ul li{width: 31%;display: inline-block;vertical-align: top;margin:0 1% 3%;}
.newslist .b .lists .btm ul li a{display: block;border:1px solid #eee}
.newslist .b .lists .btm ul li .imgs{width: 100%;height: 310px;display: block;overflow: hidden;margin-bottom: 25px;}
.newslist .b .lists .btm ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.newslist .b .lists .btm ul li .text{width: auto;}
.newslist .b .lists .btm ul li .text h2{font-size: 22px;color:#1d1d1d;line-height: 36px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 500ms;}
.newslist .b .lists .btm ul li .text .date{font-size: 16px;color:#777;line-height: 32px;display: block;transition: all 500ms;}
.newslist .b .lists .btm ul li:nth-child(3){margin-right: 0;}
.newslist .b .lists .btm ul li:nth-child(6){margin-right: 0;}
.newslist .b .lists .btm ul li:nth-child(9){margin-right: 0;}
.newslist .b .lists .btm ul li:nth-child(12){margin-right: 0;}
.newslist .b .lists .btm ul li:nth-child(15){margin-right: 0;}
.newslist .b .lists .btm ul li:hover .imgs img{transform: scale(1.05);}
.newslist .b .lists .btm ul li:hover .text h2{color:var(--dataColor)}
.newslist .b .lists .btm ul li:hover .text .date{color:var(--dataColor)}

.newslist.video .b .lists .btm ul li a{position: relative;overflow: hidden;display: block;}
.newslist.video .b .lists .btm ul li .imgs{margin-bottom: 0;}
.newslist.video .b .lists .btm ul li .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0, 0, 0, 0.2);opacity: 0;transition: all 500ms;z-index: 1;}
.newslist.video .b .lists .btm ul li .bg::after{content:"";width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/index/icon-video-btn.png) no-repeat;background-size: 100%;z-index: 2;}
.newslist.video .b .lists .btm ul li:hover .bg{opacity: 1;}






/*上一篇下一篇*/
.prenext{width: auto;height:auto;margin: 0 auto;padding:24px 0 ;border-top: 1px solid #e6e6e6;}
.prenext ul{float:left;width:60%}
.prenext ul li{display:block;font-size:17px;color:#444;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:11px 0;}
.prenext ul li a{font-size:17px;color:#444;display:inline-block;width: 60%;vertical-align: bottom;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prenext ul li a:hover{color:var(--dataColor);}
/* .prenext a.return{width: 120px;height: 42px;display:block;float: right;margin-top:7px;text-align: center;background:#ed2d23;font-size: 16px;color:#fff;line-height: 42px;text-align: center;border-radius: 8px;}
.prenext:hover a.return{background: #f54a41} */
.prenext a.return{width: 180px;height: 50px;border: none;cursor: pointer;font-size: 18px;line-height: 50px;text-align: left;display: block;transition: all 500ms;background-color: #36a8aa;color:#fff;border-radius: 50px;position: relative;text-indent: 46px;float: right;margin-top: 15px;}
.prenext a.return::after{content: "";width: 28px;height: 28px;display: block;background: url(/template/default/pc/static/images/inbtn-bg.png) no-repeat;position: absolute;right: 11px;top: 11px;}
.prenext a.return:hover{background:var(--dataColor);color:#fff}


@media(max-width:700px){
    .newslist .t{
        margin-bottom: 20px;
    }
    .newslist .b .snav{
        margin-bottom: 20px;
    }
    .newslist .b .snav ul li{
        width: 100px;
        height: auto;
    }
    .newslist .b .snav ul li a{
        font-size: 10px;
        height: 30px;
        line-height: 30px;
    }
    .newslist .b .lists .btm{
        padding-top: 0;
    }
    .newslist .b .lists .btm ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .newslist .b .lists .btm ul li{
        width: calc(50% - 5px);
        margin:0;
        margin-bottom: 20px;
    }
    .slide4 .contents{
        padding: 10px;
    }
    .newslist .slide4 .contents.between{
        flex-direction: column;
    }
    .slide4 .contents .left,.slide4 .contents .right{
        width: 100%;
    }
    .slide4 .contents:hover .title{
        font-size: 16px;
    }
    .slide4 .contents .left .con{
        font-size: 10px;
    }
    .slide4 .contents .right{
        display: none;
    }
}