@charset "utf-8";



.banner{margin-bottom: 0.32rem; height: 3.64rem; position: relative; border-radius: 0.2rem; overflow: hidden;}
.banner .swiPagination{position: absolute; right: 0.26rem; bottom: 0.18rem !important; left: auto !important; top: auto !important; width: auto !important; font-size: 0; text-align: center; z-index: 10;}
.banner .swiPagination .swiper-pagination-bullet{margin: 0 0.04rem !important; width: 0.06rem; height: 0.06rem; background-color: #fff; border-radius: 50%; opacity: .6;}
.banner .swiPagination .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-slide{height: auto;}
.banner .con{display: block; height: 100%; position: relative; z-index: 1; overflow: hidden;}
.banner .con:before{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1.74rem; background: url(../images/d-banner_bg1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: 5;}
.banner .pic{height: 100%;}
.banner .mask{padding: 0.12rem 0.36rem; padding-right: 0.9rem; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10;}
.banner .tit{font-size: 0.18rem;  color: #fff; font-weight: normal; line-height: 1.5; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}

.swiNav-d1{margin: -0.2rem; margin-bottom: 0; padding-top: 0.2rem; padding-bottom: 0.12rem; position: relative; overflow: hidden;}
.swiNav-d1 .swiPagination{position: absolute; left: 0; bottom: 0 !important; right: 0; font-size: 0; text-align: center; z-index: 10;}
.swiNav-d1 .swiPagination .swiper-pagination-bullet{margin: 0 0.06rem !important; display: inline-block; vertical-align: middle; width: 0.22rem; height: 0.22rem; background-color: transparent; position: relative; z-index: 1; opacity: 1;}
.swiNav-d1 .swiPagination .swiper-pagination-bullet:before, .swiNav-d1 .swiPagination .swiper-pagination-bullet:after{box-sizing: border-box;}
.swiNav-d1 .swiPagination .swiper-pagination-bullet:before{content: ''; margin: -0.05rem 0 0 -0.05rem; position: absolute; left: 50%; top: 50%; width: 0.1rem; height: 0.1rem; background-color: #1449AA; border-radius: 50%; opacity: .6; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.swiNav-d1 .swiPagination .swiper-pagination-bullet:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/d-dot1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; opacity: 0; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);}
.swiNav-d1 .swiPagination .swiper-pagination-bullet-active{}
.swiNav-d1 .swiPagination .swiper-pagination-bullet-active:before{opacity: 1;}
.swiNav-d1 .swiPagination .swiper-pagination-bullet-active:after{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .8s linear; -o-transition: .8s linear; transition: .8s linear;}
.swiNav-d1 .swiper-slide{height: auto; display: flex; flex-wrap: wrap;}
.swiNav-d1 .item{padding: 0 0.2rem; margin-bottom: 0.25rem; width: 25%; flex-shrink: 0;}
.swiNav-d1 .con{display: block;}
.swiNav-d1 .icon{margin: 0 auto 0.12rem; width: 0.86rem; height: 0.86rem; position: relative; z-index: 1; border-radius: 50%; box-shadow: 0 0.06rem 0.16rem 0 rgba(8,47,117,0.27); overflow: hidden;}
.swiNav-d1 .icon:before, .swiNav-d1 .icon:after{content: ''; position: absolute; left: 0; top: 0; width: 101%; height: 101%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.swiNav-d1 .icon:before{background-image: url(../images/d-ls_bg1.png); z-index: -2;}
.swiNav-d1 .icon:after{background-image: url(../images/d-ls_bg2.png); z-index: -1;}
.swiNav-d1 .icon .inn{margin: -0.34rem 0 0 -0.34rem; position: absolute; left: 51%; top: 51%; width: 0.68rem; height: 0.68rem; background-color: #fff; border-radius: 50%; position: relative;}
.swiNav-d1 .icon img{max-width: 78%; max-height: 78%;}
.swiNav-d1 .tit{font-size: 0.18rem; color: #333333; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.swiNav-d1 .con:hover{}
.swiNav-d1 .con:hover .icon img{animation: beat .5s;}

.swiShows-d1{background-color: #184DAE; border-radius: 0.1rem; position: relative; overflow: hidden;}
.swiShows-d1 .swiPagination{position: absolute; right: 0.16rem; bottom: 0.12rem !important; left: auto !important; top: auto !important; width: auto !important; font-size: 0; text-align: center; z-index: 10;}
.swiShows-d1 .swiPagination .swiper-pagination-bullet{margin: 0 0.04rem; width: 0.06rem; height: 0.06rem; background-color: #FFFFFF; border-radius: 50%; opacity: .6;}
.swiShows-d1 .swiPagination .swiper-pagination-bullet-active{opacity: 1;}
.swiShows-d1 .swiper-slide{height: auto;}
.swiShows-d1 .con{display: block; height: 100%; overflow: hidden;}
.swiShows-d1 .pic{height: 1.72rem;}
.swiShows-d1 .text{padding: 0.13rem 0.2rem; padding-right: 0.8rem; height: 0.5rem;}
.swiShows-d1 .tit{font-size: 0.16rem; color: #FFFFFF; font-weight: normal; line-height: 1.5; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}



.ls-d1{margin: 0 -0.42rem -0.15rem; display: flex; flex-wrap: wrap;}
.ls-d1 li{padding: 0 0.42rem; margin-bottom: 0.15rem; width: 50%; flex-shrink: 0;}
.ls-d1 .con{padding: 0.2rem 0.2rem 0.1rem; display: block; height: 1.16rem; position: relative; z-index: 1;}
.ls-d1 .con:before{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1.2rem; background: url(../images/d-ls_bg3.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1;}
.ls-d1 .con:after{content: ''; position: absolute; left: 0.08rem; bottom: 0.08rem; right: 0.08rem; top: 0.08rem; background-color: #FFFFFF; border-radius: 0.1rem; opacity: .5; z-index: -1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.ls-d1 .icon{margin: 0 auto 0.04rem; width: 0.42rem; height: 0.42rem; position: relative;}
.ls-d1 .icon .ig2{opacity: 0;}
.ls-d1 .tit{font-family: SourceHanSerifCN-Regular; font-size: 0.18rem; color: #1449AA; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.ls-d1 .con:hover{}
.ls-d1 .con:hover:after{background-color: #174DAF; opacity: 1;}
.ls-d1 .con:hover .icon img{opacity: 0;}
.ls-d1 .con:hover .icon .ig2{opacity: 1;}
.ls-d1 .con:hover .tit{color: #FFFFFF;}

.ls-d2{}
.ls-d2 li{border-bottom: 1px dashed rgba(51, 51, 51, .2);}
.ls-d2 .con{display: block; height: 0.46rem; line-height: 0.46rem; overflow: hidden;}
.ls-d2 .date{margin-left: 0.15rem; float: right; font-size: 0.16rem; color: #333333;}
.ls-d2 .tit{font-size: 0.16rem; color: #333333; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.ls-d2 .con:hover{}
.ls-d2 .con:hover .tit, .ls-d2 .con:hover .date{color: #184DAE;}
.ls-d2 .con:hover .tit{font-weight: bold;}




.page-cont1{padding: 0.3rem 0;}


.box-d1{padding: 0 0.05rem;}
.box-d1 .hd-d1{margin-bottom: 0.28rem;}
.box-d2{display: flex; justify-content: space-between; align-items: flex-start;}
.box-d2 .box-col, .box-d2 .box-cor{flex-shrink: 0;}
.box-d2 .box-col{width: 56.1%;}
.box-d2 .box-cor{width: 41.3%;}
.box-d2 .box-cor .hd-d1{margin-bottom: 0.24rem;}
.box-d2 .hd-d1{margin-bottom: 0.1rem;}





@media (max-width: 1366px){
    .swiNav-d1 .icon{width: 0.8rem; height: 0.8rem;}
    .swiNav-d1 .icon .inn{margin: -0.29rem 0 0 -0.29rem; width: 0.58rem; height: 0.58rem;}
    .ls-d1{margin: 0 -0.2rem -0.3rem;}
    .ls-d1 li{padding: 0 0.2rem; margin-bottom: 0.3rem;}
}

@media (max-width: 1199px){

}

@media (max-width: 1157px){
    .box-d2{display: block;}
    .box-d2 .box-col, .box-d2 .box-cor{width: 100%;}
    .box-d2 .box-col{margin-bottom: 0.4rem;}
}

@media (max-width: 1025px){

}

@media (max-width: 769px){
    .banner{height: 2.6rem;}
    .banner .mask{padding-left: 0.2rem;}
    .swiNav-d1{padding-bottom: 0.2rem;}
    .swiNav-d1 .item{margin-bottom: 0.2rem; width: 33.33%;}
    .swiNav-d1 .icon{margin-bottom: 0.1rem;}
    .swiShows-d1 .text{padding: 0.14rem 0.2rem; padding-right: 0.8rem;}
    .ls-d1{margin: 0 -0.05rem -0.2rem;}
    .ls-d1 li{padding: 0 0.05rem; margin-bottom: 0.2rem;}
    .ls-d1 .con{padding: 0.2rem 0.2rem 0.1rem;}
    .ls-d1 .icon{margin-bottom: 0.08rem;}
}

@media (max-width: 481px) {}