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

.subject-nav{ float: right; line-height: 0.96rem;}
.subject-nav li{ float: left; font-size: 0.18rem; margin-left: 0.7rem; position: relative;}
.subject-nav li:first-child{ margin-left: 0;}
.subject-nav li a{ display: block; color: #fff;}
.subject-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;}
.subject-nav li.active::before, .subject-nav li:hover::before, .subject-nav li.temporary-active::before{ left: -15%; opacity: 1;}

.subject-banner{ position: relative;}
.subject-banner img{ display: block; width: 100%;}
.subject-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-40%); left: 0;}
.subject-banner .banner-inner .cont-inner{ width: 53%; font-size: 0.2rem; color: #fff;}
.subject-banner .banner-inner .cont-inner .title{ font-size: 0.4rem;}
.subject-banner .banner-inner .cont-inner .cont{ line-height: 1.8; margin-top: 0.4rem;}
.subject-banner .banner-inner .btn-box{ margin-top: 0.5rem; font-size: 0.18rem;}
.subject-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;}
.subject-banner .banner-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.subject-section{ padding: 1rem 0; overflow: hidden;}
.subject-section .base-top-box{ font-size: 0.2rem; text-align: center;}
.subject-section .base-top-box .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.subject-section .base-top-box .cont{ line-height: 1.8;}

.about-section{ background: url(../images/nlqjt-bg.jpg) top center no-repeat #f7fbfe; background-size: 100% auto;}
.about-section-inner{ margin-top: 0.7rem;}
.about-swiper{ padding-bottom: 0.65rem; position: relative;}
.about-swiper .swiper-container{ overflow: visible;}
.about-swiper .swiper-slide .block-box{ min-height: 3.35rem; padding: 0.8rem 1.5rem; margin: 0 0.4rem; background: url(../images/about-swiper-bg.jpg) center no-repeat; background-size: cover; border-radius: 0.2rem; overflow: hidden; font-size: 0.24rem; color: #fff; line-height: 1.8; position: relative;}
.about-swiper .swiper-slide .block-box::before{ content: ''; width: 100%; height: 100%; background-color: rgba(000,000,000,0.6); position: absolute; top: 0; left: 0; z-index: 3;}
.about-swiper .swiper-slide .block-box strong{ font-size: 0.2rem;}
.about-swiper .swiper-slide .block-box .cont{ position: relative;}
.about-swiper .swiper-slide .block-box .cont .source{ text-align: right;}
.about-swiper .swiper-slide .block-box .cont::before,.about-swiper .swiper-slide .block-box .cont::after{ content: ''; width: 0.38rem; height: 0.31rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute;}
.about-swiper .swiper-slide .block-box .cont::before{ background-image: url(../images/icon-symbol1.png); top: -0.15rem; left: -0.82rem;}
.about-swiper .swiper-slide .block-box .cont::after{ background-image: url(../images/icon-symbol2.png); bottom: -0.15rem; right: -0.82rem;}
.about-swiper .swiper-slide-active .block-box::before{ display: none;}
.about-swiper .swiper-page{ position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; z-index: 5; padding: 0 0.5rem;}
.about-swiper .swiper-page .swiper-arrow{ width: 0.24rem; height: 0.24rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.about-swiper .swiper-page .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-arrow-prev.png); left: 0;}
.about-swiper .swiper-page .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-arrow-next.png); right: 0;}
.about-swiper .swiper-page .swiper-pagination{ position: initial; font-size: 0.18rem;}
.about-swiper .swiper-page .swiper-pagination .swiper-pagination-current{ font-size: 0.28rem;}

