*{margin:0;padding:0;}
body{width:100%;height:100%;background:#fff url(./images/bg.jpg) no-repeat center 900px;background-size:cover;}
#wrap{width:100%;height:100%;position:relative;}
.logo{width:100%;height:900px;margin:0 auto;display:block;object-fit:cover;object-position: 50% 0;}
.content{max-width:1200px;width:96%;margin:auto;padding-top:30px;margin-top:30px;box-sizing:border-box;background:rgba(255,255,255,0.9);box-shadow:0 0 40px 25px #fff;}
img{max-width:100%;}
a{color:#333;text-decoration:none;}
h2{position:relative;margin:30px auto 10px;}
h2 img{width:100%;display:block;}
h2 a.more{position:absolute;right:0;bottom:0;margin:auto;width:68px;height:100%;cursor:pointer;font-size:16px;color:#999;white-space:nowrap;}
h3 a{color:#000;}
.nav{width:100%;height:126px;background:url(./images/navBg.png) no-repeat center;background-size:auto 100%;position:absolute;top:810px;left:0}
.nav>div{width:100%;max-width:1200px;margin:auto;text-align:center;line-height:126px;color:#fff;}
.nav>div a{padding:0 1.5%;color:#fff;font-size:18px;}



.topic{overflow:hidden;}
#swiper1{width:50%;height:328px;float:left;}
#swiper1 img,#swiper1 a{display:block;height:100%;width:100%;object-fit:cover;object-position: 50% 0;}

#swiper1 p{position:absolute;width:100%;height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:0;bottom:0;background:rgba(6,100,172,0.8);color:#fff;margin:0;line-height:45px;padding:0 10px;box-sizing:border-box;}
#swiper1 p{padding-right:80px}

#swiper1 .swiper-pagination{width:auto;height:45px;right:15px;left:auto;bottom:0;line-height:42px}
#swiper1 .swiper-pagination-bullet{background:#fff;opacity:1;width:10px;height:10px;}
#swiper1 .swiper-pagination-bullet-active{background:#febc9a}

.midImg{width:15%;margin:0 1%;float:left;}
.midImg img{width:100%;height:103px;display:block;}
.midImg a{margin-bottom:10px;display:block;}
.midImg a:last-child{margin-bottom:0}

.topic .newsList{float:right;padding:0px 1.5% 0px 0;overflow:hidden;width:31.5%}
.topic .newsList div{border-bottom:1px dashed #ccc;margin-bottom:8px;}
.topic .newsList h2{margin:0;}
h3{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:38px;font-weight:bold;font-size:18px;color:#000;}
.flex h3+p,#swiper2 p,#swiper3 p{height:52px;overflow:hidden;line-height:26px;color:#5e5e5e;font-size:16px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;
    -webkit-box-orient: vertical;margin-bottom:13px;}
.flex a{border-bottom:1px solid #d9d9d9;display:block;margin-bottom:10px;}
.flex a:last-child{border-bottom:none;margin-bottom:0}
.topic .newsList ul{padding-top:10px;}
li{line-height:35px;font-size:18px;font-weight:bold;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.flex{display:flex;display:-webkit-flex;}
.flex>div{flex:1;-webkit-flex:1;overflow:hidden;}
.flex>div:nth-of-type(1){margin-right:10px;}
.flex>div:last-child{margin-left:10px;}
.mid{padding:0 5px;}
.mid .flex>div:nth-of-type(1){margin-right:5px;}
.mid .flex>div:last-child{margin-left:5px;}
.coverTxt{position:relative;height:220px;}
.mid .coverTxt{height:115px}
.coverTxt a{display:block;height:100%;}
.coverTxt img{display:block;height:100%;object-fit:cover;object-position: 50% 0;width:100%}
div.coverTxt p{position:absolute;display:block;width:100%;left:0;bottom:0;line-height:40px;color:#fff;padding:0 10px;background:rgba(0,0,0,0.5);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mid div.coverTxt p{margin-bottom:0;font-size:14px;line-height:36px;}
.coverTxt span{position:absolute;width:50px;height:50px;left:0;top:0;right:0;bottom:0;margin:auto;background:url(https://www.cnr.cn/2024/images/design/icon_play_l.5523fd.png);background-size:100% 100%;}

.hoverImg{position:relative;overflow:hidden;margin-top:10px;height:69px;}
.hoverImg img{display:block;width:100%;height:100%;object-fit:cover;}
.hoverImg p{align-items: center;background-color: rgba(0, 0, 0, 0.8);color: #fff;display: flex;font-size: 14px;font-weight: 700;height: 100%;justify-content: center;padding: 0 10%;
    position: absolute;top:0px;transform: translateY(100%);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); width: 80%;z-index: 2;overflow:hidden;line-height:1.8}
.hoverImg p span{display:block;max-height:69px;line-height:23px;}
.hoverImg:hover p {transform: translateY(0); }
.jsxx{overflow:hidden;margin-bottom:20px;padding:20px 0 0;box-sizing:border-box;position:relative;}
#swiper2{width:55%;height:auto;float:left;margin-left:5%}
#swiper2 a,,#swiper3 a{display:block;}
#swiper2 img{display:block;height:372px;width:100%;object-fit:cover;}
.arrow_left,.arrow_right{position:absolute;width:5%;height:372px;background:blue;top:20px;bottom:0;margin:0 auto;z-index:9;cursor:pointer;}
.arrow_left{left:0;background:url(./images/prevBtn.png) no-repeat center;background-size:contain;}
.arrow_right{left:60%;background:url(./images/nextBtn.png) no-repeat center;background-size:contain;}
#swiper3{width:33%;height:auto;float:right;margin-top:86px}
#swiper3 img{filter: brightness(0.5);display:block;height:220px;width:100%;object-fit:cover;background:#000;}
#swiper3 p{margin-top:10px;}
.footer{display:none;color:#fff;text-align:center;line-height:2;padding:25px 0;background:#333;}
@media screen and (max-width: 1200px) {
    #footer0820{display:none;}
    .footer{display:block;}
    
}
@media screen and (max-width: 1024px) {
    .logo{height:520px;}
    .nav{top:430px}
    #swiper1{width:72%;}
   .midImg{width:25%;float:right;}
   .coverTxt{position:relative;}
   .mid .coverTxt,.coverTxt{height:auto;}
   .hoverImg,.hoverImg img{height:17vw;}
   .topic .newsList{float:none;width:100%;}
   #nav1{width:50%;}
   .content>div.flex{display:block;}
   .content>div.flex>div:nth-of-type(1),.mid{margin:0 0 10px;padding:0}
   #swiper2 img,.arrow_left, .arrow_right{height:28.4vw;}
   #swiper3{margin-top:5.2vw}
   #swiper3 img{height:18vw;}



}
@media screen and (max-width: 768px) {
    .logo{height:50vw;}
   #swiper1{height:42vw;margin-bottom:2vw;}
   .midImg a{margin-bottom:1.5vw;}
   .midImg img{height:13vw;}
   .nav{display:none;}
}