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

.yx-nav{ float: right; line-height: 0.96rem;}
.yx-nav li{ float: left; font-size: 0.18rem; margin-left: 0.7rem; position: relative;}
.yx-nav li:first-child{ margin-left: 0;}
.yx-nav li a{ display: block; color: #fff;}
.yx-nav li::before{ content: ''; width: 1.64rem; height: 0.06rem; background: url(../images/icon/nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0; left: 100%; opacity: 0; transition:all 0.5s ease;}
.yx-nav li.active::before, .yx-nav li:hover::before, .yx-nav li.temporary-active::before{ left: -15%; opacity: 1;}

.yx-banner{ position: relative; margin-top: 0.96rem;}
.yx-banner img{ display: block; width: 100%;}
.yx-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-40%); left: 0;}
.yx-banner .banner-inner .cont-inner{ width: 53%; font-size: 0.18rem; color: #fff;}
.yx-banner .banner-inner .cont-inner .title{ font-size: 0.4rem; font-weight: bold;}
.yx-banner .banner-inner .cont-inner .cont{ line-height: 2; margin-top: 0.2rem;}
.yx-banner .banner-inner .btn-box{ margin-top: 0.9rem; font-size: 0.18rem;}
.yx-banner .banner-inner .btn-box a{ display: inline-block; vertical-align: top; width: 3.14rem; height: 0.64rem; line-height: 0.64rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; padding-left: 0.78rem;}
.yx-banner .banner-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}
.yx-banner .banner-inner .btn-box a span{ padding-right: 0.25rem; background: url(../images/icon-btn-arrow.png) right center no-repeat; background-size: 0.18rem;}

