﻿body{background: #fff}

nav li{width:calc(1200px / 5)}
nav li.active a {
    background-color: #243881;
    color: #fff;
}
.swiper{width:1200px;height:349px}
.swiper a{width:100%}
.flk{height: 350px;background: #f6f6f6;padding: 25px 30px 37px;box-sizing: border-box;margin-bottom: 50px;}
.text-top{border-bottom: 2px solid #e7e7e7;/* margin-bottom: 40px; */}
.commonweal{position: relative;}
.mySwiper1{width:1050px;margin: 40px auto 0;display: block;height: 100%;}
.mySwiper1 .swiper-slide{width:330px;height:200px}
.btnBox{position:absolute;top:50%;width:100%}
.swiper-button-next, .swiper-button-prev{margin-top:-17px;margin-left: -5px;cursor:pointer}
.swiper-button-next{margin-right: -15px;}
.swiper-button-next:after, .swiper-button-prev:after{content:"";background: url(../images/btn.png) center left no-repeat;width: 20px;height: 34px;display: block;}
.swiper-button-next:after{background-position:center right}
.swiper-button-next:hover::after, .swiper-button-prev:hover::after{background-position-y:top}

.banner .swiper-button-prev{margin-left: 40px;}
.banner .swiper-button-next{margin-right:40px}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{background-position-y:bottom}
.banner .swiper-button-next:hover::after,.banner .swiper-button-prev:hover::after{background-position-y:top}

.main-body{margin-top:0;padding: 0;padding-top: 40px;position: relative;padding-bottom: 30px;}
.main-top{/* height:40px; */border-width: 1px;padding-bottom: 15px;height: auto;}
.main-top p{font-size:20px;font-weight:bold;line-height: 1.5;overflow: auto;white-space: unset;text-overflow: unset;height: auto;}
.content-text{font-size:16px;line-height:2}

.time{font-size:16px;color: #999}

.list .main-top{height: 30px;border-width: 2px;position:relative;box-sizing: border-box;}
.list .main-top p{font-size:18px;color:#445dc2}
.list .main-top a{font-size:14px;color:#3881b8;position:absolute;top:0;right:0}
.list .news-bottom{border-bottom:1px solid #dddddd;height:55px;padding: 0;line-height: 55px;}
.list .news-bottom a{display:flex;justify-content:space-between}
.list .news-bottom p{font-size:16px;color:#555555;padding-left:20px;position:relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc(100% - 100px);}
.list .news-bottom p:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#999;left:0;top:calc(50% - 3px)}
.list .news-bottom .time{font-size:14px;color:#999}
.list .news-bottom:hover p,.list .news-bottom:hover .time{color:#445dc2}
.list .news-bottom:hover p:after{background:#445dc2}

#pages{margin-bottom:10px}
#pages a,#pages span{font-size:14px;margin: 0;}
#pages a.currentpage{background:#445dc2}


.turn{font-size:14px;color:#3881b8;position:absolute;right:0;bottom: 0;}

@media screen and (max-width:880px){
    .top-pic{height: calc(128 / 750 * 100vw);background-image: url(../images/bannerM.png)}
    .menuBtn{top: calc(50% - 0.2rem);}
    
    .banner{width:100%;height:calc(350 / 750 * 100vw)}
    .main-news{margin-top:0}
    .main-news .swiper, .main-news .swiper img{width:100%;height: calc(350 / 750 * 100vw);}
    .banner .swiper-button-prev{margin-left: 4vw;}
    .banner .swiper-button-next{margin-right: 1vw;}
    .swiper-button-next:after, .swiper-button-prev:after{width: 10px;height: 15px;background-size:200%}

    .flk{height:calc(360 / 750 * 100vw);width: 100%;padding: 4vw;margin-bottom: 25px;}
    .text-top{height:30px}
    .text-top p{height:30px}
    .mySwiper1{width: calc(600 / 750 * 100vw);margin-top: 6vw;}
    .mySwiper1 .swiper-slide{width:calc(290 / 750 * 100vw);height:calc(180 / 750 * 100vw)}

    .main-body{padding-top: 25px;padding-bottom: 0;}
    .main-top p{/* height: auto; */font-size: 16px;}
    .list .main-top{margin-bottom:10px}
    .list .news-bottom{height:35px;border-bottom:0;line-height:35px;}
    .list .news-bottom p{font-size:14px;height:35px;padding-inline-start: 13px;}
    .list .news-bottom .time{font-size:12px}
    .list .news-bottom p:after{width:4px;height:4px;top: calc(50% - 2px);}


    #pages{margin:15px 0 0}
    #pages a, #pages span{font-size:12px}

    .time{font-size:12px}
    .content-text,.content-text *{font-size:14px!important;line-height:1.5!important}

    .menu_list .nav_list{width:100%}
    .menu_list .nav_list>li:hover, .menu_list .nav_list>li.active{background:#445dc2}
    .menu_list .nav_list>li>a{width:100%;display:block;height:100%}

    footer{padding:10px 4% 0px 4%;width: 100%;}
    footer p{margin-bottom: 5px;}
}

