@charset "utf-8";
/* CSS Document */

/*.blog-banner .swiper-slide img{ display: block; width: 100%;}*/
.blog-banner .swiper-slide img{ width: 100%;}
.blog-banner .swiper-slide .banner-inner{ width: 100%; padding: 0 0.8rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.blog-banner .swiper-slide .banner-cont{ width: 60%; font-size: 0.18rem; color: #fff;}
.blog-banner .swiper-slide .banner-cont h1{ font-size: 0.5rem; font-weight: bold;}
.blog-banner .swiper-slide .banner-cont .cont{ margin-top: 0.3rem; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blog-banner .swiper-slide .banner-cont .btn-box{ margin-top: 0.5rem;}
.blog-banner .swiper-slide .banner-cont .btn-box a{ display: inline-block; border: 1px solid #b5e4ff; border-radius: 0.2rem; color: #b5e4ff !important; font-size: 0.16rem; line-height: 1; padding: 0.115rem 0.2rem;}
.blog-banner .swiper-slide .banner-cont .btn-box a:hover{ background-color: #fff; border-color: #fff; color: #000 !important;}
.blog-banner .banner-tabs{ background-color: #0e0f12; position: relative; z-index: 5;}
/* .blog-banner .banner-tabs ul{ display: flex; align-items: center;} */
.blog-banner .banner-tabs li{ /* flex: 1; */ float: left; width: 33.333%; position: relative;}
.blog-banner .banner-tabs li::after{ content: ''; width: 0; height: 0; border-bottom: 0.25rem solid #232c3a; border-left: 0.22rem solid transparent; border-right: 0.22rem solid transparent; position: absolute; top: -0.25rem; left: 50%; transform:translateX(-50%); display: none;}
.blog-banner .banner-tabs li .block-box{ padding: 0.3rem 0.8rem; display: flex;}
.blog-banner .banner-tabs li .block-box .img,.blog-banner .banner-tabs li .block-box .cont-box{ flex: 1;}
.blog-banner .banner-tabs li .block-box .img{ height: 1rem; overflow: hidden;}
.blog-banner .banner-tabs li .block-box .img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.blog-banner .banner-tabs li .block-box .cont-box{ font-size: 0.18rem; color: #fff; padding-left: 0.15rem; padding-top: 0.1rem;}
.blog-banner .banner-tabs li .block-box .cont-box .blog-title{ font-size: 0.16rem; color: #b5e4ff;}
.blog-banner .banner-tabs li .block-box .cont-box .cont{ margin-top: 0.1rem; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blog-banner .banner-tabs li.active,.blog-banner .banner-tabs li:hover{ background-color: #232c3a;}
.blog-banner .banner-tabs li.active::before,.blog-banner .banner-tabs li:hover::before{ content: ''; width: 100%; height: 0.06rem; background-color: #75c0ea; position: absolute; left: 0; bottom: 0;}
.blog-banner .banner-tabs li.active::after,.blog-banner .banner-tabs li:hover::after{ display: block;}


.blog-base-box{ font-size: 0.18rem; color: #000; width: 72%;}
.blog-base-box h1{ font-size: 0.5rem; font-weight: bold; color: #1b4e94;}
.blog-base-box .cont{ margin-top: 0.4rem;}

.blog-base-container{ padding: 0.8rem; background: -webkit-linear-gradient(to bottom, #184787 ,#0a2046); background: linear-gradient(to bottom, #184787 ,#0a2046); color: #fff;}
.blog-base-container .blog-base-box{ color: #fff;}
.blog-base-container .blog-base-box h1{ color: #fff;}
.blog-base-tabs-container{ margin-top: 0.8rem;}
.blog-base-tabs-container .tabs-box{ border-bottom: 0.02rem solid #75c0ea; box-shadow: 0.02rem 0.02rem 0.1rem rgba(000, 000, 000, 0.3);}
.blog-base-tabs-container .tabs-box ul{ display: flex;}
.blog-base-tabs-container .tabs-box li{ flex: 1; text-align: center; position: relative; cursor: pointer; background-color: rgba(117, 192, 234, 0.1);}
.blog-base-tabs-container .tabs-box li .blog-title{ font-size: 0.18rem; line-height: 0.72rem; text-transform: uppercase;}
.blog-base-tabs-container .tabs-box li.active{ background-color: rgba(117, 192, 234, 1);}
.blog-base-tabs-container .tabs-box li.active .blog-title{ font-size: 0.24rem; /* color: #75c0ea; */ color: #000;}
/* .blog-base-tabs-container .tabs-box li.active::before{ content: ''; width: 100%; height: 0.06rem; background-color: #75c0ea; position: absolute; left: 0; bottom: -0.04rem;} */
.blog-base-tabs-container .tabs-content{ margin-top: 0.65rem;}
.blog-base-tabs-container .tabs-content .box{ display: none;}

.blog-base-list ul{ margin: 0 -0.225rem;}
.blog-base-list li{ float: left; width: 33.333%; padding: 0 0.225rem; margin-top: 0.6rem;}
.blog-base-list li .block-box{ background-color: #fff; position: relative;}
.blog-base-list li .block-box .pic{ height: 2.6rem; overflow: hidden;}
.blog-base-list li .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.blog-base-list li .block-box .cont-box{ padding: 0.25rem 0.4rem 0.4rem 0.4rem; font-size: 0.16rem; color: #000; line-height: 1.5;}
.blog-base-list li .block-box .cont-box h2{ font-size: 0.28rem; color: #1b4e94; font-weight: bold; line-height: 1.5; height: 1.5em;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blog-base-list li .block-box .cont-box h2 a{ color: #1b4e94 !important;}
.blog-base-list li .block-box .cont-box .time{ color: #1b4e94;}
.blog-base-list li .block-box .cont-box .cont{ margin-top: 0.15rem; font-size: 0.18rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blog-base-list li .block-box .cont-box .type{ font-size: 0.14rem; color: #7a7a7a; margin-top: 0.15rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blog-base-list li .block-box .cont-box .type span{ display: inline-block; vertical-align: top; margin-right: 0.2rem;}
.blog-base-list li .block-box .cont-box .type2{ font-size: 0.16rem; color: #1b4e94; margin-bottom: 0.05rem; text-transform: uppercase;}
.blog-base-list li .block-box .cont-box .btn-box{ margin-top: 0.2rem;}
.blog-base-list li .block-box .cont-box .btn-box a{ display: inline-block; border: 1px solid #2664b2; border-radius: 0.2rem; color: #2664b2 !important; font-size: 0.16rem; line-height: 1; padding: 0.115rem 0.2rem;}
.blog-base-list li .block-box .cont-box .btn-box a:hover{ background-color: #1b4e94; border-color: #1b4e94; color: #fff !important;}
.blog-base-list li .block-box:hover .pic img{ transform: scale(1.15);}

.switches-container .blog-base-list li:first-child{ float: none; width: 100%; margin-top: 0;}
.switches-container .blog-base-list li:first-child .block-box{ background-color: transparent;}
.switches-container .blog-base-list li:first-child .block-box .pic{ float: right; width: 50%; height: 4.16rem;}
.switches-container .blog-base-list li:first-child .block-box .cont-box{ width: 50%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding: 0 0.85rem 0 0;}
.switches-container .blog-base-list li:first-child .block-box .cont-box h2{ font-size: 0.35rem; color: #fff; white-space: initial; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.switches-container .blog-base-list li:first-child .block-box .cont-box h2 a{ color: #fff !important;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .time{ color: #fff;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .cont{ color: #b5e4ff;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .type{ color: #fff;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .btn-box{ margin-top: 0.3rem;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .btn-box a{ border-color: #b5e4ff; color: #b5e4ff !important;}
.switches-container .blog-base-list li:first-child .block-box .cont-box .btn-box a:hover{ background-color: #fff; border-color: #fff; color: #000 !important;}

.show-more-box{ margin-top: 0.65rem; text-align: center;}
.show-more-box a{ display: inline-block; vertical-align: top; font-size: 0.16rem; color: #b5e4ff !important; line-height: 0.5rem; border-radius: 0.5rem; background-color: #1b4e94; padding: 0 0.58rem 0 0.27rem; position: relative;}
.show-more-box a::before{ content: ''; width: 0.3rem; height: 0.3rem; background: url(../images/blog/icon-more1.png) center no-repeat; background-size: cover; position: absolute; right: 0.1rem; top: 50%; transform:translateY(-50%); transition: all 0.5s;}
.show-more-box a:hover{ background-color: #fff; color: #000 !important;}
.show-more-box a:hover::before{ background-image: url(../images/blog/icon-more1-on.png);}

.resources-container{ /* background: -webkit-linear-gradient(to bottom, #f0f0f0 ,#fff); background: linear-gradient(to bottom, #f0f0f0 ,#fff); */ background: #dddddd; color: #000;}
.resources-container .blog-base-box{ color: #000;}
.resources-container .blog-base-box h1{ color: #1b4e94;}
.resources-container .blog-base-tabs-container .tabs-box{/* border-color: #1d4c8c; */ border-color: rgba(000, 000, 000, 0.6);;}
.resources-container .blog-base-tabs-container .tabs-box li{ background-color: rgba(000, 000, 000, 0.1);}
.resources-container .blog-base-tabs-container .tabs-box li .blog-title{ color: #000;}
.resources-container .blog-base-tabs-container .tabs-box li.active{ background-color: rgba(000, 000, 000, 0.5);}
/* .resources-container .blog-base-tabs-container .tabs-box li.active::before{ background-color: #1d4c8c;} */
.resources-container .blog-base-tabs-container .tabs-box li.active .blog-title{ color: #fff;}
.resources-container .blog-base-tabs-container .tabs-content{ margin-top: 0;}
.resources-container .blog-base-list li .block-box{ /* background-color: transparent; */}
.resources-container .blog-base-list li .block-box:hover{ background-color: #fff; box-shadow: 0 0 0.46rem #e9e9e9;}
.resources-container .show-more-box a{ background-color: #f0f0f0; color: #646464 !important;}
.resources-container .show-more-box a::before{ background-image: url(../images/blog/icon-more2.png);}
.resources-container .show-more-box a:hover{ background-color: #1b4e94; color: #b5e4ff !important;}
.resources-container .show-more-box a:hover::before{ background-image: url(../images/blog/icon-more1.png);}

.more-resources-container{ padding: 0.8rem; background: url(../images/blog/more-resources-bg.jpg) center no-repeat; background-size: cover; position: relative;}
.more-resources-container .top-title{ font-size: 0.32rem; font-weight: bold; color: #fff; text-transform: uppercase; width: 22.727%; position: absolute; left: 0.8rem; top: 50%; transform:translateY(-50%);}
.more-resources-list{ float: right; width: 65%;}
.more-resources-list ul{ display: flex; margin: 0 -0.3rem;}
.more-resources-list li{ flex: 1; text-align: center; padding: 0 0.3rem;}
.more-resources-list li .block-box{ border: 0.01rem solid #b5e4ff; font-size: 0; line-height: 0.78rem; transition: all .5s;}
.more-resources-list li .block-box a{ display: block;}
.more-resources-list li .block-box .icon,.more-resources-list li .block-box span{ display: inline-block; vertical-align: middle;}
.more-resources-list li .block-box .icon{ width: 0.34rem;}
.more-resources-list li .block-box .icon img{ display: block; width: 100%; transition: all .5s;}
.more-resources-list li .block-box .icon .img2{ display: none;}
.more-resources-list li .block-box span{ font-size: 0.16rem; color: #b5e4ff; text-transform: uppercase; margin-left: 0.15rem;}
.more-resources-list li .block-box:hover{ border-color: #1b4e94; background-color: #1b4e94;}
.more-resources-list li .block-box:hover span{ color: #fff;}
.more-resources-list li .block-box:hover .icon .img1{ display: none;}
.more-resources-list li .block-box:hover .icon .img2{ display: block;}

.edit-container{ width: 83.333vw; margin-left: auto; margin-right: auto;}

.blog-detail-container{ padding: 0.6rem 0 1.6rem 0; background-color: #fff;}
.blog-breadcrumb{ font-size: 0.18rem; color: #1d4c8c; padding-bottom: 0.35rem; border-bottom: 1px solid #1d4c8c;}
.blog-breadcrumb a{ color: #1d4c8c !important;}
.blog-breadcrumb span{ margin: 0 0.05rem;}
.blog-detail-top{ margin-top: 0.65rem;}
.blog-detail-top .top-box{ position: relative;}
.blog-detail-top .top-box .pic{ float: left; width: 50%; height: 3.78rem; overflow: hidden;}
.blog-detail-top .top-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.blog-detail-top .top-box .cont-box{ width: 50%; position: absolute; right: 0; top: 50%; transform:translateY(-50%); padding-left: 0.55rem;}
.blog-detail-top .top-box .cont-box .type{ font-size: 0.2rem; text-transform: uppercase;}
.blog-detail-top .top-box .cont-box h1{ font-size: 0.35rem; font-weight: bold; margin-top: 0.4rem;}
.blog-detail-top .top-box .cont-box .bottom-label{ margin-top: 0.4rem; font-size: 0;}
.blog-detail-top .top-box .cont-box .bottom-label span{ display: inline-block; vertical-align: top; font-size: 0.18rem; color: #1d4c8c; line-height: 1; margin-right: 0.18rem; padding-right: 0.18rem; border-right: 1px solid #1d4c8c;}
.blog-detail-top .top-box .cont-box .bottom-label span:last-child{ border-right: 0; margin-right: 0; padding-right: 0;}
.blog-detail-top .topics{ margin-top: 0.45rem; font-size: 0.16rem;}
.blog-detail-top .topics .type{ display: inline-block; vertical-align: top; margin-right: 0.15rem;}
.blog-detail-top .topics span{ display: inline-block; vertical-align: top; color: #1d4c8c; /* text-decoration: underline; */ margin-right: 0.2rem;}
.blog-detail-top .topics span:last-child{ margin-right: 0;}
.blog-detail-top .social-box{ margin-top: 0.3rem;}
.blog-detail-top .social-box dd{ display: flex;}
.blog-detail-top .social-box dd .social-item{ display: block; width: 0.45rem; border: 1px solid #1d4c8c; border-radius: 100%; overflow: hidden; margin-right: 0.15rem;}
.blog-detail-top .social-box dd .social-item img{ display: block; width: 100%;}
.blog-jumpto-box{ margin-top: 0.55rem;}
.blog-jumpto{ padding: 0.3rem 0; background-color: #f7f7f7; margin-top: 0.55rem; height: 0.84rem;}
/* .blog-jumpto ul{ display: flex;} */
.blog-jumpto li{ /* flex: 1; */ float: left; width: 33.333%; padding: 0 0.65rem; border-right: 1px solid #adadad;}
.blog-jumpto li .blog-title{ font-size: 0.16rem; padding-left: 0.45rem; background: url(../images/blog/icon-jumpto-links.png) left top no-repeat; background-size: 0.24rem; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blog-jumpto li:last-child{ border-right: 0;}
.blog-jumpto li a:hover .blog-title{ color: #1d4c8c;}
.blog-jumpto-height{ height: 0.84rem; display: none;}

.blog-jumpto.fixed{ width: 100%; height: auto; position: fixed; left: 0; top: 70px; z-index: 5; margin-top: 0; /* box-shadow: 0 3px 3px rgba(0, 0, 0, .2); */ padding: 0.2rem 0; height: 0.64rem;}
.blog-jumpto.fixed li .blog-title{ min-height: 0.25rem; height: auto; -webkit-line-clamp: initial;}

.blog-detail-content{ padding: 0.4rem 1.3rem 0 1.3rem; font-size: 0.2rem; color: #5f5f5f;}
.blog-detail-content h2{ font-size: 0.24rem; font-weight: bold; color: #1d4c8c; margin: 0.4rem 0 0.1rem 0; line-height: normal;}
.blog-detail-content h3{ font-size: 0.2rem; font-weight: bold; color: #1d4c8c; margin: 0.4rem 0 0.1rem 0; line-height: normal;}
.blog-detail-content img{ display: block; max-width: 80%; margin: 0.4rem auto;}
.blog-detail-content video{ display: block; width: 80%; margin: 0.4rem auto;}
.blog-detail-content table{ border-collapse: collapse; margin: 0.4rem auto;}
.blog-detail-content table th,.blog-detail-content table td{ padding: 0.1rem 0.2rem;}
.blog-detail-content table th{ background-color: #eee;}
.blog-detail-content p{ margin-top: 0.4rem;}

.blog-detail-content .download-btn{ margin-top: 0.4rem;}
.blog-detail-content .download-btn span{ display: inline-block; vertical-align: top; line-height: 0.53rem; border: 1px solid #1d4c8c; border-radius: 0.53rem; font-size: 0.18rem; color: #1d4c8c; padding: 0 0.37rem 0 0.77rem; background: url(../images/blog/icon-download-pdf.png) 0.33rem center no-repeat; background-size: 0.27rem;}
.blog-detail-content .download-btn span:hover{ background-image: url(../images/blog/icon-download-pdf-on.png); background-color: #1d4c8c; color: #fff;}
.blog-detail-content ul,.blog-detail-content ol{ padding-left: 1.5em; margin-top: 0.4rem;}
.blog-detail-content ul li{ list-style: disc !important;}
.blog-detail-content ol li{ list-style: decimal !important;}

.pdf-content{ height: 7.8rem; margin-top: 0.6rem;}
.pdf-content iframe{ width: 100%; height: 100%; border: 0;}

.blog-detail-recommend{ padding: 0.8rem 0 0.4rem 0;}
.blog-detail-recommend .top-title{ font-size: 0.24rem; font-weight: bold; color: #1d4c8c; padding-left: 0.4rem; background: url(../images/blog/icon-title-recommend.png) 0.03rem center no-repeat; background-size: 0.25rem;}
.blog-detail-recommend-swiper{ margin: 0 -0.225rem; position: relative;}
.blog-detail-recommend-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 0.225rem; margin-top: 0.55rem;}
.blog-detail-recommend-swiper .swiper-slide .block-box{ position: relative;}
.blog-detail-recommend-swiper .swiper-slide .block-box .pic{ height: 2.38rem; overflow: hidden;}
.blog-detail-recommend-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box{ padding: 0.25rem 0.3rem 0.4rem 0.3rem; font-size: 0.16rem; color: #000; line-height: 1.5;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box h2{ font-size: 0.28rem; color: #1b4e94; font-weight: bold; line-height: 1.2; height: 2.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box h2 a{ color: #1b4e94 !important;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .time{ color: #1b4e94; font-weight: bold;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.15rem; font-size: 0.18rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type{ font-size: 0.14rem; color: #7a7a7a; margin-top: 0.15rem;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type2{ font-size: 0.16rem; color: #1b4e94; margin-bottom: 0.05rem; text-transform: uppercase; font-weight: bold;}
.blog-detail-recommend-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.15);}
.blog-detail-recommend-swiper .swiper-arrow{ width: 0.4rem; height: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: 0.25rem; position: absolute; top: 1.55rem; cursor: pointer; display: none;}
.blog-detail-recommend-swiper .swiper-arrow-prev{ left: -0.3rem; background-image: url(../images/blog/icon-swiper-prev.png);}
.blog-detail-recommend-swiper .swiper-arrow-next{ right: -0.3rem; background-image: url(../images/blog/icon-swiper-next.png);}
.blog-detail-recommend-swiper.swiper-animate .swiper-arrow{ display: block;}






@media screen and (max-width: 1680px){
    .blog-banner .swiper-slide img{ height: 25.622vw; object-fit: cover;}
}
@media screen and (max-width: 1680px){
    .blog-banner .swiper-slide img{ height: 23.426vw; object-fit: cover;}
}






@media screen and (max-width: 960px){
    .blog-banner .swiper-slide img{ height: auto;}
    .blog-banner .swiper-slide::before{ content: ''; width: 100%; height: 100%; background-color: rgba(000, 000, 000, 0.3); position: absolute; top: 0; left: 0;}
    .blog-banner .swiper-slide .banner-inner{ padding: 0 0.4rem;}
    .blog-banner .swiper-slide .banner-cont{ width: 100%; font-size: 0.24rem;}
    .blog-banner .swiper-slide .banner-cont h1{ font-size: 0.48rem;}
    .blog-banner .swiper-slide .banner-cont .btn-box a{ font-size: 0.24rem; padding: 0.16rem 0.3rem; border-radius: 0.3rem;}
    .blog-banner .banner-tabs{ display: none;}
    
    .blog-base-box{ width: 100%; font-size: 0.24rem;}
    .blog-base-box h1{ font-size: 0.4rem;}
    
    .blog-base-container{ padding: 0.6rem 0.4rem;}
    .blog-base-tabs-container{ margin-top: 0.6rem;}
    .blog-base-tabs-container .tabs-box ul{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
    .blog-base-tabs-container .tabs-box li{ display: inline-block; width: auto; margin-right: 0.2rem;}
    .blog-base-tabs-container .tabs-box li .blog-title{ font-size: 0.24rem; line-height: 0.8rem;}
    .blog-base-tabs-container .tabs-box li.active .blog-title{ font-size: 0.32rem;}
    .blog-base-tabs-container .tabs-content{ margin-top: 0.4rem;}
    
    .blog-base-list li{ float: none; width: 100%; margin-top: 0.4rem;}
    .blog-base-list li .block-box .pic{ height: 3.16rem;}
    .blog-base-list li .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
    .blog-base-list li .block-box .cont-box h2{ font-size: 0.36rem;}
    .blog-base-list li .block-box .cont-box .cont{ font-size: 0.28rem;}
    .blog-base-list li .block-box .cont-box .type{ font-size: 0.24rem;}
    .blog-base-list li .block-box .cont-box .type2{ font-size: 0.24rem;}
    .blog-base-list li .block-box .cont-box .btn-box a{ font-size: 0.24rem; padding: 0.16rem 0.3rem; border-radius: 0.3rem;}
    .switches-container .blog-base-list li:first-child .block-box{ background-color: #fff;}
    .switches-container .blog-base-list li:first-child .block-box .pic{ float: none; width: 100%; height: 3.16rem;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box{ width: 100%; position: initial; transform: translateY(0); padding: 0.4rem;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box h2{ font-size: 0.36rem; color: #1b4e94 !important;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box h2 a{ color: #1b4e94 !important;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box .time{ color: #1b4e94;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box .cont{ color: #000;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box .type{ color: #7a7a7a;}
    .switches-container .blog-base-list li:first-child .block-box .cont-box .btn-box a{ border-color: #2664b2; color: #2664b2 !important;}
    
    .show-more-box a{ font-size: 0.24rem; line-height: 0.6rem; padding: 0 0.68rem 0 0.37rem;}
    .show-more-box a::before{ width: 0.35rem; height: 0.35rem; right: 0.15rem;}
    
    .resources-container .blog-base-list li .block-box{ background-color: #fff; box-shadow: 0 0 0.46rem #f1f1f1;}
    
    .more-resources-container{ padding: 0.6rem 0.4rem;}
    .more-resources-container .top-title{ width: 100%; font-size: 0.4rem; position: initial; transform: translateY(0);}
    .more-resources-list{ float: none; width: 100%; margin-top: 0.6rem;}
    .more-resources-list ul{ display: block;}
    .more-resources-list li{ flex: auto; margin-top: 0.4rem;}
    .more-resources-list li:first-child{ margin-top: 0;}
    .more-resources-list li .block-box{ text-align: left; line-height: 0.9rem;}
    .more-resources-list li .block-box{ padding-left: 0.6rem;}
    .more-resources-list li .block-box .icon{ width: 0.44rem;}
    .more-resources-list li .block-box span{ font-size: 0.24rem; margin-left: 0.3rem;}
    
    
    .edit-container{ width: 100%;}
    .blog-detail-container{ padding: 0.6rem 0.4rem;}
    .blog-breadcrumb{ font-size: 0.24rem; padding-bottom: 0.2rem;}
    .blog-breadcrumb span{ margin: 0 0.1rem;}
    .blog-detail-top{ margin-top: 0.6rem;}
    .blog-detail-top .top-box .pic{ float: none; width: 100%; height: 3.16rem;}
    .blog-detail-top .top-box .cont-box{ width: 100%; position: initial; transform: translateY(0); padding-left: 0; margin-top: 0.4rem;}
    .blog-detail-top .top-box .cont-box .type{ font-size: 0.24rem;}
    .blog-detail-top .top-box .cont-box h1{ font-size: 0.36rem; margin-top: 0.2rem;}
    .blog-detail-top .top-box .cont-box .bottom-label{ margin-top: 0.2rem;}
    .blog-detail-top .top-box .cont-box .bottom-label span{ font-size: 0.24rem;}
    .blog-detail-top .topics{ margin-top: 0.4rem; font-size: 0.24rem;}
    .blog-detail-top .topics .type{ display: block; margin-right: 0;}
    .blog-detail-top .social-box{ margin-top: 0.4rem;}
    .blog-detail-top .social-box dd .social-item{ width: 0.6rem; margin-right: 0.2rem;}
    .blog-jumpto-box{ margin-top: 0.6rem;}
    .blog-jumpto{ height: auto; padding: 0.2rem 0.4rem;}
    /* .blog-jumpto ul{ display: block;} */
    .blog-jumpto li{ float: none; width: 100%; padding: 0.2rem 0; border-right: 0; border-bottom: 1px solid #adadad;}
    .blog-jumpto li .blog-title{ font-size: 0.24rem; background-size: 0.35rem; padding-left: 0.55rem;}
    .blog-jumpto li:last-child{ border-bottom: 0;}
    
    .blog-jumpto.fixed{ top: 44px;}
    
    .blog-detail-content{ padding: 0.2rem 0 0 0; font-size: 0.24rem;}
    .blog-detail-content h2{ font-size: 0.28rem;}
    .blog-detail-content h3{ font-size: 0.24rem;}
    .blog-detail-content img{ max-width: initial; width: 100%; margin: 0.4rem auto;}
    .blog-detail-content video{ width: 100%; margin: 0.4rem auto;}
    .blog-detail-content table{ width: 100%;}
    .blog-detail-content p{ margin-top: 0.4rem;}
    
    .blog-detail-content .download-btn span{ font-size: 0.24rem; background-size: 0.35rem; line-height: 0.72rem; padding: 0 0.45rem 0 0.85rem;}
    
    .pdf-content{ display: none;}
    
    .blog-detail-recommend{ padding: 0.6rem 0.4rem;}
    .blog-detail-recommend .top-title{ font-size: 0.36rem; background-size: 0.35rem; padding-left: 0.5rem;}
    .blog-detail-recommend-swiper .swiper-slide{ float: none; width: 100%; margin-top: 0.4rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box{ background-color: #fff;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .pic{ height: 3.16rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .cont-box h2{ font-size: 0.36rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .cont{ font-size: 0.28rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type{ font-size: 0.24rem;}
    .blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type2{ font-size: 0.24rem;}
    .blog-detail-recommend-swiper .swiper-arrow{ display: none !important;}
    .blog-detail-recommend-swiper.swiper-animate .swiper-pagination{ position: initial; margin-top: 0.3rem}
    
    
    
    
    
}