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

.blog-banner .swiper-slide img{ display: block; width: 100%;}
.blog-banner .swiper-slide .banner-inner{ width: 100%; padding: 0 8.0rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.blog-banner .swiper-slide .banner-cont{ width: 60%; font-size: 1.80rem; color: #fff;}
.blog-banner .swiper-slide .banner-cont h1{ font-size: 4.50rem; font-weight: bold;}
.blog-banner .swiper-slide .banner-cont .cont{ margin-top: 3.0rem; 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: 5.0rem;}
.blog-banner .swiper-slide .banner-cont .btn-box a{ display: inline-block; border: 1px solid #b5e4ff; border-radius: 2.0rem; color: #b5e4ff !important; font-size: 1.60rem; line-height: 1; padding: 1.15rem 2.0rem;}
.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: 2.50rem solid #232c3a; border-left: 2.20rem solid transparent; border-right: 2.20rem solid transparent; position: absolute; top: -2.50rem; left: 50%; transform:translateX(-50%); display: none;}
.blog-banner .banner-tabs li .block-box{ padding: 3.0rem 8.0rem; 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: 10rem; 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: 1.80rem; color: #fff; padding-left: 1.50rem; padding-top: 0.10rem;}
.blog-banner .banner-tabs li .block-box .cont-box .title{ font-size: 1.60rem; color: #b5e4ff;}
.blog-banner .banner-tabs li .block-box .cont-box .cont{ margin-top: 0.10rem; 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.60rem; 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: 1.80rem; color: #000; width: 72%;}
.blog-base-box h1{ font-size: 5.0rem; font-weight: bold; color: #1b4e94;}
.blog-base-box .cont{ margin-top: 4.0rem;}

.blog-base-container{ padding: 8.0rem; 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: 8.0rem;}
.blog-base-tabs-container .tabs-box{ border-bottom: 0.2rem solid #75c0ea; box-shadow: 0.2rem 0.2rem 0.10rem 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 .title{ font-size: 1.80rem; line-height: 7.20rem; 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 .title{ font-size: 2.40rem; /* color: #75c0ea; */ color: #000;}
/* .blog-base-tabs-container .tabs-box li.active::before{ content: ''; width: 100%; height: 0.60rem; background-color: #75c0ea; position: absolute; left: 0; bottom: -0.04rem;} */
.blog-base-tabs-container .tabs-content{ margin-top: 6.50rem;}
.blog-base-tabs-container .tabs-content .box{ display: none;}

.blog-base-list ul{ margin: 0 -2.25rem;}
.blog-base-list li{ float: left; width: 33.333%; padding: 0 2.25rem; margin-top: 6.0rem;}
.blog-base-list li .block-box{ background-color: #fff; position: relative;}
.blog-base-list li .block-box .pic{ height: 26rem; 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: 2.50rem 4.0rem 4.0rem 4.0rem; font-size: 1.60rem; color: #000; line-height: 1.5;}
.blog-base-list li .block-box .cont-box h2{ font-size: 2.80rem; 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: 1.50rem; font-size: 1.80rem; 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: 1.40rem; color: #7a7a7a; margin-top: 1.50rem; 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: 2.0rem;}
.blog-base-list li .block-box .cont-box .type2{ font-size: 1.60rem; color: #1b4e94; margin-bottom: 0.5rem; text-transform: uppercase;}
.blog-base-list li .block-box .cont-box .btn-box{ margin-top: 2.0rem;}
.blog-base-list li .block-box .cont-box .btn-box a{ display: inline-block; border: 1px solid #2664b2; border-radius: 2.0rem; color: #2664b2 !important; font-size: 1.60rem; line-height: 1; padding: 1.15rem 2.0rem;}
.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: 41.6rem;}
.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 8.50rem 0 0;}
.switches-container .blog-base-list li:first-child .block-box .cont-box h2{ font-size: 3.50rem; 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: 3.0rem;}
.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: 6.50rem; text-align: center;}
.show-more-box a{ display: inline-block; vertical-align: top; font-size: 1.60rem; color: #b5e4ff !important; line-height: 5.0rem; border-radius: 5.0rem; background-color: #1b4e94; padding: 0 5.80rem 0 2.70rem; position: relative;}
.show-more-box a::before{ content: ''; width: 3.0rem; height: 3.0rem; background: url(../images/icon-more1.png) center no-repeat; background-size: cover; position: absolute; right: 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/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 .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 .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 4.60rem #e9e9e9;}
.resources-container .show-more-box a{ background-color: #f0f0f0; color: #646464 !important;}
.resources-container .show-more-box a::before{ background-image: url(../images/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/icon-more1.png);}

.more-resources-container{ padding: 8.0rem; background: url(../images/more-resources-bg.jpg) center no-repeat; background-size: cover; position: relative;}
.more-resources-container .top-title{ font-size: 3.20rem; font-weight: bold; color: #fff; text-transform: uppercase; width: 22.727%; position: absolute; left: 8.0rem; top: 50%; transform:translateY(-50%);}
.more-resources-list{ float: right; width: 65%;}
.more-resources-list ul{ display: flex; margin: 0 -3.0rem;}
.more-resources-list li{ flex: 1; text-align: center; padding: 0 3.0rem;}
.more-resources-list li .block-box{ border: 0.10rem solid #b5e4ff; font-size: 0; line-height: 7.80rem; 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: 3.40rem;}
.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: 1.60rem; color: #b5e4ff; text-transform: uppercase; margin-left: 1.50rem;}
.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: 6.0rem 0 1.6rem 0; background-color: #fff;}
.blog-breadcrumb{ font-size: 1.80rem; color: #1d4c8c; padding-bottom: 3.50rem; border-bottom: 1px solid #1d4c8c;}
.blog-breadcrumb a{ color: #1d4c8c !important;}
.blog-breadcrumb span{ margin: 0 0.5rem;}
.blog-detail-top{ margin-top: 6.50rem;}
.blog-detail-top .top-box{ position: relative;}
.blog-detail-top .top-box .pic{ float: left; width: 50%; height: 37.8rem; 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: 5.50rem;}
.blog-detail-top .top-box .cont-box .type{ font-size: 2.0rem; text-transform: uppercase;}
.blog-detail-top .top-box .cont-box h1{ font-size: 3.50rem; font-weight: bold; margin-top: 4.0rem;}
.blog-detail-top .top-box .cont-box .bottom-label{ margin-top: 4.0rem; font-size: 0;}
.blog-detail-top .top-box .cont-box .bottom-label span{ display: inline-block; vertical-align: top; font-size: 1.80rem; color: #1d4c8c; line-height: 1; margin-right: 1.80rem; padding-right: 1.80rem; 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: 4.50rem; font-size: 1.60rem;}
.blog-detail-top .topics .type{ display: inline-block; vertical-align: top; margin-right: 1.50rem;}
.blog-detail-top .topics span{ display: inline-block; vertical-align: top; color: #1d4c8c; /* text-decoration: underline; */ margin-right: 2.0rem;}
.blog-detail-top .topics span:last-child{ margin-right: 0;}
.blog-detail-top .social-box{ margin-top: 3.0rem;}
.blog-detail-top .social-box dd{ display: flex;}
.blog-detail-top .social-box dd .social-item{ display: block; width: 4.50rem; border: 1px solid #1d4c8c; border-radius: 100%; overflow: hidden; margin-right: 1.50rem;}
.blog-detail-top .social-box dd .social-item img{ display: block; width: 100%;}
.blog-jumpto-box{ margin-top: 5.50rem;}
.blog-jumpto{ padding: 3.0rem 0; background-color: #f7f7f7; margin-top: 5.50rem; height: 8.4rem;}
/* .blog-jumpto ul{ display: flex;} */
.blog-jumpto li{ /* flex: 1; */ float: left; width: 33.333%; padding: 0 6.50rem; border-right: 1px solid #adadad;}
.blog-jumpto li .title{ font-size: 1.60rem; padding-left: 4.50rem; background: url(../images/icon-jumpto-links.png) left top no-repeat; background-size: 2.40rem; 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 .title{ color: #1d4c8c;}
.blog-jumpto-height{ height: 8.4rem; 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: 2.0rem 0; height: 6.4rem;}
.blog-jumpto.fixed li .title{ min-height: 2.50rem; height: auto; -webkit-line-clamp: initial;}

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

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

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

.blog-detail-recommend{ padding: 8.0rem 0 4.0rem 0;}
.blog-detail-recommend .top-title{ font-size: 2.40rem; font-weight: bold; color: #1d4c8c; padding-left: 4.0rem; background: url(../images/icon-title-recommend.png) 0.03rem center no-repeat; background-size: 2.50rem;}
.blog-detail-recommend-swiper{ margin: 0 -2.25rem; position: relative;}
.blog-detail-recommend-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 2.25rem; margin-top: 5.50rem;}
.blog-detail-recommend-swiper .swiper-slide .block-box{ position: relative;}
.blog-detail-recommend-swiper .swiper-slide .block-box .pic{ height: 23.8rem; 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: 2.50rem 3.0rem 4.0rem 3.0rem; font-size: 1.60rem; color: #000; line-height: 1.5;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box h2{ font-size: 2.80rem; 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: 1.50rem; font-size: 1.80rem; 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: 1.40rem; color: #7a7a7a; margin-top: 1.50rem;}
.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type2{ font-size: 1.60rem; color: #1b4e94; margin-bottom: 0.5rem; 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: 4.0rem; height: 4.0rem; background-position: center; background-repeat: no-repeat; background-size: 2.50rem; position: absolute; top: 15.5rem; cursor: pointer; display: none;}
.blog-detail-recommend-swiper .swiper-arrow-prev{ left: -3.0rem; background-image: url(../images/icon-swiper-prev.png);}
.blog-detail-recommend-swiper .swiper-arrow-next{ right: -3.0rem; background-image: url(../images/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 4.0rem;}
	.blog-banner .swiper-slide .banner-cont{ width: 100%; font-size: 2.40rem;}
	.blog-banner .swiper-slide .banner-cont h1{ font-size: 4.8rem;}
	.blog-banner .swiper-slide .banner-cont .btn-box a{ font-size: 2.40rem; padding: 1.60rem 3.0rem; border-radius: 3.0rem;}
	.blog-banner .banner-tabs{ display: none;}
	
	.blog-base-box{ width: 100%; font-size: 2.40rem;}
	.blog-base-box h1{ font-size: 4.0rem;}
	
	.blog-base-container{ padding: 6.0rem 4.0rem;}
	.blog-base-tabs-container{ margin-top: 6.0rem;}
	.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: 2.0rem;}
	.blog-base-tabs-container .tabs-box li .title{ font-size: 2.40rem; line-height: 8.0rem;}
	.blog-base-tabs-container .tabs-box li.active .title{ font-size: 3.20rem;}
	.blog-base-tabs-container .tabs-content{ margin-top: 4.0rem;}
	
	.blog-base-list li{ float: none; width: 100%; margin-top: 4.0rem;}
	.blog-base-list li .block-box .pic{ height: 31.6rem;}
	.blog-base-list li .block-box .cont-box{ padding: 4.0rem; font-size: 2.40rem;}
	.blog-base-list li .block-box .cont-box h2{ font-size: 3.6rem;}
	.blog-base-list li .block-box .cont-box .cont{ font-size: 2.80rem;}
	.blog-base-list li .block-box .cont-box .type{ font-size: 2.40rem;}
	.blog-base-list li .block-box .cont-box .type2{ font-size: 2.40rem;}
	.blog-base-list li .block-box .cont-box .btn-box a{ font-size: 2.40rem; padding: 1.60rem 3.0rem; border-radius: 3.0rem;}
	.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: 31.6rem;}
	.switches-container .blog-base-list li:first-child .block-box .cont-box{ width: 100%; position: initial; transform: translateY(0); padding: 4.0rem;}
	.switches-container .blog-base-list li:first-child .block-box .cont-box h2{ font-size: 3.6rem; 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: 2.40rem; line-height: 6.0rem; padding: 0 6.8rem 0 3.70rem;}
	.show-more-box a::before{ width: 3.50rem; height: 3.50rem; right: 1.50rem;}
	
	.resources-container .blog-base-list li .block-box{ background-color: #fff; box-shadow: 0 0 4.60rem #f1f1f1;}
	
	.more-resources-container{ padding: 6.0rem 4.0rem;}
	.more-resources-container .top-title{ width: 100%; font-size: 4.0rem; position: initial; transform: translateY(0);}
	.more-resources-list{ float: none; width: 100%; margin-top: 6.0rem;}
	.more-resources-list ul{ display: block;}
	.more-resources-list li{ flex: auto; margin-top: 4.0rem;}
	.more-resources-list li:first-child{ margin-top: 0;}
	.more-resources-list li .block-box{ text-align: left; line-height: 9rem;}
	.more-resources-list li .block-box{ padding-left: 6.0rem;}
	.more-resources-list li .block-box .icon{ width: 4.4rem;}
	.more-resources-list li .block-box span{ font-size: 2.40rem; margin-left: 3.0rem;}
	
	
	.edit-container{ width: 100%;}
	.blog-detail-container{ padding: 6.0rem 4.0rem;}
	.blog-breadcrumb{ font-size: 2.40rem; padding-bottom: 2.0rem;}
	.blog-breadcrumb span{ margin: 0 0.10rem;}
	.blog-detail-top{ margin-top: 6.0rem;}
	.blog-detail-top .top-box .pic{ float: none; width: 100%; height: 31.6rem;}
	.blog-detail-top .top-box .cont-box{ width: 100%; position: initial; transform: translateY(0); padding-left: 0; margin-top: 4.0rem;}
	.blog-detail-top .top-box .cont-box .type{ font-size: 2.40rem;}
	.blog-detail-top .top-box .cont-box h1{ font-size: 3.6rem; margin-top: 2.0rem;}
	.blog-detail-top .top-box .cont-box .bottom-label{ margin-top: 2.0rem;}
	.blog-detail-top .top-box .cont-box .bottom-label span{ font-size: 2.40rem;}
	.blog-detail-top .topics{ margin-top: 4.0rem; font-size: 2.40rem;}
	.blog-detail-top .topics .type{ display: block; margin-right: 0;}
	.blog-detail-top .social-box{ margin-top: 4.0rem;}
	.blog-detail-top .social-box dd .social-item{ width: 6.0rem; margin-right: 2.0rem;}
	.blog-jumpto-box{ margin-top: 6.0rem;}
	.blog-jumpto{ height: auto; padding: 2.0rem 4.0rem;}
	/* .blog-jumpto ul{ display: block;} */
	.blog-jumpto li{ float: none; width: 100%; padding: 2.0rem 0; border-right: 0; border-bottom: 1px solid #adadad;}
	.blog-jumpto li .title{ font-size: 2.40rem; background-size: 3.50rem; padding-left: 5.50rem;}
	.blog-jumpto li:last-child{ border-bottom: 0;}
	
	.blog-jumpto.fixed{ top: 44px;}
	
	.blog-detail-content{ padding: 2.0rem 0 0 0; font-size: 2.40rem;}
	.blog-detail-content h2{ font-size: 2.80rem;}
	.blog-detail-content h3{ font-size: 2.40rem;}
	.blog-detail-content img{ max-width: initial; width: 100%; margin: 4.0rem auto;}
	.blog-detail-content video{ width: 100%; margin: 4.0rem auto;}
	.blog-detail-content table{ width: 100%;}
	.blog-detail-content p{ margin-top: 4.0rem;}
	
	.blog-detail-content .download-btn span{ font-size: 2.40rem; background-size: 3.50rem; line-height: 7.20rem; padding: 0 4.50rem 0 8.50rem;}
	
	.pdf-content{ display: none;}
	
	.blog-detail-recommend{ padding: 6.0rem 4.0rem;}
	.blog-detail-recommend .top-title{ font-size: 3.6rem; background-size: 3.50rem; padding-left: 5.0rem;}
	.blog-detail-recommend-swiper .swiper-slide{ float: none; width: 100%; margin-top: 4.0rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box{ background-color: #fff;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .pic{ height: 31.6rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box{ padding: 4.0rem; font-size: 2.40rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box h2{ font-size: 3.6rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .cont{ font-size: 2.80rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type{ font-size: 2.40rem;}
	.blog-detail-recommend-swiper .swiper-slide .block-box .cont-box .type2{ font-size: 2.40rem;}
	.blog-detail-recommend-swiper .swiper-arrow{ display: none !important;}
	.blog-detail-recommend-swiper.swiper-animate .swiper-pagination{ position: initial; margin-top: 3.0rem}
	
	
	
	
	
}