.yx-section{ padding: 1rem 0; overflow: hidden; color: #20364D;}
.yx-section .base-top-box{ font-size: 0.2rem; text-align: center;}
.yx-section .base-top-box .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.yx-section .base-top-box .cont{ line-height: 2; margin-top: 0.2rem;}

.yx-section1-list{ margin-top: 0.4rem;}
.yx-section1-list ul{ margin: 0 -0.08rem;}
.yx-section1-list li{ float: left; width: 25%; padding: 0 0.08rem;}
.yx-section1-list li .block-box{ border: 1px solid #0A182812; border-radius: 0.08rem; background-color: #F7F9FC; padding: 0.34rem 0.24rem; font-size: 0.18rem; text-align: center;}
.yx-section1-list li .block-box .top-box{ font-size: 0.2rem; font-weight: bold;}
.yx-section1-list li .block-box .top-box .icon{ width: 0.55rem; margin: 0 auto 0.15rem auto;}
.yx-section1-list li .block-box .top-box .icon img{ display: block; width: 100%;}
.yx-section1-list li .block-box .cont{ margin-top: 0.15rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.yx-section2{ background-color: #F7F9FC;}
.yx-section2-inner{ margin-top: 0.55rem;}
.yx-section2-inner img{ display: block; width: 100%;}

.yx-section3-inner{ margin-top: 0.25rem;}
.yx-section3-inner .tab-box{ border: 1px solid #0A182812; border-radius: 0.12rem; padding: 0.1rem;}
.yx-section3-inner .tab-box ul{ margin: 0 -0.08rem;}
.yx-section3-inner .tab-box .swiper-slide{ float: left; width: auto; margin: 0 0.08rem; cursor: pointer;}
.yx-section3-inner .tab-box .swiper-slide .block-box{ border-radius: 0.08rem; padding: 0.08rem 0.16rem;}
.yx-section3-inner .tab-box .swiper-slide .block-box .title{ position: relative; padding-left: 0.36rem; line-height: 0.28rem; font-size: 0.18rem;}
.yx-section3-inner .tab-box .swiper-slide .block-box .title .icon{ width: 0.28rem; height: 0.28rem; background-repeat: no-repeat; background-position: center; background-size: 0.16rem; background-color: rgba(0, 119, 255, 0.06); border-radius: 0.05rem; position: absolute; left: 0; top: 0;}
.yx-section3-inner .tab-box .swiper-slide-thumb-active .block-box{ background-color: #F7F9FC; color: #0A1828; font-weight: bold;}
.yx-section3-inner .tab-box .swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:hover .block-box .title .icon{ background-color: #C41230;}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(1) .block-box .title .icon{ background-image: url(../images/jjfa-icon1.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(1).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(1):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon1-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(2) .block-box .title .icon{ background-image: url(../images/jjfa-icon2.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(2).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(2):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon2-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(3) .block-box .title .icon{ background-image: url(../images/jjfa-icon3.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(3).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(3):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon3-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(4) .block-box .title .icon{ background-image: url(../images/jjfa-icon4.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(4).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(4):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon4-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(5) .block-box .title .icon{ background-image: url(../images/jjfa-icon5.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(5).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(5):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon5-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(6) .block-box .title .icon{ background-image: url(../images/jjfa-icon6.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(6).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(6):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon6-on.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(7) .block-box .title .icon{ background-image: url(../images/jjfa-icon7.png);}
.yx-section3-inner .tab-box .swiper-slide:nth-of-type(7).swiper-slide-thumb-active .block-box .title .icon,.yx-section3-inner .tab-box .swiper-slide:nth-of-type(7):hover .block-box .title .icon{ background-image: url(../images/jjfa-icon7-on.png);}

.yx-section3-inner .tab-container{ margin-top: 0.25rem;}
.yx-section3-inner .tab-container .swiper-slide .block-box{ border: 1px solid rgba(10, 24, 40, 0.08); border-radius: 0.12rem; overflow: hidden; background-color: #FAFBFD;}
.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner{ float: left; width: 50%; padding: 0.3rem 0.45rem; font-size: 0.18rem;}
.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner dl{ margin: 0.05rem 0 0.45rem 0;}
.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner dd{ font-weight: bold; margin-top: 0.2rem; padding-left: 0.32rem; position: relative;}
.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner dd::before{ content: ''; width: 0.2rem; height: 0.2rem; background: url(../images/jjfa-li-icon.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0.03rem;}

.yx-section3-inner .tab-container .swiper-slide .block-box .pic-box{ float: right; width: 50%; position: relative;}
.yx-section3-inner .tab-container .swiper-slide .block-box .pic-box img{ display: block; width: 100%;}
.yx-section3-inner .tab-container .swiper-slide .block-box .pic-box .video-play{ width: 100%; height: 100%; background: url(../images/icon-video-play.png) center no-repeat rgba(000,000,000,0.3); background-size: 0.64rem; position: absolute; top: 0; left: 0;}


.yx-section4{ background-color: #F7F9FC;}
.yx-section4-inner{ margin-top: 0.55rem;}
.yx-section4-inner img{ display: block; width: 100%;}

.yx-section5{ position: relative; padding: 0;}
.yx-section5 img{ display: block; width: 100%;}
.yx-section5-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.yx-section5-inner .cont-inner{ float: right; width: 52.695%; font-size: 0.18rem; color: #fff; padding-right: 10%;}
.yx-section5-inner .cont-inner .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.yx-section5-inner .cont-inner .title span{/* background-image:-webkit-linear-gradient(135deg,#4A7AC8,#C41230); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ color: #fff;}
.yx-section5-inner .cont-inner .cont{ margin-top: 0.25rem;}
.yx-section5-inner .cont-inner .btn-box{ margin-top: 0.5rem; font-size: 0.18rem;}
.yx-section5-inner .cont-inner .btn-box a{ display: inline-block; vertical-align: top; width: 2.38rem; height: 0.48rem; line-height: 0.48rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; padding-left: 0.55rem;}
.yx-section5-inner .cont-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}
.yx-section5-inner .cont-inner .btn-box a span{ padding-right: 0.25rem; background: url(../images/icon-btn-arrow.png) right center no-repeat; background-size: 0.18rem;}


/* 视频弹框 */
.video-play{ cursor: pointer;}
.video-layer{ width: 100%; height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10001;display: none;}
.video-layer .opacity{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.8;}
.video-layer .layer-inner{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.video-layer .layer-inner .layer-close{ width: 0.36rem; height: 0.36rem; background: url(../images/icon-close-on.png) center no-repeat; background-size: 0.3rem; position: absolute; top: -0.45rem; right: -0.45rem; z-index: 11; cursor: pointer;}
.video-layer .layer-container{ width: 11.52rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.video-layer .layer-container .video-inner video{ display: block; width: 100%; background-color: #000;}








@media (max-width: 1680px){
	/* 缩小80% */
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	
}

@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.edit-container{ /* width: calc(100% - 10.66vw); */ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.yx-nav{ line-height: normal;}
	.yx-nav ul{ position: absolute; left: -0.4rem; top: 1.25rem; background: #fff; width: calc(100% + 0.8rem); border-top: 0.01rem solid #f4f4f4; display: none;}
	.yx-nav li{ float: none; font-size: 0.24rem; padding: 0.4rem; margin-left: 0; text-align: center; border-bottom: 0.01rem solid #dbdbdb;}
	.yx-nav li::before{ display: none;}
	.yx-nav li a,.yx-nav li a:hover{ font-size: 0.24rem; color: #000;}
	.yx-nav li:hover a, .yx-nav li.active a{ font-size: 0.28rem; color: #0126a1;}
	
	.header .yx-icon-menu{ width: 0.5rem; height: 0.5rem; position: absolute; top: 0.375rem; right: 0;}
	.header .yx-icon-menu i{width:100%;height:0.04rem;margin-top:0.25rem;background:#fff;display:block;position:relative;transition:0.4s}
	.header .yx-icon-menu i:before,.header .yx-icon-menu i:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:0.04rem;background:#fff;transition:0.4s}
	.header .yx-icon-menu i:before{margin-top:-0.14rem}
	.header .yx-icon-menu i:after{margin-top:0.14rem}
	.header .yx-icon-menu.on i{background: transparent}
	.header .yx-icon-menu.on i:before{transform:rotate(45deg);margin:0}
	.header .yx-icon-menu.on i:after{transform:rotate(-45deg);margin:0}
	
	.yx-banner{ margin-top: 1.25rem;}
	.yx-banner::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
	.yx-banner .banner-inner{ padding: 0 0.4rem; transform: translateY(0); top: 22%;}
	.yx-banner .banner-inner .cont-inner{ width: 100%; font-size: 0.24rem;}
	.yx-banner .banner-inner .cont-inner .title{ font-size: 0.36rem;}
	.yx-banner .banner-inner .btn-box{ font-size: 0.24rem; margin-top: 0.6rem;}
	.yx-banner .banner-inner .btn-box a{ width: 2.8rem; height: 0.6rem; line-height: 0.6rem;}
	.yx-banner .banner-inner .btn-box a span{ padding-right: 0.35rem; background-size: 0.24rem;}
	
	.yx-section{ padding: 0.8rem 0.4rem;}
	.yx-section .base-top-box{ font-size: 0.24rem;}
	.yx-section .base-top-box .title{ font-size: 0.4rem;}
	
	.yx-section1-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.yx-section1-list li .block-box{ font-size: 0.24rem; padding: 0.4rem 0.2rem;}
	.yx-section1-list li .block-box .top-box{ font-size: 0.32rem;}
	.yx-section1-list li .block-box .top-box .icon{ width: 0.55rem;}
	.yx-section1-list li .block-box .cont{ height: auto; -webkit-line-clamp: initial;}
	
	.yx-section2-inner{ margin-top: 0.4rem;}
	
	.yx-section3-inner .tab-box .swiper-slide .block-box{ padding: 0.15rem;}
	.yx-section3-inner .tab-box .swiper-slide .block-box .title{ font-size: 0.28rem; padding-left: 0.45rem; line-height: 0.32rem;}
	.yx-section3-inner .tab-box .swiper-slide .block-box .title .icon{ width: 0.32rem; height: 0.32rem; background-size: 0.24rem;}
	
	.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner{ float: none; width: 100%; padding: 0.4rem; font-size: 0.24rem;}
	.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner dd{ padding-left: 0.4rem;}
	.yx-section3-inner .tab-container .swiper-slide .block-box .cont-inner dd::before{ width: 0.24rem; height: 0.24rem; top: 0.05rem;}
	.yx-section3-inner .tab-container .swiper-slide .block-box .pic-box{ float: none; width: 100%;}
	
	.yx-section4-inner{ margin-top: 0.4rem;}
	
	.yx-section5-inner{ width: 100%; padding: 0 0.4rem; top: 20%; transform: translateY(0); }
	.yx-section5-inner .cont-inner{ float: none; width: 100%; padding: 0 0.4rem; font-size: 0.24rem;}
	.yx-section5-inner .cont-inner .title{ font-size: 0.4rem;}
	.yx-section5-inner .cont-inner .btn-box{ font-size: 0.24rem; margin-top: 0.4rem;}
	.yx-section5-inner .cont-inner .btn-box a{ width: 2.8rem; height: 0.6rem; line-height: 0.6rem;}
	.yx-section5-inner .cont-inner .btn-box a span{ padding-right: 0.35rem; background-size: 0.24rem;}
	
	/* 视频弹框 */
	.video-layer .layer-container{ width: 100%;}
	.video-layer .layer-inner .layer-close{ width: 0.6rem; height: 0.6rem; background-size: 0.4rem; top: -0.8rem; right: 0.2rem;}
	
	
	
}

/* 超小屏 */
@media (max-width: 640px){
	
}

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

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	
}