.about-video-section{ background: url(../images/qyzz-bg.jpg) top center no-repeat #f7fbfe; background-size: 100% auto;}
.about-video-section .video-box video{ display: block; width: 100%; border-radius: 0.2rem;}

.process-section1-inner{ margin-top: 0.7rem; position: relative;}
.process-section1-inner .pic{ float: left; width: 57.4%;}
.process-section1-inner .pic img{ display: block; width: 100%; border-radius: 0.2rem;}
.process-section1-inner .cont-inner{ width: 42.6%; position: absolute; top: 50%; transform:translateY(-50%); right: 0; font-size: 0.2rem; line-height: 1.8; padding-left: 0.9rem;}

.process-section2{ background-color: #f5f6fa;}
.process-section2 .base-top-box .cont{ margin-top: 0.2rem;}
.process-section2-inner{ margin-top: 0.7rem;}
.process-section2-inner .pic img{ display: block; width: 100%; border-radius: 0.2rem;}

.process-section3-inner{ margin-top: 0.7rem; position: relative;}
.process-section3-inner .pic{ float: right; width: 70.5%;}
.process-section3-inner .pic img{ display: block; width: 100%; border-radius: 0.2rem;}
.process-section3-inner .item-box{ width: 29.5%; position: absolute; left: 0; font-size: 0.18rem; padding-right: 0.6rem;}
.process-section3-inner .item-box .icon-line{ width: 1.48rem; height: 0.1rem; position: absolute; top: 0.12rem; right: -0.4rem}
.process-section3-inner .item-box .icon-line::before{ content: ''; width: 100%; height: 0.02rem; background-color: #44a6dc; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.process-section3-inner .item-box .icon-line::after{ content: ''; width: 0.1rem; height: 0.1rem; background-color: #44a6dc; border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.process-section3-inner .item-box .title{ font-size: 0.24rem; color: #0126a1; font-weight: bold;}
.process-section3-inner .item-box .cont{ margin-top: 0.05rem;}
.process-section3-inner .item-box .links{ margin-top: 0.1rem;}
.process-section3-inner .item-box .links a{ color: #c00121;}
.process-section3-inner .item-box .links a:hover{ text-decoration: underline;}
.process-section3-inner .item-box1{ top: 1.28rem;}
.process-section3-inner .item-box2{ top: 3.52rem;}

.process-section4{ background: url(../images/process-bg.jpg) top center no-repeat #f7fbfe; background-size: 100% auto;}
.process-section4-inner{ margin-top: 0.7rem; position: relative;}
.process-section4-title{ width: 2.2rem; height: 2.2rem; background: url(../images/process-section4-title-bg.jpg) center no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border-radius: 100%; overflow: hidden;}
.process-section4-title::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(to bottom, #003ccc, #000135); background: linear-gradient(to bottom, #003ccc, #000135); opacity: 0.7;}
.process-section4-title .title{ width: 100%; font-size: 0.24rem; color: #fff; font-weight: bold; text-align: center; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}

.process-section4-inner ul{ margin: -0.15rem -0.6rem 0 -0.6rem;}
.process-section4-inner li{ float: left; width: 50%; padding: 0.15rem 0.6rem;}
.process-section4-inner li .block-box{ background: -webkit-linear-gradient(48deg, #d1e4f9, #dfe4ff); background: linear-gradient(48deg, #d1e4f9, #dfe4ff); border-radius: 0.2rem; overflow: hidden;}
.process-section4-inner li .block-box .top-title-box{ line-height: 0.6rem; font-size: 0.22rem; color: #fff; font-weight: bold; padding: 0 0.65rem; background: -webkit-linear-gradient(to right, #000361, #144fdd); background: linear-gradient(to right, #000361, #144fdd);}
.process-section4-inner li .block-box .cont-box{ height: 2.5rem; padding: 0.2rem 0.65rem; font-size: 0.18rem; line-height: 1.8;}
.process-section4-inner li .block-box .cont-box .title{ font-size: 0.2rem; color: #062c7d; font-weight: bold;}
.process-section4-inner li .block-box .cont-box .txt{ color: #062c7d; font-weight: bold; margin-bottom: 0.1rem;}
.process-section4-inner li .block-box .cont-box dl dd{ padding-left: 0.16rem; position: relative;}
.process-section4-inner li .block-box .cont-box dl dd::before{ content: ""; width: 0.06rem; height: 0.06rem; background-color: #062c7d; border-radius: 100%; position: absolute; left: 0; top: 0.12rem;}

.download-section-inner{ background: url(../images/download-bg.jpg) center no-repeat; background-size: cover; border-radius: 0.2rem; overflow: hidden; padding: 0.4rem; position: relative;}
.download-section-inner .pic{ float: left; width: 33.5%; margin-left: 10%;}
.download-section-inner .pic img{ display: block; width: 100%;}
.download-section-inner .cont-inner{ width: 47%; position: absolute; top: 50%; transform:translateY(-50%); right: 0.4rem; font-size: 0.18rem; color: #fff;}
.download-section-inner .cont-inner .base-top-box{ text-align: left;}
.download-section-inner .cont-inner dl{ margin-top: 0.2rem; line-height: 1.8;}
.download-section-inner .cont-inner dl dd{ padding-left: 0.16rem; position: relative;}
.download-section-inner .cont-inner dl dd::before{ content: ""; width: 0.06rem; height: 0.06rem; background-color: #537ee1; border-radius: 100%; position: absolute; left: 0; top: 0.12rem;}
.download-section-inner .cont-inner .btn-box{ margin-top: 0.3rem; font-size: 0.18rem;}
.download-section-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;}
.download-section-inner .cont-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}












@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;}
	
	.subject-nav{ line-height: normal;}
	.subject-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;}
	.subject-nav li{ float: none; font-size: 0.24rem; padding: 0.4rem; margin-left: 0; text-align: center; border-bottom: 0.01rem solid #dbdbdb;}
	.subject-nav li::before{ display: none;}
	.subject-nav li a,.subject-nav li a:hover{ font-size: 0.24rem; color: #000;}
	.subject-nav li:hover a, .subject-nav li.active a{ font-size: 0.28rem; color: #0126a1;}
	
	.header .subject-icon-menu{ width: 0.5rem; height: 0.5rem; position: absolute; top: 0.375rem; right: 0;}
	.header .subject-icon-menu i{width:100%;height:0.04rem;margin-top:0.25rem;background:#fff;display:block;position:relative;transition:0.4s}
	.header .subject-icon-menu i:before,.header .subject-icon-menu i:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:0.04rem;background:#fff;transition:0.4s}
	.header .subject-icon-menu i:before{margin-top:-0.14rem}
	.header .subject-icon-menu i:after{margin-top:0.14rem}
	.header .subject-icon-menu.on i{background: transparent}
	.header .subject-icon-menu.on i:before{transform:rotate(45deg);margin:0}
	.header .subject-icon-menu.on i:after{transform:rotate(-45deg);margin:0}
	
	.subject-banner .banner-inner{ padding: 0 0.4rem;}
	.subject-banner .banner-inner .cont-inner{ width: 100%; font-size: 0.24rem;}
	.subject-banner .banner-inner .cont-inner .title{ font-size: 0.36rem;}
	.subject-banner .banner-inner .btn-box{ font-size: 0.24rem;}
	.subject-banner .banner-inner .btn-box a{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem;}
	
	.subject-section{ padding: 0.8rem 0.4rem;}
	.subject-section .base-top-box{ font-size: 0.24rem;}
	.subject-section .base-top-box .title{ font-size: 0.4rem;}
	
	.about-section .base-top-box .cont{ text-align: left;}
	.about-section-inner{ margin-top: 0.6rem;}
	.about-swiper{ padding-bottom: 0.8rem;}
	.about-swiper .swiper-container{ overflow: hidden;}
	.about-swiper .swiper-slide .block-box{ min-height: 6.65rem; padding: 0.8rem 1rem; margin: 0; font-size: 0.28rem;}
	.about-swiper .swiper-slide .block-box strong{ font-size: 0.24rem;}
	.about-swiper .swiper-slide .block-box .cont::before{ left: -0.6rem;}
	.about-swiper .swiper-slide .block-box .cont::after{ right: -0.6rem;}
	.about-swiper .swiper-page{ width: 40%; margin: 0 auto; padding: 0 0.6rem;}
	.about-swiper .swiper-page .swiper-pagination{ font-size: 0.24rem;}
	.about-swiper .swiper-page .swiper-pagination .swiper-pagination-current{ font-size: 0.32rem;}
	.about-swiper .swiper-page .swiper-arrow{ width: 0.36rem; height: 0.36rem;}
	
	.process-section1-inner{ margin-top: 0.6rem;}
	.process-section1-inner .pic{ float: none; width: 100%;}
	.process-section1-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.24rem; padding-left: 0; margin-top: 0.4rem;}
	
	.process-section2-inner{ margin-top: 0.6rem;}
	
	.process-section3-inner{ margin-top: 0.6rem;}
	.process-section3-inner .pic{ float: none; width: 100%;}
	.process-section3-inner .item-box{ width: 100%; position: relative; top: auto; left: auto; font-size: 0.24rem; padding: 0; margin-top: 0.4rem;}
	.process-section3-inner .item-box .title{ font-size: 0.28rem;}
	.process-section3-inner .item-box .icon-line{ display: none;}
	
	.process-section4-inner{ margin-top: 0.6rem;}
	.process-section4-title{ width: 2.8rem; height: 2.8rem; position: initial; transform: translate(0, 0); margin: 0 auto;}
	.process-section4-title .title{ font-size: 0.28rem;}
	.process-section4-inner ul{ margin-top: 0;}
	.process-section4-inner li{ float: none; width: 100%; margin-top: 0.4rem; padding: 0 0.6rem;}
	.process-section4-inner li .block-box .top-title-box{ line-height: normal; font-size: 0.28rem; padding: 0.2rem 0.4rem;}
	.process-section4-inner li .block-box .cont-box{ height: auto; padding: 0.4rem; font-size: 0.24rem;}
	.process-section4-inner li .block-box .cont-box .title{ font-size: 0.24rem;}
	.process-section4-inner li .block-box .cont-box dl dd{ padding-left: 0.2rem;}
	.process-section4-inner li .block-box .cont-box dl dd::before{ width: 0.08rem; height: 0.08rem; top: 0.16rem;}
	
	.download-section-inner{ padding: 0.6rem 0.4rem;}
	.download-section-inner .pic{ float: none; width: 75%; margin: 0 auto;}
	.download-section-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); right: auto; left: 0; margin-top: 0.4rem; font-size: 0.24rem;}
	.download-section-inner .cont-inner dl dd{ padding-left: 0.2rem;}
	.download-section-inner .cont-inner dl dd::before{ width: 0.08rem; height: 0.08rem; top: 0.16rem;}
	.download-section-inner .cont-inner .btn-box{ font-size: 0.24rem; margin-top: 0.4rem;}
	.download-section-inner .cont-inner .btn-box a{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem;}
	
	
	
	
	
	
}

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

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

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