*{margin:0;padding:0;}
body{width:100%;height:100%;background: linear-gradient(to right, #adcce9 0%, #ffffff 100%);}
#wrap{width:100%;height:100%;position:relative;overflow:hidden;}
.logo{width:100%;height:880px;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;}

a,a:hover{color:#254352;text-decoration:none;}
h2{position:relative;margin:30px auto 10px;}
h2 img{width:100%;display:block;width:120%;margin-left:-10%;}
h2 a.more{position:absolute;right:0;top:0;bottom:0;margin:auto;width:68px;height:58px;cursor:pointer;font-size:18px;color:#666;white-space:nowrap;font-style:italic;}
h3{font-size:20px;}
h3 a{color:#254352;}
.nav{width:100%;height:126px;background:url(./images/navBg.png) no-repeat center;background-size:auto 100%;position:absolute;top:830px;left:0}
.nav>div{width:100%;max-width:1200px;margin:auto;text-align:center;line-height:114px;color:#fff;font-size:30px;}
.nav>div a{padding:0 1.5%;color:#fff;font-size:22px;position:relative;top:-2px}

.topic,.content>div{overflow:hidden;}
#swiper1{width:48%;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(0,0,0,0.4);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:#ab1414}


.topic .newsList{float:right;padding:0px 1.5% 0px 0;overflow:hidden;width:48%}
.topic .newsList div{border-bottom:1px dashed #ccc;margin-bottom:8px;padding:0 0 30px 44%;position:relative;height:160px;}
.topic .newsList>div img{position:absolute;left:0;top:0;width:42%;height:150px;object-fit:cover;}
.topic .newsList h2{margin:0;}

h3{width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height:26px;height:52px;font-weight:bold;font-size:18px;color:#254352;}
p{color:#444;line-height:1.6;font-size:14px;}
.imgTxt p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.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;color:#254352;padding-left:8px;position:relative;}
li:before{content:"";position:absolute;left:0;top:16px;width:3px;height:3px;background:#254352;}

.flex{display:flex;display:-webkit-flex;margin:10px -10px 0;}
.flex>div{flex:1;-webkit-flex:1;overflow:hidden;margin:0 10px;}
.flex>div img{width:100%;}
.flex>div p{text-align:center;}
.imgTxt{float:left;width:48.5%;margin-bottom:35px;overflow:hidden;}
.imgTxt:nth-of-type(2),.imgTxt:nth-of-type(4){float:right;}
.imgTxt img{float:left;width:50%;height:157px;object-fit:cover;}
.imgTxt>div{float:right;width:48%;}
.imgTxt span{color:#3d89c2;padding:0 10px;background:#fff;border:1px solid #3d89c2;border-radius:14px;font-size:12px;display:block;width:60px;text-align:center;line-height:2;margin-top:12px;}
#nav2,#nav4{margin:0 auto;}
#nav2 .more{top:-22px;}
#nav4 .more{top:40px;}

.jsxx{padding:0 8%;position:relative;margin-bottom:30px;}
#swiper2{height:auto;}
#swiper2 a{display:block;}
#swiper2 img{display:block;height:372px;width:100%;object-fit:cover;border-radius:5px;}
#swiper2 p{position:absolute;left:0;bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,.1) 0%, #000 100%);color:#fff;padding: 10px;border-radius:0 0 5px 5px;width:100%;box-sizing:border-box;}
.arrow_left,.arrow_right{position:absolute;width:8%;height:100%;background:blue;top:0px;bottom:0;margin:0 auto;z-index:9;cursor:pointer;}
.arrow_left{left:0;background:url(./images/prevBtn.png) no-repeat center;background-size:120% auto;}
.arrow_right{right:0%;background:url(./images/nextBtn.png) no-repeat center;background-size:120% auto;}

.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:100%;height:48vw;margin-bottom:2vw;}
   .topic .newsList{float:none;width:100%}
   .topic .newsList>div{padding-left:32vw}
   .topic .newsList>div img{width:30vw;height:auto;}
   .content>div.flex{display:block;margin-bottom:10px;padding:0 10px}
   .content>div.flex>div{margin:0 0 10px;}
  #swiper2 img,.arrow_left, .arrow_right{height:calc(38vw - 52px);}

}
@media screen and (max-width: 768px) {
    .content{padding-top:0;margin-top:0}
    .logo{height:50vw;}
    .imgTxt{float:none;width:100%;margin-bottom:10px;}
    .imgTxt img{width:40%;height:auto;}
    .imgTxt>div{width:58%;}
    .nav,.imgTxt p{display:none;}
    .topic .newsList>div img{display:none;}
    .topic .newsList>div{padding-left:0;height:auto;}
    h3{font-size:4vw;line-height:5vw;height:10vw;}
    .imgTxt span{margin-top:2vw;font-size:3.4vw;width:14vw;border-radius:3.4vw;}
    h2 img{width:140%;margin-left:-20%;}
    #nav2 .more{top:3vw;}
    #nav4 .more{top:6vw;}
    #swiper2 img,.arrow_left, .arrow_right{height:60vw;}
    h2 a.more{text-align:right;font-size:3.6vw;height:4vw;line-height:1;bottom:auto;}
}