@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