*{margin:0;padding:0;}
html{font-size:10px;}
body{width:100%;height:100%;background:#fff url(./images/bg.jpg) no-repeat center top;background-size:100% auto;}
#wrap{width:100%;height:100%;position:relative;overflow:hidden;}
.logo{width:100%;margin:0;display:block;}
.content{max-width:1200px;width:100%;margin:auto;box-sizing:border-box;}
a{color:#13243c;text-decoration:none;}
h2{position:relative;margin:0 auto 4%;}
h2 img{width:100%;display:block;}
h2 a{position:absolute;right:0;bottom:0;margin:auto;width:68px;line-height:6.4rem;cursor:pointer;font-size:16px;color:#fff;white-space:nowrap;}
h3 a{color:#000;}
.topic{display:flex;display:-webkit-flex;margin-bottom:30px;background:url(./images/bg.png) no-repeat left bottom;background-size:100% auto;}
.desc{color:#1c89b9;font-size:2.2rem;line-height:1.8;max-width:1200px;margin:1.8% auto;}
.relative{position:relative;width:48.6%;}
#swiper1{height:328px;}
#swiper2{width:100%;height:23.6rem;padding:0px 4%;margin:0 auto 3rem;box-sizing:border-box;}
#swiper1 img,#swiper1 a{display:block;height:100%;width:100%;object-fit:cover;}
#swiper2 img{height:19.5rem;width:100%;object-fit:cover;}
#swiper1 p{position:absolute;width:100%;height:4.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:0;bottom:0;font-size:1.6rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);color:#fff;margin:0;line-height:4.5rem;padding:0 1rem;box-sizing:border-box;padding-right:8rem}

#swiper2 p{font-size:1.6rem;text-align:center;line-height:2;color:#666;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}

.relative .swiper-pagination{width:auto;height:4.5rem;right:1.5rem;left:auto;bottom:0;line-height:42px}
.relative .swiper-pagination-bullet{background:#fff;opacity:1;width:1rem;height:1rem;margin:0 4px;}
.relative .swiper-pagination-bullet-active{background:#e5b76c}

.arrow_left,.arrow_right{position:absolute;width:3%;max-width:22px;height:100%;background:blue;top:0;bottom:0;margin:auto;z-index:9;cursor:pointer;}
.arrow_left{left:0;background:url(./images/prevBtn.png) no-repeat center 40%;background-size:100% auto;}
.arrow_right{right:0;background:url(./images/nextBtn.png) no-repeat center 40%;background-size:100% auto;}

.act{display:flex;display:-webkit-flex;margin-bottom:40px}
.newsList{flex:1;-webkit-flex:1;padding:0px 2% 0px 5%;overflow:hidden;}
.newsList div{border-bottom:1px dashed #ccc;margin-bottom:2rem;padding-bottom:4rem;}
.act .newsList div{border:none;margin-bottom:10px;padding-bottom:0px;}
.newsList div a{display:block;position:relative;padding-left:250px;}
.newsList div img{width:236px;height:100%;position:absolute;left:1px;top:0;}
.newsList 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:28px;height:56px;font-weight:bold;font-size:1.8rem;color:#13243c;}
.newsList p{height:78px;overflow:hidden;line-height:26px;color:#a7a4a1;font-size:1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newsList ul{padding-top:10px;}
.newsList ul li{line-height:40px;font-size:1.8rem;font-weight:bold;color:#13243c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:14px;position:relative;}
.newsList ul li:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:16px;background:#13243c;}
.more{display:none;}


p.tip{margin:10px 0;height:50px;background:url(./images/tip.png) no-repeat center center;background-size:auto 30%;}

.footer{display:none;color:#fff;text-align:center;line-height:2;padding:2.5rem 0;background:#444;font-size:1.6rem}
@media screen and (max-width: 1200px) {
    #footer0820{display:none;}
    .footer{display:block;}
}
@media screen and (max-width: 1024px) {
    *{box-sizing:border-box;}
    .logo{width:120%;margin-left:-10%;}
    .desc{width:92%;}
    h2 img{height:8.4vw;object-fit:cover;}
    h2 a{line-height:8.4vw;}
    
    .relative{width:100%;}
    #swiper1{width:100%;height:54vw;border-radius:.8rem;}
    #swiper1 img{box-shadow:0 0 5px 0 #a17f61;}
    #swiper1 p{padding-right:1rem}
    #swiper2{height:calc(16vw + 3.6rem)}
    #swiper2 img{height:16vw;box-shadow:0 0 5px 0 #a17f61;border:2px solid #fff;}

    .relative .swiper-pagination{position:relative;background:url(./images/pageBg.png) no-repeat center;background-size:40% 120%;height:12rem;line-height:12rem;top:-1rem;right:0}

    .topic,.jsxx{display:block;margin-bottom:15px;padding:0 4vw;background:none;}
    .topic>img{width: 100%}
    .act{display:block;padding:0 4vw;}
    .newsList{padding:0;width:100%;margin-bottom:1.5rem}
    .newsList div img{border:2px solid #fff;box-shadow:0 0 5px 0 #a17f61;}
    
}
@media screen and (max-width: 680px) {
    h2>a{display:none;}
    .newsList div.more,#wrap div.more{font-size:1.4rem;color:#666;display:block;width:100%;margin:auto;height:10.5vw;line-height:10.5vw;text-align:center;background: linear-gradient(to bottom, #fff, #e6e6e6);padding-bottom:0;border:1px solid #e6e6e6;}
    html{font-size:2vw}
    .logo{width:180%;margin-left:-40%;}
    .desc{font-size:1.8rem;padding:2vw 0;}
    #swiper2{padding:0;margin-bottom:0;height:21rem;}
    #swiper2 .swiper-slide{padding:1px 2px 0;width:60vw;}
    #swiper2 p{color:#000;}
    #swiper2 img{height:31.9vw;}
    .arrow_left,.arrow_right{display:none;}
    .relative .swiper-pagination{width:100%;text-align:center;height:8rem;line-height:8rem;top:-.5rem}
    .content .newsList div{margin-bottom:0;padding-bottom:0;border:none;}
    .newsList div a{padding-left:20rem;height:10.15rem;}
    .newsList div img{width:18rem;height:10.15rem;}
    .newsList p{display:none;}
    .newsList ul li{padding-left:0;border-bottom:1px solid #eee;line-height:5rem}
    .newsList ul li:last-child{border:none;}
    .newsList ul li:before{display:none;}
    .act .newsList:last-child{display:none;}


}
@media screen and (max-width: 540px) {
    html{font-size:2.2vw;}
}